@sheinx/hooks 3.0.0-alpha.1

package/cjs/common/type.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export declare type EventHandlers = Record<string, React.EventHandler<any>>;
+export declare type ObjectType<V = any> = Record<string, V>;
+export declare type HandlerType = Record<string, React.EventHandler<any> | undefined>;
+export declare type AddNoProps<A, B> = Omit<B, keyof A> & A;
+export declare type ValueOf<T> = T[keyof T];
+export declare type ObjectKey<T = any> = T extends ObjectType ? keyof T & string : never;
+export declare type KeygenResult = string | number;
+export declare type KeygenType<DataItem> = ObjectKey<DataItem> | ((data: DataItem, index?: number) => KeygenResult) | true;
+export declare type StructKeygenType<DataItem> = ObjectKey<DataItem> | ((data: DataItem, index?: number) => KeygenResult);
+declare type OptionalKeys<T> = {
+    [K in keyof T]: T extends Record<K, T[K]> ? never : K;
+}[keyof T];
+declare type RequiredKeys<T> = Exclude<keyof T, OptionalKeys<T>>;
+export declare type OptionalToRequired<T> = {
+    [K in OptionalKeys<T>]-?: T[K] | undefined;
+} & {
+    [K in RequiredKeys<T>]: T[K];
+};
+export declare type StructKeygenStringType<DataItem> = ObjectKey<DataItem> | ((data: DataItem, index: string) => KeygenResult);
+export {};
+//# sourceMappingURL=type.d.ts.map

package/cjs/common/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;AAEpE,oBAAY,UAAU,CAAC,CAAC,GAAG,GAAG,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AACpD,oBAAY,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;AAE9E,oBAAY,UAAU,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAEpD,oBAAY,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAEpC,oBAAY,SAAS,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,SAAS,UAAU,GAAG,MAAM,CAAC,GAAG,MAAM,GAAG,KAAK,CAAC;AAEjF,oBAAY,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3C,oBAAY,UAAU,CAAC,QAAQ,IAC3B,SAAS,CAAC,QAAQ,CAAC,GACnB,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,YAAY,CAAC,GAClD,IAAI,CAAC;AAET,oBAAY,gBAAgB,CAAC,QAAQ,IACjC,SAAS,CAAC,QAAQ,CAAC,GACnB,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,YAAY,CAAC,CAAC;AAEvD,aAAK,YAAY,CAAC,CAAC,IAAI;KACpB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC;CACtD,CAAC,MAAM,CAAC,CAAC,CAAC;AAEX,aAAK,YAAY,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAEzD,oBAAY,kBAAkB,CAAC,CAAC,IAAI;KACjC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS;CAC3C,GAAG;KACD,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAC7B,CAAC;AACF,oBAAY,sBAAsB,CAAC,QAAQ,IACvC,SAAS,CAAC,QAAQ,CAAC,GACnB,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC,CAAC"}

package/cjs/common/type.js

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

package/cjs/common/use-click-away/index.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+export declare type OnClickAwayFn<T> = (event: T) => void;
+export declare type Target = RefObject<HTMLElement | null>;
+export declare function useClickAway<T extends Event = Event>(params: {
+    onClickAway: OnClickAwayFn<T>;
+    effect?: boolean;
+    target: Target | Array<Target>;
+}): void;
+export default useClickAway;
+//# sourceMappingURL=index.d.ts.map

package/cjs/common/use-click-away/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAI7C,oBAAY,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AAElD,oBAAY,MAAM,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;AACnD,wBAAgB,YAAY,CAAC,CAAC,SAAS,KAAK,GAAG,KAAK,EAAE,MAAM,EAAE;IAE5D,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAE9B,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;CAChC,QAkCA;AAED,eAAe,YAAY,CAAC"}

