@sheinx/hooks 3.0.0-alpha.1

package/cjs/components/use-input/use-input-password.d.ts

@@ -0,0 +1,16 @@
+import { InputPasswordProps } from './use-input-password.type';
+declare const useInputPassword: (props: InputPasswordProps) => {
+    inputProps: {
+        value: string;
+        onChange: (val?: string | undefined) => void;
+        type: string;
+    };
+    toggleProps: {
+        onClick: () => void;
+        onMouseDown: (e: any) => any;
+    };
+    visibility: boolean | undefined;
+    visibilityToggle: boolean | undefined;
+};
+export default useInputPassword;
+//# sourceMappingURL=use-input-password.d.ts.map

package/cjs/components/use-input/use-input-password.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-password.d.ts","sourceRoot":"","sources":["use-input-password.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,QAAA,MAAM,gBAAgB,UAAW,kBAAkB;;;yBAmBb,MAAM,GAAG,SAAS;;;;;yBAgBjC,GAAG;;;;CAKzB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/cjs/components/use-input/use-input-password.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.array.from.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
+var useInputPassword = function useInputPassword(props) {
+  var point = props.point || '•';
+  var value = props.value || '';
+  var _useState = (0, _react.useState)(props.defaultVisibility || false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    visibleState = _useState2[0],
+    setVisibleState = _useState2[1];
+  var control = props.visibility !== undefined;
+  var visibility = control ? props.visibility : visibleState;
+  var handleVisibilityChange = (0, _usePersistFn.default)(function (v) {
+    var _props$onVisibilityCh;
+    if (!control) {
+      setVisibleState(v);
+    }
+    (_props$onVisibilityCh = props.onVisibilityChange) === null || _props$onVisibilityCh === void 0 ? void 0 : _props$onVisibilityCh.call(props, v);
+  });
+  var toggleVisibility = (0, _usePersistFn.default)(function () {
+    if (!props.visibilityToggle) return;
+    handleVisibilityChange(!visibility);
+  });
+  var onChange = (0, _usePersistFn.default)(function () {
+    var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var newValue = [];
+    val.split('').forEach(function (v, i) {
+      newValue.push(v === point && value[i] !== undefined ? value[i] : v);
+    });
+    props.onChange(newValue.join(''));
+  });
+  var newValue = Array.from({
+    length: (value === null || value === void 0 ? void 0 : value.length) || 0
+  }, function () {
+    return point;
+  }).join('');
+  return {
+    inputProps: {
+      value: visibility ? value : newValue,
+      onChange: onChange,
+      type: 'text'
+    },
+    toggleProps: {
+      onClick: toggleVisibility,
+      onMouseDown: function onMouseDown(e) {
+        var _e$preventDefault;
+        return e === null || e === void 0 ? void 0 : (_e$preventDefault = e.preventDefault) === null || _e$preventDefault === void 0 ? void 0 : _e$preventDefault.call(e);
+      }
+    },
+    visibility: visibility,
+    visibilityToggle: props.visibilityToggle
+  };
+};
+var _default = useInputPassword;
+exports.default = _default;

package/cjs/components/use-input/use-input-password.type.d.ts

@@ -0,0 +1,11 @@
+export declare type PasswordValue = string | undefined;
+export interface InputPasswordProps {
+    value: PasswordValue;
+    onChange: (value: PasswordValue) => void;
+    point?: string;
+    visibilityToggle?: boolean;
+    visibility?: boolean;
+    defaultVisibility?: boolean;
+    onVisibilityChange?: (visibility: boolean) => void;
+}
+//# sourceMappingURL=use-input-password.type.d.ts.map

package/cjs/components/use-input/use-input-password.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-password.type.d.ts","sourceRoot":"","sources":["use-input-password.type.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC;AAC/C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CACpD"}

package/cjs/components/use-input/use-input-password.type.js

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

package/cjs/components/use-input/use-input.d.ts

@@ -0,0 +1,12 @@
+import { BaseInputProps, UseInputClearProps, UseInputRootSlotProps, UseInputSlotProps } from './use-input.type';
+import { ObjectType } from '../../common/type';
+declare const useInput: (params: BaseInputProps) => {
+    focused: boolean;
+    disabled: boolean | undefined;
+    showClear: string | boolean | undefined;
+    getRootProps: <TOther extends ObjectType<any> = ObjectType<any>>(externalProps?: TOther) => UseInputRootSlotProps<TOther>;
+    getInputProps: <TOther_1 extends ObjectType<any> = ObjectType<any>>(externalProps?: TOther_1) => UseInputSlotProps<TOther_1>;
+    getClearProps: <TOther_2 extends ObjectType<any> = ObjectType<any>>(externalProps?: TOther_2) => UseInputClearProps<TOther_2>;
+};
+export default useInput;
+//# sourceMappingURL=use-input.d.ts.map

package/cjs/components/use-input/use-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input.d.ts","sourceRoot":"","sources":["use-input.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAa5D,QAAA,MAAM,QAAQ,WAAY,cAAc;;;;;;;CAkIvC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/components/use-input/use-input.js

@@ -0,0 +1,157 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _useForkRef = _interopRequireDefault(require("../../common/use-fork-ref"));
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../../utils");
+var _excluded = ["inputRef", "rootRef", "value", "onChange", "onFocus", "onBlur", "clearable", "disabled", "autoSelect", "onClear", "onClick", "showClear"];
+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; }
+/*
+  数据:
+  value  focused  disabled  showClear
+
+  逻辑:
+  1. 输入触发 onChange
+  2. 聚焦 focus 为 true
+  3. 失去焦点 focus 为 false
+  4. 清空数据触发 onChange
+*/
+
+var useInput = function useInput(params) {
+  var inputRefPo = params.inputRef,
+    rootRef = params.rootRef,
+    value = params.value,
+    onChange = params.onChange,
+    onFocus = params.onFocus,
+    onBlur = params.onBlur,
+    clearable = params.clearable,
+    disabled = params.disabled,
+    autoSelect = params.autoSelect,
+    onClear = params.onClear,
+    onClick = params.onClick,
+    showClear = params.showClear,
+    propsToForward = (0, _objectWithoutProperties2.default)(params, _excluded);
+  var inputRef = React.useRef(null);
+  var _React$useState = React.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    focused = _React$useState2[0],
+    setFocused = _React$useState2[1];
+  var handleClick = function handleClick(otherHandlers) {
+    return function (event) {
+      var _otherHandlers$onClic;
+      if (inputRef.current) {
+        inputRef.current.focus();
+      }
+      (_otherHandlers$onClic = otherHandlers.onClick) === null || _otherHandlers$onClic === void 0 ? void 0 : _otherHandlers$onClic.call(otherHandlers, event);
+    };
+  };
+  var getRootProps = function getRootProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var externalEventHandlers = _objectSpread({
+      onClick: onClick
+    }, (0, _utils.extractEventHandlers)(externalProps));
+    return _objectSpread(_objectSpread(_objectSpread({}, externalProps), externalEventHandlers), {}, {
+      onClick: handleClick(externalEventHandlers),
+      onMouseDown: function onMouseDown(event) {
+        var target = event.target;
+        if (target.tagName === 'INPUT') return;
+        event.preventDefault();
+      },
+      ref: rootRef
+    });
+  };
+  var handleBlur = function handleBlur(otherHandlers) {
+    return function (event) {
+      var _otherHandlers$onBlur;
+      (_otherHandlers$onBlur = otherHandlers.onBlur) === null || _otherHandlers$onBlur === void 0 ? void 0 : _otherHandlers$onBlur.call(otherHandlers, event);
+      setFocused(false);
+    };
+  };
+  var handleFocus = function handleFocus(otherHandlers) {
+    return function (event) {
+      var _otherHandlers$onFocu;
+      (_otherHandlers$onFocu = otherHandlers.onFocus) === null || _otherHandlers$onFocu === void 0 ? void 0 : _otherHandlers$onFocu.call(otherHandlers, event);
+      setFocused(true);
+      if (autoSelect) {
+        event.target.select();
+      }
+    };
+  };
+  var handleChange = function handleChange(otherHandlers) {
+    return function (event) {
+      var _otherHandlers$onChan;
+      (_otherHandlers$onChan = otherHandlers.onChange) === null || _otherHandlers$onChan === void 0 ? void 0 : _otherHandlers$onChan.call(otherHandlers, event);
+      onChange === null || onChange === void 0 ? void 0 : onChange(event.target.value);
+    };
+  };
+  var handleInputRef = (0, _useForkRef.default)(inputRef, inputRefPo);
+  var getInputProps = function getInputProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var externalEventHandlers = _objectSpread({
+      onBlur: onBlur,
+      onFocus: onFocus
+    }, (0, _utils.extractEventHandlers)(externalProps));
+    var mergedEventHandlers = _objectSpread(_objectSpread(_objectSpread({}, propsToForward), externalProps), {}, {
+      disabled: disabled,
+      onFocus: handleFocus(externalEventHandlers),
+      onBlur: handleBlur(externalEventHandlers),
+      onChange: handleChange(externalEventHandlers)
+    });
+    return _objectSpread(_objectSpread({}, mergedEventHandlers), {}, {
+      ref: handleInputRef,
+      value: value
+    });
+  };
+  var handleClear = function handleClear(otherHandlers) {
+    return function (event) {
+      var _otherHandlers$onClic2;
+      // do not blur
+      event.preventDefault();
+      if (!focused) {
+        var _inputRef$current;
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+      }
+      if (onClear) {
+        onClear === null || onClear === void 0 ? void 0 : onClear();
+      } else {
+        onChange === null || onChange === void 0 ? void 0 : onChange('');
+      }
+      (_otherHandlers$onClic2 = otherHandlers.onClick) === null || _otherHandlers$onClic2 === void 0 ? void 0 : _otherHandlers$onClic2.call(otherHandlers, event);
+    };
+  };
+  var getClearProps = function getClearProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var externalEventHandlers = (0, _utils.extractEventHandlers)(externalProps);
+    return _objectSpread(_objectSpread({}, externalProps), {}, {
+      onMouseDown: handleClear(externalEventHandlers)
+    });
+  };
+  var showClearValue = showClear !== undefined ? !!showClear : clearable && value;
+  return {
+    focused: focused,
+    disabled: disabled,
+    showClear: showClearValue,
+    getRootProps: getRootProps,
+    getInputProps: getInputProps,
+    getClearProps: getClearProps
+  };
+};
+var _default = useInput;
+exports.default = _default;

