icode-hooks 0.3.0

package/lib/utils/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isUndef = exports.isString = exports.isObject = exports.isNumber = exports.isFunction = exports.isBoolean = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var isObject = exports.isObject = function isObject(value) {
+  return value !== null && (0, _typeof2["default"])(value) === 'object';
+};
+var isFunction = exports.isFunction = function isFunction(value) {
+  return typeof value === 'function';
+};
+var isString = exports.isString = function isString(value) {
+  return typeof value === 'string';
+};
+var isBoolean = exports.isBoolean = function isBoolean(value) {
+  return typeof value === 'boolean';
+};
+var isNumber = exports.isNumber = function isNumber(value) {
+  return typeof value === 'number';
+};
+var isUndef = exports.isUndef = function isUndef(value) {
+  return typeof value === 'undefined';
+};

package/lib/utils/isAppleDevice.d.ts

@@ -0,0 +1,2 @@
+declare const isAppleDevice: boolean;
+export default isAppleDevice;

package/lib/utils/isAppleDevice.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+// 判断是否是苹果设备
+var isAppleDevice = /(mac|iphone|ipod|ipad)/i.test(typeof navigator !== 'undefined' ? navigator === null || navigator === void 0 ? void 0 : navigator.platform : '');
+var _default = exports["default"] = isAppleDevice;

package/lib/utils/isBrowser.d.ts

@@ -0,0 +1,2 @@
+declare const isBrowser: boolean;
+export default isBrowser;

package/lib/utils/isBrowser.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var isBrowser = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+var _default = exports["default"] = isBrowser;

package/lib/utils/isDev.d.ts

@@ -0,0 +1,2 @@
+declare const isDev: boolean;
+export default isDev;

package/lib/utils/isDev.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+// 判断是否是开发环境
+var isDev = process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test';
+var _default = exports["default"] = isDev;

package/lib/utils/lodash-polyfill.d.ts

@@ -0,0 +1,2 @@
+import { debounce } from 'lodash-es';
+export { debounce };

package/lib/utils/lodash-polyfill.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "debounce", {
+  enumerable: true,
+  get: function get() {
+    return _lodashEs.debounce;
+  }
+});
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _lodashEs = require("lodash-es");
+// 判断是否是Node环境
+function isNodeOrWeb() {
+  var freeGlobal = (typeof global === 'undefined' ? 'undefined' : typeof global === "undefined" ? "undefined" : (0, _typeof2["default"])(global)) == 'object' && global && global.Object === Object && global;
+  var freeSelf = (typeof self === "undefined" ? "undefined" : (0, _typeof2["default"])(self)) == 'object' && self && self.Object === Object && self;
+  return freeGlobal || freeSelf;
+}
+if (!isNodeOrWeb()) {
+  global.Date = Date;
+}

package/lib/utils/testingHelpers.d.ts

@@ -0,0 +1,2 @@
+export declare function sleep(time: number): Promise<void>;
+export declare function request(req: any): Promise<unknown>;

package/lib/utils/testingHelpers.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.request = request;
+exports.sleep = sleep;
+function sleep(time) {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve();
+    }, time);
+  });
+}
+// 模拟请求
+function request(req) {
+  return new Promise(function (resolve, reject) {
+    return setTimeout(function () {
+      if (req === 0) {
+        reject(new Error('fail'));
+      } else {
+        resolve('success');
+      }
+    }, 1000);
+  });
+}

package/lib/utils/tests.d.ts

@@ -0,0 +1,4 @@
+import { renderHook } from '@testing-library/react';
+export * from '@testing-library/react';
+declare const customRender: typeof renderHook;
+export { customRender as renderHook };

package/lib/utils/tests.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  renderHook: true
+};
+exports.renderHook = void 0;
+var _tslib = require("tslib");
+var _react = require("react");
+var _react2 = require("@testing-library/react");
+Object.keys(_react2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _react2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _react2[key];
+    }
+  });
+});
+var Wrapper = process.env.REACT_MODE === 'strict' ? _react.StrictMode : undefined;
+// 自定义渲染
+var customRender = exports.renderHook = function customRender(ui, options) {
+  return (0, _react2.renderHook)(ui, (0, _tslib.__assign)({
+    wrapper: Wrapper
+  }, options));
+};

package/lib/utils/useDeepCompareWithTarget.d.ts

