@cclr/react 0.1.11 → 0.1.13

package/lib/cjs/index.js

@@ -100,7 +100,30 @@ function useCallbackRef(fn, deps) {
 }
 
 Function.prototype.call.bind(Object.prototype.hasOwnProperty);
-  Function.prototype.call.bind(Object.prototype.toString);
+  var t = Function.prototype.call.bind(Object.prototype.toString),
+  r = {
+    boolean: "boolean",
+    undefined: "undefined",
+    number: "number",
+    string: "string",
+    symbol: "symbol",
+    null: "null",
+    "[object Object]": "object",
+    "[object Function]": "function",
+    "[object RegExp]": "regexp",
+    "[object Array]": "array",
+    "[object Date]": "date",
+    "[object Error]": "error",
+    "[object Blob]": "blob",
+    "[object File]": "file",
+    "[object ArrayBuffer]": "arrayBuffer"
+  };
+function e(n) {
+  return r[typeof n] || r[t(n)] || (n ? "object" : "null");
+}
+function y$1(n) {
+  return "function" === e(n);
+}
 
 function c(t, r) {
   (null == r || r > t.length) && (r = t.length);
@@ -321,6 +344,32 @@ var useEventListenerMultipleRef = function useEventListenerMultipleRef(eventMap)
   };
 };
 
+/**
+ * 仅执行一次
+ * @param fun 函数
+ * @returns
+ */
+var useOnceFun = function useOnceFun(fun) {
+  var ref = react.useRef(false);
+  if (ref.current) return;
+  ref.current = true;
+  fun();
+};
+
+/**
+ * 可以传函数的 useRef，
+ * 为了解决 useRef 初始化，调用运算复杂函数的问题
+ * @param initFun 初始化函数
+ * @returns
+ */
+var useRefPro = function useRefPro(initFun) {
+  var ref = react.useRef();
+  useOnceFun(function () {
+    ref.current = y$1(initFun) ? initFun() : initFun;
+  });
+  return ref;
+};
+
 /**
  * 节流
  * @param cb
@@ -352,5 +401,7 @@ exports.useCallbackRef = useCallbackRef;
 exports.useDebounceFn = useDebounceFn;
 exports.useEventListenerMultiple = useEventListenerMultiple;
 exports.useEventListenerMultipleRef = useEventListenerMultipleRef;
+exports.useOnceFun = useOnceFun;
+exports.useRefPro = useRefPro;
 exports.useThrottleFn = useThrottleFn;
 exports.useUpdate = useUpdate;

package/lib/esm/index.js

@@ -98,7 +98,30 @@ function useCallbackRef(fn, deps) {
 }
 
 Function.prototype.call.bind(Object.prototype.hasOwnProperty);
-  Function.prototype.call.bind(Object.prototype.toString);
+  var t = Function.prototype.call.bind(Object.prototype.toString),
+  r = {
+    boolean: "boolean",
+    undefined: "undefined",
+    number: "number",
+    string: "string",
+    symbol: "symbol",
+    null: "null",
+    "[object Object]": "object",
+    "[object Function]": "function",
+    "[object RegExp]": "regexp",
+    "[object Array]": "array",
+    "[object Date]": "date",
+    "[object Error]": "error",
+    "[object Blob]": "blob",
+    "[object File]": "file",
+    "[object ArrayBuffer]": "arrayBuffer"
+  };
+function e(n) {
+  return r[typeof n] || r[t(n)] || (n ? "object" : "null");
+}
+function y$1(n) {
+  return "function" === e(n);
+}
 
 function c(t, r) {
   (null == r || r > t.length) && (r = t.length);
@@ -319,6 +342,32 @@ var useEventListenerMultipleRef = function useEventListenerMultipleRef(eventMap)
   };
 };
 
+/**
+ * 仅执行一次
+ * @param fun 函数
+ * @returns
+ */
+var useOnceFun = function useOnceFun(fun) {
+  var ref = useRef(false);
+  if (ref.current) return;
+  ref.current = true;
+  fun();
+};
+
+/**
+ * 可以传函数的 useRef，
+ * 为了解决 useRef 初始化，调用运算复杂函数的问题
+ * @param initFun 初始化函数
+ * @returns
+ */
+var useRefPro = function useRefPro(initFun) {
+  var ref = useRef();
+  useOnceFun(function () {
+    ref.current = y$1(initFun) ? initFun() : initFun;
+  });
+  return ref;
+};
+
 /**
  * 节流
  * @param cb
@@ -345,4 +394,4 @@ var useUpdate = function useUpdate() {
   };
 };
 
-export { createCtx, useCallbackRef, useDebounceFn, useEventListenerMultiple, useEventListenerMultipleRef, useThrottleFn, useUpdate };
+export { createCtx, useCallbackRef, useDebounceFn, useEventListenerMultiple, useEventListenerMultipleRef, useOnceFun, useRefPro, useThrottleFn, useUpdate };

package/lib/type/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { TPlainObject, TPlainFunction } from '@cclr/lang';
+import { TPlainObject, TPlainFunction, TNoop } from '@cclr/lang';
 import { TEventMap } from '@cclr/front';
 
 /**
@@ -52,6 +52,21 @@ declare const useEventListenerMultipleRef: <T extends HTMLElement = HTMLElement>
     ref: react.RefObject<T>;
 };
 
+/**
+ * 仅执行一次
+ * @param fun 函数
+ * @returns
+ */
+declare const useOnceFun: (fun: TNoop) => void;
+
+/**
+ * 可以传函数的 useRef，
+ * 为了解决 useRef 初始化，调用运算复杂函数的问题
+ * @param initFun 初始化函数
+ * @returns
+ */
+declare const useRefPro: <T>(initFun: (() => T) | T) => react.MutableRefObject<T | undefined>;
+
 /**
  * 节流
  * @param cb
@@ -81,4 +96,4 @@ interface ICommonUiProps {
     children?: React.ReactNode;
 }
 
-export { type ICommonUiProps, createCtx, useCallbackRef, useDebounceFn, useEventListenerMultiple, useEventListenerMultipleRef, useThrottleFn, useUpdate };
+export { type ICommonUiProps, createCtx, useCallbackRef, useDebounceFn, useEventListenerMultiple, useEventListenerMultipleRef, useOnceFun, useRefPro, useThrottleFn, useUpdate };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cclr/react",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "description": "react 相关功能",
   "author": "cclr <18843152354@163.com>",
   "homepage": "",
@@ -27,12 +27,12 @@
     "g:test": "vitest run",
     "g:build": "ccm lib"
   },
-  "gitHead": "e03c9c40bc86083ba49fe9f372375a50223191cc",
+  "gitHead": "731ccef207bc8ed3120229b2041a42ee9cb5dd7f",
   "dependencies": {
-    "@cclr/front": "0.1.11",
-    "@cclr/lang": "0.1.11",
-    "@cclr/model": "0.1.11",
-    "@cclr/utils": "0.1.11",
+    "@cclr/front": "0.1.13",
+    "@cclr/lang": "0.1.12",
+    "@cclr/model": "0.1.12",
+    "@cclr/utils": "0.1.12",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/react": "^18.3.12",
     "react": "^18.3.1",