package/cjs/components/use-input/use-input.type.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { AddNoProps } from '../../common/type';
+export interface InputPropsOwn {
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    value?: string;
+    onChange?: (value: string) => void;
+    onBlur?: React.FocusEventHandler;
+    onFocus?: React.FocusEventHandler;
+    onClick?: React.MouseEventHandler;
+    disabled?: boolean;
+    clearable?: boolean;
+    /**
+     * focus后自动全选数据
+     */
+    autoSelect?: boolean;
+    inputRef?: React.Ref<HTMLInputElement>;
+    rootRef?: React.Ref<HTMLElement>;
+    onClear?: () => void;
+    showClear?: boolean;
+}
+export interface BaseInputProps extends InputPropsOwn, Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof InputPropsOwn | 'size' | 'prefix' | 'onError'> {
+}
+export interface UseInputRootSlotOwnProps {
+    onClick?: React.MouseEventHandler;
+}
+export declare type UseInputRootSlotProps<TOther = Record<string, unknown>> = Omit<TOther, keyof UseInputRootSlotOwnProps | 'onBlur' | 'onChange' | 'onFocus'> & UseInputRootSlotOwnProps;
+export declare type UseInputSlotOwnProps = {
+    onFocus: React.FocusEventHandler;
+    onBlur: React.FocusEventHandler;
+    onChange: React.ChangeEventHandler<HTMLInputElement>;
+    disabled?: boolean;
+    ref: React.Ref<HTMLInputElement>;
+    value: any;
+};
+export declare type UseInputSlotProps<TOther = Record<string, unknown>> = Omit<TOther, keyof UseInputSlotOwnProps> & UseInputSlotOwnProps;
+export declare type UseInputClearOwnProps = {
+    onMouseDown: React.MouseEventHandler;
+};
+export declare type UseInputClearProps<TOther = Record<string, unknown>> = AddNoProps<UseInputClearOwnProps, TOther>;
+//# sourceMappingURL=use-input.type.d.ts.map