@@ -0,0 +1,4 @@
+import type { DependencyList, EffectCallback } from 'react';
+import type { BasicTarget } from './domTarget';
+declare const useDeepCompareEffectWithTarget: (effect: EffectCallback, deps: DependencyList, target: BasicTarget<any> | BasicTarget<any>[]) => void;
+export default useDeepCompareEffectWithTarget;

package/lib/utils/useDeepCompareWithTarget.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _useEffectWithTarget = _interopRequireDefault(require("./useEffectWithTarget"));
+var _depsEqual = require("./depsEqual");
+// 使用深度比较的 effect 函数，用于在组件渲染时执行副作用，并且可以指定依赖项和目标元素
+var useDeepCompareEffectWithTarget = function useDeepCompareEffectWithTarget(effect, deps, target) {
+  var ref = (0, _react.useRef)();
+  var signalRef = (0, _react.useRef)(0);
+  if (!(0, _depsEqual.depsEqual)(deps, ref.current)) {
+    ref.current = deps;
+    signalRef.current += 1;
+  }
+  (0, _useEffectWithTarget["default"])(effect, [signalRef.current], target);
+};
+var _default = exports["default"] = useDeepCompareEffectWithTarget;

package/lib/utils/useEffectWithTarget.d.ts

@@ -0,0 +1,2 @@
+declare const useEffectWithTarget: (effect: import("react").EffectCallback, deps: import("react").DependencyList, target: import("./domTarget").BasicTarget<any> | import("./domTarget").BasicTarget<any>[]) => void;
+export default useEffectWithTarget;

package/lib/utils/useEffectWithTarget.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _createEffectWithTarget = _interopRequireDefault(require("./createEffectWithTarget"));
+// 使用 effect 函数，用于在组件渲染时执行副作用，并且可以指定依赖项和目标元素
+var useEffectWithTarget = (0, _createEffectWithTarget["default"])(_react.useEffect);
+var _default = exports["default"] = useEffectWithTarget;

package/lib/utils/useIsomorphicLayoutEffectWithTarget.d.ts

@@ -0,0 +1,2 @@
+declare const useIsomorphicLayoutEffectWithTarget: (effect: import("react").EffectCallback, deps: import("react").DependencyList, target: import("./domTarget").BasicTarget<any> | import("./domTarget").BasicTarget<any>[]) => void;
+export default useIsomorphicLayoutEffectWithTarget;

package/lib/utils/useIsomorphicLayoutEffectWithTarget.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _isBrowser = _interopRequireDefault(require("./isBrowser"));
+var _useEffectWithTarget = _interopRequireDefault(require("./useEffectWithTarget"));
+var _useLayoutEffectWithTarget = _interopRequireDefault(require("./useLayoutEffectWithTarget"));
+var useIsomorphicLayoutEffectWithTarget = _isBrowser["default"] ? _useLayoutEffectWithTarget["default"] : _useEffectWithTarget["default"];
+var _default = exports["default"] = useIsomorphicLayoutEffectWithTarget;

package/lib/utils/useLayoutEffectWithTarget.d.ts

@@ -0,0 +1,2 @@
+declare const useEffectWithTarget: (effect: import("react").EffectCallback, deps: import("react").DependencyList, target: import("./domTarget").BasicTarget<any> | import("./domTarget").BasicTarget<any>[]) => void;
+export default useEffectWithTarget;

package/lib/utils/useLayoutEffectWithTarget.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _createEffectWithTarget = _interopRequireDefault(require("./createEffectWithTarget"));
+var useEffectWithTarget = (0, _createEffectWithTarget["default"])(_react.useLayoutEffect);
+var _default = exports["default"] = useEffectWithTarget;

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "icode-hooks",
+  "version": "0.3.0",
+  "description": "React 业务 Hooks 库",
+  "keywords": ["react", "hooks", "icode-hooks", "typescript"],
+  "author": "catherine-meili <65151419+catherine-meili@users.noreply.github.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/catherine-meili/icode-hooks.git"
+  },
+  "bugs": {
+    "url": "https://github.com/catherine-meili/icode-hooks/issues"
+  },
+  "homepage": "https://github.com/catherine-meili/icode-hooks#readme",
+  "main": "./lib/index.js",
+  "module": "./es/index.js",
+  "types": "./lib/index.d.ts",
+  "unpkg": "dist/icode-hooks.js",
+  "sideEffects": false,
+  "scripts": {
+    "build": "gulp && webpack-cli"
+  },
+  "files": ["dist", "lib", "es", "package.json", "README.md"],
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+  }
+}