@vef-framework/hooks 1.0.98 → 1.0.99

package/lib/use-remote-filter.cjs

@@ -1,3 +1,41 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.296Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("react");exports.useRemoteFilter=function useRemoteFilter(t,o,u="keyword"){const[s,n]=r.useState();return[r.useMemo((()=>{if(!t)return o;const r={...o},n=e.trim(s);return n&&(r[u]=n),r}),[t,o,s,u]),r.useMemo((()=>{if(t)return e.debounce({delay:500},(e=>{n(e)}))}),[t])]};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+const react = require('react');
+
+function useRemoteFilter(enabled, apiParams, keywordKey = "keyword") {
+  const [filterKeyword, setFilterKeyword] = react.useState();
+  const mergedApiParams = react.useMemo(() => {
+    if (!enabled) {
+      return apiParams;
+    }
+    const params = {
+      ...apiParams
+    };
+    const keywordToUse = shared.trim(filterKeyword);
+    if (keywordToUse) {
+      params[keywordKey] = keywordToUse;
+    }
+    return params;
+  }, [
+    enabled,
+    apiParams,
+    filterKeyword,
+    keywordKey
+  ]);
+  const handleInputKeyword = react.useMemo(() => {
+    if (!enabled) {
+      return;
+    }
+    return shared.debounce({ delay: 500 }, (keyword) => {
+      setFilterKeyword(keyword);
+    });
+  }, [enabled]);
+  return [mergedApiParams, handleInputKeyword];
+}
+
+exports.useRemoteFilter = useRemoteFilter;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/use-shallow-callback.cjs

@@ -1,3 +1,15 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.296Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),l=require("./use-shallow-memo.cjs");exports.useShallowCallback=function useShallowCallback(o,a){const r=l.useShallowMemo((()=>a),a);return e.useCallback(o,r)};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const useShallowMemo = require('./use-shallow-memo.cjs');
+
+function useShallowCallback(callback, dependencies) {
+  const memoizedDependencies = useShallowMemo.useShallowMemo(() => dependencies, dependencies);
+  return react.useCallback(callback, memoizedDependencies);
+}
+
+exports.useShallowCallback = useShallowCallback;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/use-shallow-memo.cjs

@@ -1,3 +1,23 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.296Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("react");exports.useShallowMemo=function useShallowMemo(t,u){const o=r.useRef(),n=r.useRef(0);return void 0!==o.current&&function isEqual(r,t){return r.length===t.length&&r.every(((r,u)=>e.isShallowEqual(r,t[u])))}(u,o.current)||(n.current+=1),o.current=u,r.useMemo(t,[n.current])};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+const react = require('react');
+
+function useShallowMemo(factory, dependencies) {
+  const lastDependencies = react.useRef();
+  const signal = react.useRef(0);
+  if (lastDependencies.current === void 0 || !isEqual(dependencies, lastDependencies.current)) {
+    signal.current += 1;
+  }
+  lastDependencies.current = dependencies;
+  return react.useMemo(factory, [signal.current]);
+}
+function isEqual(one, another) {
+  return one.length === another.length && one.every((value, index) => shared.isShallowEqual(value, another[index]));
+}
+
+exports.useShallowMemo = useShallowMemo;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/use-shallow-selector.cjs

@@ -1,3 +1,18 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.296Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("react");exports.useShallowSelector=function useShallowSelector(t){const o=r.useRef();return r=>{const u=t(r);return e.isShallowEqual(o.current,u)?o.current:o.current=u}};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+const react = require('react');
+
+function useShallowSelector(selector) {
+  const prevSelectedState = react.useRef();
+  return (state) => {
+    const nextSelectedState = selector(state);
+    return shared.isShallowEqual(prevSelectedState.current, nextSelectedState) ? prevSelectedState.current : prevSelectedState.current = nextSelectedState;
+  };
+}
+
+exports.useShallowSelector = useShallowSelector;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/use-singleton.cjs

@@ -1,3 +1,18 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.296Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("react");exports.useSingleton=function useSingleton(t){const n=r.useRef();return e.isNullish(n.current)&&(n.current=t()),n.current};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+const react = require('react');
+
+function useSingleton(factory) {
+  const singleton = react.useRef();
+  if (shared.isNullish(singleton.current)) {
+    singleton.current = factory();
+  }
+  return singleton.current;
+}
+
+exports.useSingleton = useSingleton;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/use-theme-tokens.cjs

@@ -1,3 +1,15 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.296Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("antd"),{useToken:t}=e.theme;exports.useThemeTokens=function useThemeTokens(){const{token:e}=t();return e};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const antd = require('antd');
+
+const { useToken } = antd.theme;
+function useThemeTokens() {
+  const { token } = useToken();
+  return token;
+}
+
+exports.useThemeTokens = useThemeTokens;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/use-transient-store.cjs

@@ -1,3 +1,36 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.296Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("react");exports.useTransientStore=function useTransientStore({subscribe:t,getState:s},{selector:u=e=>e,equalityFn:n=e.isShallowEqual,listener:i}={}){const o=r.useRef();return o.current||(o.current=u(s())),r.useEffect((()=>t(u,((e,r)=>{o.current=e,i?.(e,r)}),{fireImmediately:!1,equalityFn:n})),[n,i,u,t]),o};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+const react = require('react');
+
+function useTransientStore({ subscribe, getState }, {
+  selector = (state) => state,
+  equalityFn = shared.isShallowEqual,
+  listener
+} = {}) {
+  const stateRef = react.useRef();
+  if (!stateRef.current) {
+    stateRef.current = selector(getState());
+  }
+  react.useEffect(
+    () => subscribe(
+      selector,
+      (state, prevState) => {
+        stateRef.current = state;
+        listener?.(state, prevState);
+      },
+      {
+        fireImmediately: false,
+        equalityFn
+      }
+    ),
+    [equalityFn, listener, selector, subscribe]
+  );
+  return stateRef;
+}
+
+exports.useTransientStore = useTransientStore;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/use-window-size.cjs

@@ -1,3 +1,23 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.296Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("ahooks");exports.useWindowSize=function useWindowSize(){const[i,t]=e.useRafState((()=>({width:window.innerWidth,height:window.innerHeight})));return e.useEventListener("resize",(()=>{t({width:window.innerWidth,height:window.innerHeight})})),i};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ahooks = require('ahooks');
+
+function useWindowSize() {
+  const [size, setSize] = ahooks.useRafState(() => ({
+    width: window.innerWidth,
+    height: window.innerHeight
+  }));
+  ahooks.useEventListener("resize", () => {
+    setSize({
+      width: window.innerWidth,
+      height: window.innerHeight
+    });
+  });
+  return size;
+}
+
+exports.useWindowSize = useWindowSize;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vef-framework/hooks",
   "type": "module",
-  "version": "1.0.98",
+  "version": "1.0.99",
   "private": false,
   "packageManager": "pnpm@9.15.0",
   "description": "The hooks of the VEF framework",
@@ -35,8 +35,8 @@
     "tslib": "2.8.1",
     "use-sync-external-store": "^1.4.0",
     "@uidotdev/usehooks": "^2.4.1",
-    "@vef-framework/core": "1.0.98",
-    "@vef-framework/shared": "1.0.98",
+    "@vef-framework/core": "1.0.99",
+    "@vef-framework/shared": "1.0.99",
     "ahooks": "3.8.4"
   },
   "publishConfig": {