package/cjs/components/use-input/use-input.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input.type.d.ts","sourceRoot":"","sources":["use-input.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAEjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,cACf,SAAQ,aAAa,EACnB,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CACpD;CAAG;AAER,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACnC;AAED,oBAAY,qBAAqB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,IAAI,CACxE,MAAM,EAEN,MAAM,wBAAwB,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CACnE,GACC,wBAAwB,CAAC;AAE3B,oBAAY,oBAAoB,GAAG;IACjC,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC,KAAK,EAAE,GAAG,CAAC;CACZ,CAAC;AAEF,oBAAY,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,IAAI,CACpE,MAAM,EACN,MAAM,oBAAoB,CAC3B,GACC,oBAAoB,CAAC;AAEvB,oBAAY,qBAAqB,GAAG;IAClC,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACtC,CAAC;AAEF,oBAAY,kBAAkB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,UAAU,CAC3E,qBAAqB,EACrB,MAAM,CACP,CAAC"}

package/cjs/components/use-input/use-input.type.js

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

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

@@ -0,0 +1,4 @@
+export { default as useMenu } from './use-menu';
+export { default as useMenuItem } from './use-menu-item';
+export type { UseMenuProps, UseMenuItemProps } from './use-menu.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/use-menu/index.d.ts.map

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