package/cjs/common/use-click-away/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.useClickAway = useClickAway;
+var _react = require("react");
+var _useLatestObj = require("../use-latest-obj");
+var _usePersistFn = _interopRequireDefault(require("../use-persist-fn"));
+function useClickAway(params) {
+  var onClickAway = params.onClickAway,
+    _params$effect = params.effect,
+    effect = _params$effect === void 0 ? true : _params$effect,
+    t = params.target;
+  var context = (0, _useLatestObj.useLatestObj)({
+    onClickAway: onClickAway
+  });
+  var target = Array.isArray(t) ? t : [t];
+  var handleClickAway = (0, _usePersistFn.default)(function (event) {
+    // @ts-ignore
+    if (target.findIndex(function (t) {
+      var _t$current;
+      return (_t$current = t.current) === null || _t$current === void 0 ? void 0 : _t$current.contains(event.target);
+    }) > -1) {
+      return;
+    }
+    context.onClickAway(event);
+  });
+  (0, _react.useEffect)(function () {
+    if (effect) {
+      // fix 点击绑定事件后会立马触发事件的问题
+      setTimeout(function () {
+        return document.addEventListener('click',
+        // @ts-ignore
+        handleClickAway, {
+          // 解决 点击后立刻删除dom导致获取不到元素; contains(target) 为 false 的问题
+          capture: true
+        });
+      }, 0);
+    }
+    return function () {
+      // @ts-ignore
+      document.removeEventListener('click', handleClickAway);
+    };
+  }, [effect]);
+}
+var _default = useClickAway;
+exports.default = _default;

package/cjs/common/use-default-value/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as useDefaultValue } from './use-default-value';
+export { default as usePrevious } from './use-previous';
+//# sourceMappingURL=index.d.ts.map

package/cjs/common/use-default-value/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,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/cjs/common/use-default-value/index.js

@@ -0,0 +1,26 @@
+"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 _useDefaultValue.default;
+  }
+});
+Object.defineProperty(exports, "useDefaultValue", {
+  enumerable: true,
+  get: function get() {
+    return _useDefaultValue.default;
+  }
+});
+Object.defineProperty(exports, "usePrevious", {
+  enumerable: true,
+  get: function get() {
+    return _usePrevious.default;
+  }
+});
+var _useDefaultValue = _interopRequireDefault(require("./use-default-value"));
+var _usePrevious = _interopRequireDefault(require("./use-previous"));

package/cjs/common/use-default-value/use-default-value.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const useDefaultValue: <T>(defaultStateValue: T, props?: {
+    defaultValue?: T | undefined;
+    value?: T | undefined;
+} | undefined) => [T, import("react").Dispatch<import("react").SetStateAction<T>>, T];
+export default useDefaultValue;
+//# sourceMappingURL=use-default-value.d.ts.map

package/cjs/common/use-default-value/use-default-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-default-value.d.ts","sourceRoot":"","sources":["use-default-value.ts"],"names":[],"mappings":";AAIA,QAAA,MAAM,eAAe;;;qFA6BpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/common/use-default-value/use-default-value.js

@@ -0,0 +1,35 @@
+"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 _utils = require("../../utils");
+var _usePrevious = _interopRequireDefault(require("./use-previous"));
+var useDefaultValue = function useDefaultValue(defaultStateValue, props) {
+  var _ref = props || {},
+    defaultValue = _ref.defaultValue,
+    value = _ref.value;
+  var firstRenderRef = (0, _react.useRef)(true);
+  var prevValue = (0, _usePrevious.default)(value);
+  var _useState = (0, _react.useState)(!(0, _utils.isUndefined)(value) ? value : !(0, _utils.isUndefined)(defaultValue) ? defaultValue : defaultStateValue),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    stateValue = _useState2[0],
+    setStateValue = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (firstRenderRef.current) {
+      firstRenderRef.current = false;
+      return;
+    }
+    if (value === undefined && prevValue !== value) {
+      setStateValue(value);
+    }
+  }, [value]);
+  var mergedValue = (0, _utils.isUndefined)(value) ? stateValue : value;
+  return [mergedValue, setStateValue, stateValue];
+};
+var _default = useDefaultValue;
+exports.default = _default;

package/cjs/common/use-default-value/use-previous.d.ts

@@ -0,0 +1,3 @@
+import { ComponentState, PropsWithoutRef } from 'react';
+export default function usePrevious<T>(value: PropsWithoutRef<T> | ComponentState): undefined;
+//# sourceMappingURL=use-previous.d.ts.map

package/cjs/common/use-default-value/use-previous.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-previous.d.ts","sourceRoot":"","sources":["use-previous.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAqB,MAAM,OAAO,CAAC;AAE3E,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,cAAc,aAMhF"}

package/cjs/common/use-default-value/use-previous.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = usePrevious;
+var _react = require("react");
+function usePrevious(value) {
+  var ref = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    ref.current = value;
+  });
+  return ref.current;
+}