package/cjs/components/use-menu/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useMenu", {
+  enumerable: true,
+  get: function get() {
+    return _useMenu.default;
+  }
+});
+Object.defineProperty(exports, "useMenuItem", {
+  enumerable: true,
+  get: function get() {
+    return _useMenuItem.default;
+  }
+});
+var _useMenu = _interopRequireDefault(require("./use-menu"));
+var _useMenuItem = _interopRequireDefault(require("./use-menu-item"));

package/cjs/components/use-menu/use-menu-item.d.ts

@@ -0,0 +1,16 @@
+import type { UseMenuItemProps } from './use-menu.type';
+declare const useMenuItem: (props: UseMenuItemProps) => {
+    id: string;
+    isChecked: boolean;
+    isInPath: boolean;
+    isOpen: boolean;
+    isDisabled: boolean;
+    expandAble: any;
+    isUp: boolean;
+    handleItemClick: (e: React.MouseEvent) => void;
+    handleMouseEnter: (e: React.MouseEvent) => void;
+    handleMouseLeave: () => void;
+    handleExpandClick: (e: React.MouseEvent) => void;
+};
+export default useMenuItem;
+//# sourceMappingURL=use-menu-item.d.ts.map

package/cjs/components/use-menu/use-menu-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu-item.d.ts","sourceRoot":"","sources":["use-menu-item.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAc,MAAM,iBAAiB,CAAC;AAEpE,QAAA,MAAM,WAAW,UAAW,gBAAgB;;;;;;;;yBA2BD,gBAAgB;0BA2Df,gBAAgB;;2BAhCf,gBAAgB;CA6E5D,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/components/use-menu/use-menu-item.js

@@ -0,0 +1,155 @@
+"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"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.set.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.array.from.js");
+var _react = require("react");
+var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
+var _uid = require("../../utils/uid");
+var useMenuItem = function useMenuItem(props) {
+  var _useRef = (0, _react.useRef)({
+      id: '',
+      timer: null,
+      isUp: false
+    }),
+    context = _useRef.current;
+  var _props$parentId = props.parentId,
+    parentId = _props$parentId === void 0 ? '' : _props$parentId,
+    dataItem = props.dataItem,
+    _props$toggleDuration = props.toggleDuration,
+    toggleDuration = _props$toggleDuration === void 0 ? 200 : _props$toggleDuration;
+  if (!context.id) {
+    context.id = "".concat(parentId, ",").concat((0, _uid.getUidStr)());
+  }
+  var gopenKeySet = new Set(props.openKeys);
+  var isDisabled = typeof props.disabled === 'function' ? props.disabled(dataItem) : !!props.disabled;
+  var expandAble = dataItem.children && (props.looseChildren || dataItem.children.length > 0);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isChecked = _useState2[0],
+    setChecked = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isInPath = _useState4[0],
+    setInPath = _useState4[1];
+  var update = (0, _usePersistFn.default)(function (getStatus) {
+    var status = getStatus(context.id, props.dataItem);
+    if (isChecked !== status.isChecked) {
+      setChecked(status.isChecked);
+    }
+    if (isInPath !== status.isInPath) {
+      setInPath(status.isInPath);
+    }
+  });
+  var handleItemClick = (0, _usePersistFn.default)(function (e) {
+    if (expandAble && !props.parentSelectable) {
+      if (props.mode === 'inline') {
+        props.onOpenChange(function (before) {
+          var openKeySet = new Set(before);
+          if (openKeySet.has(props.keyResult)) {
+            openKeySet.delete(props.keyResult);
+          } else {
+            openKeySet.add(props.keyResult);
+          }
+          return Array.from(openKeySet);
+        });
+      }
+    } else {
+      if (isDisabled) return;
+      if (typeof dataItem.onClick === 'function') {
+        dataItem.onClick(dataItem);
+      }
+      props.changeActiveId(context.id);
+      if (props.onClick) {
+        props.onClick(dataItem);
+      }
+    }
+    var isLeaf = ((dataItem || {}).children || []).length === 0;
+    if (!isLeaf) e.nativeEvent.stopImmediatePropagation();
+  });
+  var handleExpandClick = (0, _usePersistFn.default)(function (e) {
+    e.stopPropagation();
+    if (expandAble && props.mode === 'inline') {
+      props.onOpenChange(function (before) {
+        var openKeySet = new Set(before);
+        if (openKeySet.has(props.keyResult)) {
+          openKeySet.delete(props.keyResult);
+        } else {
+          openKeySet.add(props.keyResult);
+        }
+        return Array.from(openKeySet);
+      });
+    }
+  });
+  var handleMouseLeave = (0, _usePersistFn.default)(function () {
+    if (expandAble && props.mode !== 'inline') {
+      if (context.timer) {
+        clearTimeout(context.timer);
+        context.timer = null;
+      }
+      context.timer = setTimeout(function () {
+        props.onOpenChange(function (before) {
+          var openKeySet = new Set(before);
+          openKeySet.delete(props.keyResult);
+          return Array.from(openKeySet);
+        });
+      }, toggleDuration);
+      document.removeEventListener('click', handleMouseLeave);
+    }
+  });
+  var handleMouseEnter = (0, _usePersistFn.default)(function (e) {
+    if (expandAble && props.mode !== 'inline') {
+      var _props$scrollRef;
+      if (context.timer) {
+        clearTimeout(context.timer);
+        context.timer = null;
+      }
+      var isUp = false;
+      if (props.mode === 'vertical-auto' && (_props$scrollRef = props.scrollRef) !== null && _props$scrollRef !== void 0 && _props$scrollRef.current) {
+        var _props$scrollRef$curr;
+        var target = e.currentTarget;
+        var rect = target.getBoundingClientRect();
+        var scrollRect = (_props$scrollRef$curr = props.scrollRef.current) === null || _props$scrollRef$curr === void 0 ? void 0 : _props$scrollRef$curr.getBoundingClientRect();
+        var topLine = scrollRect === null || scrollRect === void 0 ? void 0 : scrollRect.top;
+        var bottomLine = scrollRect === null || scrollRect === void 0 ? void 0 : scrollRect.bottom;
+        isUp = rect.bottom - topLine > (bottomLine - topLine) / 2;
+      }
+      context.isUp = isUp;
+      props.onOpenChange(function (before) {
+        var openKeySet = new Set(before);
+        openKeySet.add(props.keyResult);
+        return Array.from(openKeySet);
+      });
+      document.addEventListener('click', handleMouseLeave);
+    }
+  });
+  (0, _react.useEffect)(function () {
+    props.bindUpdate(context.id, update);
+    return function () {
+      props.unbindUpdate(context.id);
+    };
+  }, []);
+  return {
+    id: context.id,
+    isChecked: isChecked,
+    isInPath: isInPath,
+    isOpen: gopenKeySet.has(props.keyResult),
+    isDisabled: isDisabled,
+    expandAble: expandAble,
+    isUp: context.isUp,
+    handleItemClick: handleItemClick,
+    handleMouseEnter: handleMouseEnter,
+    handleMouseLeave: handleMouseLeave,
+    handleExpandClick: handleExpandClick
+  };
+};
+var _default = useMenuItem;
+exports.default = _default;