package/cjs/common/use-drag-mock/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare const useDragMock: (props: {
+    onDragStart?: ((e: React.MouseEvent) => void) | undefined;
+    onDragMove?: ((deltaX: number, deltaY: number) => void) | undefined;
+    onDragEnd?: ((deltaX: number, deltaY: number) => void) | undefined;
+}) => {
+    handleMouseDown: (event: React.MouseEvent) => void;
+    isDragging: boolean;
+};
+export default useDragMock;
+export { useDragMock };
+//# sourceMappingURL=index.d.ts.map

package/cjs/common/use-drag-mock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,QAAA,MAAM,WAAW;uBACG,gBAAgB,KAAK,IAAI;2BACrB,MAAM,UAAU,MAAM,KAAK,IAAI;0BAChC,MAAM,UAAU,MAAM,KAAK,IAAI;;6BA6BpB,gBAAgB;;CAiBjD,CAAC;AAEF,eAAe,WAAW,CAAC;AAE3B,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/cjs/common/use-drag-mock/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDragMock = exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _usePersistFn = require("../use-persist-fn");
+var _react = require("react");
+var useDragMock = function useDragMock(props) {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isDragging = _useState2[0],
+    setIsDragging = _useState2[1];
+  var _useRef = (0, _react.useRef)({
+      startX: 0,
+      startY: 0,
+      lastX: 0,
+      lastY: 0,
+      cachedSelected: ''
+    }),
+    dragInfo = _useRef.current;
+  var handleMouseMove = (0, _usePersistFn.usePersistFn)(function (event) {
+    var _props$onDragMove;
+    var deltaX = event.clientX - dragInfo.lastX;
+    var deltaY = event.clientY - dragInfo.lastY;
+    dragInfo.lastX = event.clientX;
+    dragInfo.lastY = event.clientY;
+    (_props$onDragMove = props.onDragMove) === null || _props$onDragMove === void 0 ? void 0 : _props$onDragMove.call(props, deltaX, deltaY);
+  });
+  var handleMouseUp = (0, _usePersistFn.usePersistFn)(function (event) {
+    var _props$onDragEnd;
+    setIsDragging(false);
+    document.body.style.userSelect = dragInfo.cachedSelected;
+    var deltaX = event.clientX - dragInfo.startX;
+    var deltaY = event.clientY - dragInfo.startY;
+    (_props$onDragEnd = props.onDragEnd) === null || _props$onDragEnd === void 0 ? void 0 : _props$onDragEnd.call(props, deltaX, deltaY);
+    document.removeEventListener('mousemove', handleMouseMove);
+    document.removeEventListener('mouseup', handleMouseUp);
+  });
+  var handleMouseDown = function handleMouseDown(event) {
+    var _props$onDragStart;
+    setIsDragging(true);
+    dragInfo.cachedSelected = document.body.style.userSelect;
+    document.body.style.userSelect = 'none';
+    dragInfo.lastX = event.clientX;
+    dragInfo.lastY = event.clientY;
+    dragInfo.startX = event.clientX;
+    dragInfo.startY = event.clientY;
+    (_props$onDragStart = props.onDragStart) === null || _props$onDragStart === void 0 ? void 0 : _props$onDragStart.call(props, event);
+    document.addEventListener('mousemove', handleMouseMove);
+    document.addEventListener('mouseup', handleMouseUp);
+  };
+  return {
+    handleMouseDown: handleMouseDown,
+    isDragging: isDragging
+  };
+};
+exports.useDragMock = useDragMock;
+var _default = useDragMock;
+exports.default = _default;

package/cjs/common/use-fork-ref/index.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+declare function useForkRef<Instance>(...refs: Array<React.Ref<Instance> | undefined>): React.RefCallback<Instance> | null;
+export { useForkRef };
+export default useForkRef;
+//# sourceMappingURL=index.d.ts.map

package/cjs/common/use-fork-ref/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,iBAAS,UAAU,CAAC,QAAQ,EAC1B,GAAG,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC,GAC9C,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,IAAI,CAmBpC;AACD,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,eAAe,UAAU,CAAC"}