package/cjs/components/use-menu/use-menu.d.ts

@@ -0,0 +1,11 @@
+import type { UseMenuProps, UpdateFunc } from './use-menu.type';
+import type { KeygenResult } from '../../common/type';
+declare const useMenu: (props: UseMenuProps) => {
+    openKeys: KeygenResult[] | undefined;
+    onOpenChange: (cb: (before: KeygenResult[]) => KeygenResult[]) => void;
+    bindUpdate: (id: string, updateItem: UpdateFunc) => void;
+    unbindUpdate: (id: string) => void;
+    changeActiveId: (id: string) => void;
+};
+export default useMenu;
+//# sourceMappingURL=use-menu.d.ts.map

package/cjs/components/use-menu/use-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu.d.ts","sourceRoot":"","sources":["use-menu.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,QAAA,MAAM,OAAO,UAAW,YAAY;;gCAwBgB,YAAY,EAAE,KAAK,YAAY,EAAE;qBAyC3D,MAAM,cAAc,UAAU;uBAI5B,MAAM;yBA5DS,MAAM;CA0EhD,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/cjs/components/use-menu/use-menu.js

@@ -0,0 +1,94 @@
+"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.iterator.js");
+require("core-js/modules/es.map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.array.index-of.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _react = require("react");
+var _useRender = _interopRequireDefault(require("../../common/use-render"));
+var _useInputAble2 = _interopRequireDefault(require("../../common/use-input-able"));
+var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
+var useMenu = function useMenu(props) {
+  var _useRef = (0, _react.useRef)({
+      updateMap: new Map(),
+      activeId: '',
+      cachedOpenKeys: props.openKeys || []
+    }),
+    context = _useRef.current;
+  var render = (0, _useRender.default)();
+  var changeActiveId = (0, _usePersistFn.default)(function (id) {
+    if (context.activeId !== id) {
+      context.activeId = id;
+      render();
+    }
+  });
+  var _useInputAble = (0, _useInputAble2.default)({
+      value: props.openKeys,
+      defaultValue: props.defaultOpenKeys,
+      onChange: props.onOpenChange,
+      control: props.openKeys !== undefined,
+      beforeChange: undefined
+    }),
+    value = _useInputAble.value,
+    onChange = _useInputAble.onChange;
+  context.cachedOpenKeys = value || [];
+  var changeOpenKeys = (0, _usePersistFn.default)(function (cb) {
+    var newKeys = cb(context.cachedOpenKeys);
+    context.cachedOpenKeys = newKeys;
+    onChange(newKeys);
+  });
+  var checkActive = (0, _usePersistFn.default)(function (id, dataItem) {
+    var act = typeof props.active === 'function' ? props.active(dataItem) : id === context.activeId;
+    if (typeof props.active === 'function') {
+      if (act && context.activeId !== id) {
+        context.activeId = id;
+      }
+      if (!act && context.activeId === id) {
+        context.activeId = '';
+      }
+    }
+    return act;
+  });
+  var checkInPath = (0, _usePersistFn.default)(function (id) {
+    if (!context.activeId || !id) return false;
+    if (context.activeId === id) return false;
+    return context.activeId.indexOf(id) >= 0;
+  });
+  var getStatus = (0, _usePersistFn.default)(function (id, d) {
+    var isChecked = checkActive(id, d);
+    var isInPath = checkInPath(id);
+    return {
+      isChecked: isChecked,
+      isInPath: isInPath
+    };
+  });
+  var update = (0, _usePersistFn.default)(function () {
+    context.updateMap.forEach(function (updateItem) {
+      updateItem(getStatus);
+    });
+  });
+  var bindUpdate = function bindUpdate(id, updateItem) {
+    context.updateMap.set(id, updateItem);
+  };
+  var unbindUpdate = function unbindUpdate(id) {
+    context.updateMap.delete(id);
+  };
+  (0, _react.useEffect)(function () {
+    update();
+  });
+  return {
+    openKeys: value,
+    onOpenChange: changeOpenKeys,
+    bindUpdate: bindUpdate,
+    unbindUpdate: unbindUpdate,
+    changeActiveId: changeActiveId
+  };
+};
+var _default = useMenu;
+exports.default = _default;