package/cjs/common/use-fork-ref/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+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;
+exports.useForkRef = useForkRef;
+require("core-js/modules/web.dom-collections.for-each.js");
+var React = _interopRequireWildcard(require("react"));
+var _setRef = _interopRequireDefault(require("./setRef"));
+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 useForkRef() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  /**
+   * This will create a new function if the refs passed to this hook change and are all defined.
+   * This means react will call the old forkRef with `null` and the new forkRef
+   * with the ref. Cleanup naturally emerges from this behavior.
+   */
+  return React.useMemo(function () {
+    //eslint-disable-next-line
+    if (refs.every(function (ref) {
+      return ref == null;
+    })) {
+      return null;
+    }
+    return function (instance) {
+      refs.forEach(function (ref) {
+        (0, _setRef.default)(ref, instance);
+      });
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, refs);
+}
+var _default = useForkRef;
+exports.default = _default;

package/cjs/common/use-fork-ref/setRef.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+/**
+ * TODO v5: consider making it private
+ *
+ * passes {value} to {ref}
+ *
+ * WARNING: Be sure to only call this inside a callback that is passed as a ref.
+ * Otherwise, make sure to cleanup the previous {ref} if it changes. See
+ * https://github.com/mui/material-ui/issues/13539
+ *
+ * Useful if you want to expose the ref of an inner component to the public API
+ * while still using it inside the component.
+ * @param ref A ref callback or ref object. If anything falsy, this is a no-op.
+ */
+export default function setRef<T>(ref: React.MutableRefObject<T | null> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
+//# sourceMappingURL=setRef.d.ts.map

package/cjs/common/use-fork-ref/setRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setRef.d.ts","sourceRoot":"","sources":["setRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,EAC9B,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,EACzF,KAAK,EAAE,CAAC,GAAG,IAAI,GACd,IAAI,CAMN"}

package/cjs/common/use-fork-ref/setRef.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = setRef;
+/**
+ * TODO v5: consider making it private
+ *
+ * passes {value} to {ref}
+ *
+ * WARNING: Be sure to only call this inside a callback that is passed as a ref.
+ * Otherwise, make sure to cleanup the previous {ref} if it changes. See
+ * https://github.com/mui/material-ui/issues/13539
+ *
+ * Useful if you want to expose the ref of an inner component to the public API
+ * while still using it inside the component.
+ * @param ref A ref callback or ref object. If anything falsy, this is a no-op.
+ */
+function setRef(ref, value) {
+  if (typeof ref === 'function') {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}

package/cjs/common/use-func-change/index.d.ts

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

package/cjs/common/use-func-change/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,mBAAmB,CAAC"}

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

package/cjs/common/use-func-change/use-func-change.d.ts

@@ -0,0 +1,10 @@
+interface UseFuncChangeProps<T> {
+    value: T;
+    onChange: (value: T) => void;
+}
+declare const useFuncChange: <T>(props: UseFuncChangeProps<T>) => {
+    value: T;
+    onChange: (v: T | ((origin: T) => void | T)) => void;
+};
+export default useFuncChange;
+//# sourceMappingURL=use-func-change.d.ts.map

package/cjs/common/use-func-change/use-func-change.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-func-change.d.ts","sourceRoot":"","sources":["use-func-change.ts"],"names":[],"mappings":"AAKA,UAAU,kBAAkB,CAAC,CAAC;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B;AACD,QAAA,MAAM,aAAa;;;CAelB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/common/use-func-change/use-func-change.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("../../utils");
+var _useRender = _interopRequireDefault(require("../use-render"));
+var _immer = require("immer");
+var useFuncChange = function useFuncChange(props) {
+  var render = (0, _useRender.default)();
+  var context = _react.default.useRef({
+    value: props.value
+  });
+  context.current.value = props.value;
+  var handleChange = function handleChange(v) {
+    var result = (0, _utils.isFunc)(v) ? (0, _immer.produce)(context.current.value, v) : v;
+    context.current.value = result;
+    props.onChange(result);
+    render();
+  };
+  return {
+    value: props.value,
+    onChange: handleChange
+  };
+};
+var _default = useFuncChange;
+exports.default = _default;

package/cjs/common/use-input-able/index.d.ts

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

package/cjs/common/use-input-able/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,kBAAkB,CAAC"}

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

package/cjs/common/use-input-able/use-Input-able.d.ts

@@ -0,0 +1,7 @@
+import { ChangeType, InputAbleProps } from './use-Input-able.type';
+export default function useInputAble<T, V extends ChangeType<T>>(props: InputAbleProps<T, V>): {
+    readonly value: T | undefined;
+    readonly onChange: V;
+    readonly forceDelayChange: () => void;
+};
+//# sourceMappingURL=use-Input-able.d.ts.map

package/cjs/common/use-input-able/use-Input-able.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-Input-able.d.ts","sourceRoot":"","sources":["use-Input-able.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;;;;EAqE3F"}

package/cjs/common/use-input-able/use-Input-able.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useInputAble;
+require("core-js/modules/es.array.concat.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _utils = require("../../utils");
+var _usePersistFn = _interopRequireDefault(require("../use-persist-fn"));
+var _useLatestObj = require("../use-latest-obj");
+var _useRender = require("../use-render");
+function useInputAble(props) {
+  var valuePo = props.value,
+    onChange = props.onChange,
+    control = props.control,
+    beforeChange = props.beforeChange,
+    delay = props.delay;
+  var _useState = (0, _react.useState)(props.value || props.defaultValue),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    stateValue = _useState2[0],
+    changeStateValue = _useState2[1];
+  var _useRef = (0, _react.useRef)({
+      timer: null,
+      delayChange: null
+    }),
+    context = _useRef.current;
+  var latest = (0, _useLatestObj.useLatestObj)({
+    valuePo: valuePo,
+    stateValue: stateValue
+  });
+  var syncValue = (0, _usePersistFn.default)(function () {
+    if (control && latest.stateValue !== latest.valuePo) {
+      changeStateValue(latest.valuePo);
+    }
+  });
+  var render = (0, _useRender.useRender)(syncValue);
+  var shouldUseState = delay || !control;
+  var value = shouldUseState ? stateValue : valuePo;
+  (0, _react.useEffect)(function () {
+    if (context.timer) {
+      clearTimeout(context.timer);
+      context.timer = null;
+    }
+    if (delay && props.value !== stateValue) {
+      changeStateValue(props.value);
+    }
+  }, [props.value, delay]);
+  var forceDelayChange = (0, _usePersistFn.default)(function () {
+    if (context.timer && context.delayChange) {
+      clearTimeout(context.timer);
+      context.delayChange();
+      context.timer = null;
+      context.delayChange = null;
+    }
+  });
+  var handleChange = (0, _usePersistFn.default)(function (v) {
+    for (var _len = arguments.length, other = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      other[_key - 1] = arguments[_key];
+    }
+    var vv = v;
+    if ((0, _utils.isFunc)(beforeChange)) {
+      var temp = beforeChange(v);
+      vv = temp === undefined ? vv : temp;
+    }
+    if (shouldUseState) {
+      changeStateValue(vv);
+    }
+    if (!(0, _utils.isFunc)(onChange)) return;
+    context.delayChange = function () {
+      context.timer = null;
+      context.delayChange = null;
+      onChange.apply(void 0, [vv].concat(other));
+      render();
+    };
+    if (!delay) {
+      onChange.apply(void 0, [vv].concat(other));
+    } else {
+      if (context.timer) clearTimeout(context.timer);
+      context.timer = setTimeout(context.delayChange, delay);
+    }
+  });
+  return {
+    value: value,
+    onChange: handleChange,
+    forceDelayChange: forceDelayChange
+  };
+}

package/cjs/common/use-input-able/use-Input-able.type.d.ts

@@ -0,0 +1,10 @@
+export declare type ChangeType<T> = (value: T, ...other: any[]) => void;
+export interface InputAbleProps<T, V extends ChangeType<T>> {
+    value: T | undefined;
+    defaultValue: T | undefined;
+    beforeChange: ((value: T) => T | void) | undefined;
+    onChange: V | undefined;
+    control: boolean;
+    delay?: number;
+}
+//# sourceMappingURL=use-Input-able.type.d.ts.map

package/cjs/common/use-input-able/use-Input-able.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-Input-able.type.d.ts","sourceRoot":"","sources":["use-Input-able.type.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;AAChE,MAAM,WAAW,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC;IACxD,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;IAC5B,YAAY,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACnD,QAAQ,EAAE,CAAC,GAAG,SAAS,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/cjs/common/use-input-able/use-Input-able.type.js

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

package/cjs/common/use-key-event/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface UseKeyEventParams {
+    onEnterPress?: (e: React.KeyboardEvent) => void;
+    onEscPress?: (e: React.KeyboardEvent) => void;
+    onSpacePress?: (e: React.KeyboardEvent) => void;
+}
+declare const useKeyEvent: (params: UseKeyEventParams) => (e: React.KeyboardEvent) => void;
+export { useKeyEvent };
+export default useKeyEvent;
+//# sourceMappingURL=index.d.ts.map

package/cjs/common/use-key-event/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,iBAAiB;IACzB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CACjD;AAED,QAAA,MAAM,WAAW,WAAY,iBAAiB,SACV,mBAAmB,SAiBtD,CAAC;AACF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,eAAe,WAAW,CAAC"}