@vef-framework/hooks 1.0.97 → 1.0.99

package/es/use-normalized-options.js

@@ -1,3 +1,102 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.309Z, made by Venus. */
-import{isNullish as e,VefError as i,isString as r,parsePinyinFirstLetter as n,isArray as t}from"@vef-framework/shared";import{useMemo as o}from"react";function useNormalizedDataOptions(l,{labelKey:a="label",valueKey:d="value",childrenKey:s="children",descriptionKey:u="description",disabledKey:h="disabled",defaultToFirst:c=!1},{isTree:p=!1,isGrouped:f=!1,parsePinyin:b=!1,selectedOptionValues:v=[]}={}){return o((()=>{const o=new Set(v),y=!p&&f,normalizeOption=(l,c=!1)=>{const p=l[a];if(e(p)){if("label"===a)throw new i(-10001,"The label value of the option is required.");throw new i(-10001,`The label value pointed by '${a}' of the option is required.`)}const f=l[d];if(e(f)){if("value"===d)throw new i(-10002,"The value value of the option is required.");throw new i(-10002,`The value value pointed by '${d}' of the option is required.`)}const v=l[s],m=l[u],w=l[h]??!1,T={...l,label:p,value:f,children:v,description:m,disabled:w};if(b){const{labelText:e,descriptionText:i}=T;(r(p)||r(e))&&(T.labelPinyin=n(r(p)?p:e).join("")),(r(m)||r(i))&&(T.descriptionPinyin=n(r(m)?m:i).join(""))}return c&&y||!o.has(f)||o.delete(f),t(T.children)&&(T.children=T.children.map((e=>normalizeOption(e)))),T},m=l.map((e=>normalizeOption(e,!0))),w=Array.from(o);if(!c)return[m,w];if(y){const e=m.find((e=>t(e.children)&&e.children.length>0));return[m,w,e?.children?.[0]]}return[m,w,m[0]]}),[s,c,u,h,f,p,a,l,b,d])}export{useNormalizedDataOptions};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+import { isNullish, VefError, isString, parsePinyinFirstLetter, isArray } from '@vef-framework/shared';
+import { useMemo } from 'react';
+
+function useNormalizedDataOptions(options, {
+  labelKey = "label",
+  valueKey = "value",
+  childrenKey = "children",
+  descriptionKey = "description",
+  disabledKey = "disabled",
+  defaultToFirst = false
+}, {
+  isTree = false,
+  isGrouped = false,
+  parsePinyin = false,
+  selectedOptionValues = []
+} = {}) {
+  return useMemo(() => {
+    const selectedOptionValuesSet = new Set(selectedOptionValues);
+    const isGroupedOptions = !isTree && isGrouped;
+    const normalizeOption = (option, isTopLevel = false) => {
+      const label = option[labelKey];
+      if (isNullish(label)) {
+        if (labelKey === "label") {
+          throw new VefError(-10001, `The label value of the option is required.`);
+        }
+        throw new VefError(-10001, `The label value pointed by '${labelKey}' of the option is required.`);
+      }
+      const value = option[valueKey];
+      if (isNullish(value)) {
+        if (valueKey === "value") {
+          throw new VefError(-10002, `The value of the option is required.`);
+        }
+        throw new VefError(-10002, `The value pointed by '${valueKey}' of the option is required.`);
+      }
+      const children = option[childrenKey];
+      const description = option[descriptionKey];
+      const disabled = option[disabledKey] ?? false;
+      const normalizedOption = {
+        ...option,
+        label,
+        value,
+        children,
+        description,
+        disabled
+      };
+      if (parsePinyin) {
+        const { labelText, descriptionText } = normalizedOption;
+        if (isString(label) || isString(labelText)) {
+          normalizedOption.labelPinyin = parsePinyinFirstLetter(
+            isString(label) ? label : labelText
+          ).join("");
+        }
+        if (isString(description) || isString(descriptionText)) {
+          normalizedOption.descriptionPinyin = parsePinyinFirstLetter(
+            isString(description) ? description : descriptionText
+          ).join("");
+        }
+      }
+      if ((!isTopLevel || !isGroupedOptions) && selectedOptionValuesSet.has(value)) {
+        selectedOptionValuesSet.delete(value);
+      }
+      if (isArray(normalizedOption.children)) {
+        normalizedOption.children = normalizedOption.children.map((option2) => normalizeOption(option2));
+      }
+      return normalizedOption;
+    };
+    const normalizedOptions = options.map((option) => normalizeOption(option, true));
+    const missingOptionValues = Array.from(selectedOptionValuesSet);
+    if (!defaultToFirst) {
+      return [normalizedOptions, missingOptionValues];
+    }
+    if (isGroupedOptions) {
+      const firstNonEmptyGroupOption = normalizedOptions.find((item) => isArray(item.children) && item.children.length > 0);
+      return [
+        normalizedOptions,
+        missingOptionValues,
+        firstNonEmptyGroupOption?.children?.[0]
+      ];
+    }
+    return [
+      normalizedOptions,
+      missingOptionValues,
+      normalizedOptions[0]
+    ];
+  }, [
+    childrenKey,
+    defaultToFirst,
+    descriptionKey,
+    disabledKey,
+    isGrouped,
+    isTree,
+    labelKey,
+    options,
+    parsePinyin,
+    // selectedOptionValues,
+    valueKey
+  ]);
+}
+
+export { useNormalizedDataOptions };
 /*! 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/es/use-option-filter.js

@@ -1,3 +1,18 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.309Z, made by Venus. */
-import{isString as e}from"@vef-framework/shared";import{useMemo as i}from"react";function useOptionFilter(n,l){return i((()=>{if(n)return!l&&((i,n)=>(e(n.label)&&n.label.includes(i)||e(n.labelText)&&n.labelText.includes(i)||n.labelPinyin?.includes(i)||n.value.includes(i)||e(n.description)&&n.description.includes(i)||e(n.descriptionText)&&n.descriptionText.includes(i)||n.descriptionPinyin?.includes(i))??!1)}),[n,l])}export{useOptionFilter};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+import { isString } from '@vef-framework/shared';
+import { useMemo } from 'react';
+
+function useOptionFilter(filterable, filterFromRemote) {
+  return useMemo(() => {
+    if (!filterable) {
+      return;
+    }
+    if (filterFromRemote) {
+      return false;
+    }
+    return (filterValue, option) => (isString(option.label) && option.label.includes(filterValue) || isString(option.labelText) && option.labelText.includes(filterValue) || option.labelPinyin?.includes(filterValue) || option.value.includes(filterValue) || isString(option.description) && option.description.includes(filterValue) || isString(option.descriptionText) && option.descriptionText.includes(filterValue) || option.descriptionPinyin?.includes(filterValue)) ?? false;
+  }, [filterable, filterFromRemote]);
+}
+
+export { useOptionFilter };
 /*! 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/es/use-remote-filter.js

@@ -1,3 +1,37 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.309Z, made by Venus. */
-import{trim as r,debounce as e}from"@vef-framework/shared";import{useState as t,useMemo as o}from"react";function useRemoteFilter(n,f,i="keyword"){const[m,u]=t();return[o((()=>{if(!n)return f;const e={...f},t=r(m);return t&&(e[i]=t),e}),[n,f,m,i]),o((()=>{if(n)return e({delay:500},(r=>{u(r)}))}),[n])]}export{useRemoteFilter};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+import { trim, debounce } from '@vef-framework/shared';
+import { useState, useMemo } from 'react';
+
+function useRemoteFilter(enabled, apiParams, keywordKey = "keyword") {
+  const [filterKeyword, setFilterKeyword] = useState();
+  const mergedApiParams = useMemo(() => {
+    if (!enabled) {
+      return apiParams;
+    }
+    const params = {
+      ...apiParams
+    };
+    const keywordToUse = trim(filterKeyword);
+    if (keywordToUse) {
+      params[keywordKey] = keywordToUse;
+    }
+    return params;
+  }, [
+    enabled,
+    apiParams,
+    filterKeyword,
+    keywordKey
+  ]);
+  const handleInputKeyword = useMemo(() => {
+    if (!enabled) {
+      return;
+    }
+    return debounce({ delay: 500 }, (keyword) => {
+      setFilterKeyword(keyword);
+    });
+  }, [enabled]);
+  return [mergedApiParams, handleInputKeyword];
+}
+
+export { 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/es/use-shallow-callback.js

@@ -1,3 +1,11 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.309Z, made by Venus. */
-import{useCallback as o}from"react";import{useShallowMemo as l}from"./use-shallow-memo.js";function useShallowCallback(a,r){const e=l((()=>r),r);return o(a,e)}export{useShallowCallback};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+import { useCallback } from 'react';
+import { useShallowMemo } from './use-shallow-memo.js';
+
+function useShallowCallback(callback, dependencies) {
+  const memoizedDependencies = useShallowMemo(() => dependencies, dependencies);
+  return useCallback(callback, memoizedDependencies);
+}
+
+export { 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/es/use-shallow-memo.js

@@ -1,3 +1,19 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.309Z, made by Venus. */
-import{isShallowEqual as r}from"@vef-framework/shared";import{useRef as e,useMemo as t}from"react";function useShallowMemo(n,o){const u=e(),c=e(0);return void 0!==u.current&&function isEqual(e,t){return e.length===t.length&&e.every(((e,n)=>r(e,t[n])))}(o,u.current)||(c.current+=1),u.current=o,t(n,[c.current])}export{useShallowMemo};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+import { isShallowEqual } from '@vef-framework/shared';
+import { useRef, useMemo } from 'react';
+
+function useShallowMemo(factory, dependencies) {
+  const lastDependencies = useRef();
+  const signal = useRef(0);
+  if (lastDependencies.current === void 0 || !isEqual(dependencies, lastDependencies.current)) {
+    signal.current += 1;
+  }
+  lastDependencies.current = dependencies;
+  return useMemo(factory, [signal.current]);
+}
+function isEqual(one, another) {
+  return one.length === another.length && one.every((value, index) => isShallowEqual(value, another[index]));
+}
+
+export { 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/es/use-shallow-selector.js

@@ -1,3 +1,14 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.309Z, made by Venus. */
-import{isShallowEqual as r}from"@vef-framework/shared";import{useRef as e}from"react";function useShallowSelector(t){const o=e();return e=>{const c=t(e);return r(o.current,c)?o.current:o.current=c}}export{useShallowSelector};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+import { isShallowEqual } from '@vef-framework/shared';
+import { useRef } from 'react';
+
+function useShallowSelector(selector) {
+  const prevSelectedState = useRef();
+  return (state) => {
+    const nextSelectedState = selector(state);
+    return isShallowEqual(prevSelectedState.current, nextSelectedState) ? prevSelectedState.current : prevSelectedState.current = nextSelectedState;
+  };
+}
+
+export { 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/es/use-singleton.js

@@ -1,3 +1,14 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.309Z, made by Venus. */
-import{isNullish as r}from"@vef-framework/shared";import{useRef as e}from"react";function useSingleton(t){const n=e();return r(n.current)&&(n.current=t()),n.current}export{useSingleton};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+import { isNullish } from '@vef-framework/shared';
+import { useRef } from 'react';
+
+function useSingleton(factory) {
+  const singleton = useRef();
+  if (isNullish(singleton.current)) {
+    singleton.current = factory();
+  }
+  return singleton.current;
+}
+
+export { 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/es/use-theme-tokens.js

@@ -1,3 +1,11 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.309Z, made by Venus. */
-import{theme as e}from"antd";const{useToken:n}=e;function useThemeTokens(){const{token:e}=n();return e}export{useThemeTokens};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+import { theme } from 'antd';
+
+const { useToken } = theme;
+function useThemeTokens() {
+  const { token } = useToken();
+  return token;
+}
+
+export { 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/es/use-transient-store.js

@@ -1,3 +1,32 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.309Z, made by Venus. */
-import{isShallowEqual as e}from"@vef-framework/shared";import{useRef as r,useEffect as t}from"react";function useTransientStore({subscribe:n,getState:i},{selector:o=e=>e,equalityFn:s=e,listener:u}={}){const a=r();return a.current||(a.current=o(i())),t((()=>n(o,((e,r)=>{a.current=e,u?.(e,r)}),{fireImmediately:!1,equalityFn:s})),[s,u,o,n]),a}export{useTransientStore};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+import { isShallowEqual } from '@vef-framework/shared';
+import { useRef, useEffect } from 'react';
+
+function useTransientStore({ subscribe, getState }, {
+  selector = (state) => state,
+  equalityFn = isShallowEqual,
+  listener
+} = {}) {
+  const stateRef = useRef();
+  if (!stateRef.current) {
+    stateRef.current = selector(getState());
+  }
+  useEffect(
+    () => subscribe(
+      selector,
+      (state, prevState) => {
+        stateRef.current = state;
+        listener?.(state, prevState);
+      },
+      {
+        fireImmediately: false,
+        equalityFn
+      }
+    ),
+    [equalityFn, listener, selector, subscribe]
+  );
+  return stateRef;
+}
+
+export { 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/es/use-window-size.js

@@ -1,3 +1,19 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.309Z, made by Venus. */
-import{useRafState as i,useEventListener as n}from"ahooks";function useWindowSize(){const[e,o]=i((()=>({width:window.innerWidth,height:window.innerHeight})));return n("resize",(()=>{o({width:window.innerWidth,height:window.innerHeight})})),e}export{useWindowSize};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.433Z, made by Venus. */
+import { useRafState, useEventListener } from 'ahooks';
+
+function useWindowSize() {
+  const [size, setSize] = useRafState(() => ({
+    width: window.innerWidth,
+    height: window.innerHeight
+  }));
+  useEventListener("resize", () => {
+    setSize({
+      width: window.innerWidth,
+      height: window.innerHeight
+    });
+  });
+  return size;
+}
+
+export { 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/lib/index.cjs

@@ -1,3 +1,110 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.309Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./lib.cjs");const e=require("./use-authorized-items.cjs"),s=require("./use-color-tokens.cjs"),t=require("./use-computed-action-buttons.cjs"),r=require("./use-computed-options.cjs"),o=require("./use-context-disabled.cjs"),u=require("./use-data-query.cjs"),i=require("./use-deep-callback.cjs"),a=require("./use-deep-memo.cjs"),n=require("./use-deep-selector.cjs"),l=require("./use-fallback-options.cjs"),p=require("./use-gap-size-normalizer.cjs"),c=require("./use-normalized-gap-size.cjs"),m=require("./use-normalized-menu-items.cjs"),d=require("./use-normalized-options.cjs"),x=require("./use-option-filter.cjs"),b=require("./use-remote-filter.cjs"),j=require("./use-shallow-callback.cjs"),f=require("./use-shallow-memo.cjs"),z=require("./use-shallow-selector.cjs"),q=require("./use-singleton.cjs"),S=require("./use-theme-tokens.cjs"),y=require("./use-transient-store.cjs"),k=require("./use-window-size.cjs"),C=require("@uidotdev/usehooks"),O=require("ahooks");exports.useAuthorizedItems=e.useAuthorizedItems,exports.useColorTokens=s.useColorTokens,exports.useDefaultColorTokens=s.useDefaultColorTokens,exports.useSemanticColorTokens=s.useSemanticColorTokens,exports.useComputedActionButtons=t.useComputedActionButtons,exports.useComputedOptions=r.useComputedOptions,exports.DisabledContextProvider=o.DisabledContextProvider,exports.useContextDisabled=o.useContextDisabled,exports.useDataQuery=u.useDataQuery,exports.useDeepCallback=i.useDeepCallback,exports.useDeepMemo=a.useDeepMemo,exports.useDeepSelector=n.useDeepSelector,exports.useFallbackOptions=l.useFallbackOptions,exports.useGapSizeNormalizer=p.useGapSizeNormalizer,exports.useNormalizedGapSize=c.useNormalizedGapSize,exports.normalizeMenuItem=m.normalizeMenuItem,exports.useNormalizedMenuItems=m.useNormalizedMenuItems,exports.useNormalizedDataOptions=d.useNormalizedDataOptions,exports.useOptionFilter=x.useOptionFilter,exports.useRemoteFilter=b.useRemoteFilter,exports.useShallowCallback=j.useShallowCallback,exports.useShallowMemo=f.useShallowMemo,exports.useShallowSelector=z.useShallowSelector,exports.useSingleton=q.useSingleton,exports.useThemeTokens=S.useThemeTokens,exports.useTransientStore=y.useTransientStore,exports.useWindowSize=k.useWindowSize,Object.defineProperty(exports,"useClickAway",{enumerable:!0,get:()=>C.useClickAway}),Object.defineProperty(exports,"useMeasure",{enumerable:!0,get:()=>C.useMeasure}),Object.defineProperty(exports,"useDeepEffect",{enumerable:!0,get:()=>O.useDeepCompareEffect}),Object.defineProperty(exports,"useDeepLayoutEffect",{enumerable:!0,get:()=>O.useDeepCompareLayoutEffect}),Object.defineProperty(exports,"useElementSize",{enumerable:!0,get:()=>O.useSize}),Object.defineProperty(exports,"useEventListener",{enumerable:!0,get:()=>O.useEventListener}),Object.defineProperty(exports,"useKeyPress",{enumerable:!0,get:()=>O.useKeyPress}),Object.defineProperty(exports,"useMount",{enumerable:!0,get:()=>O.useMount}),Object.defineProperty(exports,"useUnmount",{enumerable:!0,get:()=>O.useUnmount}),Object.defineProperty(exports,"useUpdateEffect",{enumerable:!0,get:()=>O.useUpdateEffect}),Object.defineProperty(exports,"useUpdateLayoutEffect",{enumerable:!0,get:()=>O.useUpdateLayoutEffect}),Object.defineProperty(exports,"useUpdater",{enumerable:!0,get:()=>O.useUpdate});
+/*! 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' });
+
+require('./lib.cjs');
+const useAuthorizedItems = require('./use-authorized-items.cjs');
+const useColorTokens = require('./use-color-tokens.cjs');
+const useComputedActionButtons = require('./use-computed-action-buttons.cjs');
+const useComputedOptions = require('./use-computed-options.cjs');
+const useContextDisabled = require('./use-context-disabled.cjs');
+const useDataQuery = require('./use-data-query.cjs');
+const useDeepCallback = require('./use-deep-callback.cjs');
+const useDeepMemo = require('./use-deep-memo.cjs');
+const useDeepSelector = require('./use-deep-selector.cjs');
+const useFallbackOptions = require('./use-fallback-options.cjs');
+const useGapSizeNormalizer = require('./use-gap-size-normalizer.cjs');
+const useNormalizedGapSize = require('./use-normalized-gap-size.cjs');
+const useNormalizedMenuItems = require('./use-normalized-menu-items.cjs');
+const useNormalizedOptions = require('./use-normalized-options.cjs');
+const useOptionFilter = require('./use-option-filter.cjs');
+const useRemoteFilter = require('./use-remote-filter.cjs');
+const useShallowCallback = require('./use-shallow-callback.cjs');
+const useShallowMemo = require('./use-shallow-memo.cjs');
+const useShallowSelector = require('./use-shallow-selector.cjs');
+const useSingleton = require('./use-singleton.cjs');
+const useThemeTokens = require('./use-theme-tokens.cjs');
+const useTransientStore = require('./use-transient-store.cjs');
+const useWindowSize = require('./use-window-size.cjs');
+const usehooks = require('@uidotdev/usehooks');
+const ahooks = require('ahooks');
+
+
+
+exports.useAuthorizedItems = useAuthorizedItems.useAuthorizedItems;
+exports.useColorTokens = useColorTokens.useColorTokens;
+exports.useDefaultColorTokens = useColorTokens.useDefaultColorTokens;
+exports.useSemanticColorTokens = useColorTokens.useSemanticColorTokens;
+exports.useComputedActionButtons = useComputedActionButtons.useComputedActionButtons;
+exports.useComputedOptions = useComputedOptions.useComputedOptions;
+exports.DisabledContextProvider = useContextDisabled.DisabledContextProvider;
+exports.useContextDisabled = useContextDisabled.useContextDisabled;
+exports.useDataQuery = useDataQuery.useDataQuery;
+exports.useDeepCallback = useDeepCallback.useDeepCallback;
+exports.useDeepMemo = useDeepMemo.useDeepMemo;
+exports.useDeepSelector = useDeepSelector.useDeepSelector;
+exports.useFallbackOptions = useFallbackOptions.useFallbackOptions;
+exports.useGapSizeNormalizer = useGapSizeNormalizer.useGapSizeNormalizer;
+exports.useNormalizedGapSize = useNormalizedGapSize.useNormalizedGapSize;
+exports.normalizeMenuItem = useNormalizedMenuItems.normalizeMenuItem;
+exports.useNormalizedMenuItems = useNormalizedMenuItems.useNormalizedMenuItems;
+exports.useNormalizedDataOptions = useNormalizedOptions.useNormalizedDataOptions;
+exports.useOptionFilter = useOptionFilter.useOptionFilter;
+exports.useRemoteFilter = useRemoteFilter.useRemoteFilter;
+exports.useShallowCallback = useShallowCallback.useShallowCallback;
+exports.useShallowMemo = useShallowMemo.useShallowMemo;
+exports.useShallowSelector = useShallowSelector.useShallowSelector;
+exports.useSingleton = useSingleton.useSingleton;
+exports.useThemeTokens = useThemeTokens.useThemeTokens;
+exports.useTransientStore = useTransientStore.useTransientStore;
+exports.useWindowSize = useWindowSize.useWindowSize;
+Object.defineProperty(exports, "useClickAway", {
+	enumerable: true,
+	get: () => usehooks.useClickAway
+});
+Object.defineProperty(exports, "useMeasure", {
+	enumerable: true,
+	get: () => usehooks.useMeasure
+});
+Object.defineProperty(exports, "useDeepEffect", {
+	enumerable: true,
+	get: () => ahooks.useDeepCompareEffect
+});
+Object.defineProperty(exports, "useDeepLayoutEffect", {
+	enumerable: true,
+	get: () => ahooks.useDeepCompareLayoutEffect
+});
+Object.defineProperty(exports, "useElementSize", {
+	enumerable: true,
+	get: () => ahooks.useSize
+});
+Object.defineProperty(exports, "useEventListener", {
+	enumerable: true,
+	get: () => ahooks.useEventListener
+});
+Object.defineProperty(exports, "useKeyPress", {
+	enumerable: true,
+	get: () => ahooks.useKeyPress
+});
+Object.defineProperty(exports, "useMount", {
+	enumerable: true,
+	get: () => ahooks.useMount
+});
+Object.defineProperty(exports, "useUnmount", {
+	enumerable: true,
+	get: () => ahooks.useUnmount
+});
+Object.defineProperty(exports, "useUpdateEffect", {
+	enumerable: true,
+	get: () => ahooks.useUpdateEffect
+});
+Object.defineProperty(exports, "useUpdateLayoutEffect", {
+	enumerable: true,
+	get: () => ahooks.useUpdateLayoutEffect
+});
+Object.defineProperty(exports, "useUpdater", {
+	enumerable: true,
+	get: () => ahooks.useUpdate
+});
 /*! 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/lib.cjs

@@ -1,3 +1,59 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.309Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@uidotdev/usehooks"),t=require("ahooks");Object.defineProperty(exports,"useClickAway",{enumerable:!0,get:()=>e.useClickAway}),Object.defineProperty(exports,"useMeasure",{enumerable:!0,get:()=>e.useMeasure}),Object.defineProperty(exports,"useDeepEffect",{enumerable:!0,get:()=>t.useDeepCompareEffect}),Object.defineProperty(exports,"useDeepLayoutEffect",{enumerable:!0,get:()=>t.useDeepCompareLayoutEffect}),Object.defineProperty(exports,"useElementSize",{enumerable:!0,get:()=>t.useSize}),Object.defineProperty(exports,"useEventListener",{enumerable:!0,get:()=>t.useEventListener}),Object.defineProperty(exports,"useKeyPress",{enumerable:!0,get:()=>t.useKeyPress}),Object.defineProperty(exports,"useMount",{enumerable:!0,get:()=>t.useMount}),Object.defineProperty(exports,"useUnmount",{enumerable:!0,get:()=>t.useUnmount}),Object.defineProperty(exports,"useUpdateEffect",{enumerable:!0,get:()=>t.useUpdateEffect}),Object.defineProperty(exports,"useUpdateLayoutEffect",{enumerable:!0,get:()=>t.useUpdateLayoutEffect}),Object.defineProperty(exports,"useUpdater",{enumerable:!0,get:()=>t.useUpdate});
+/*! 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 usehooks = require('@uidotdev/usehooks');
+const ahooks = require('ahooks');
+
+
+
+Object.defineProperty(exports, "useClickAway", {
+  enumerable: true,
+  get: () => usehooks.useClickAway
+});
+Object.defineProperty(exports, "useMeasure", {
+  enumerable: true,
+  get: () => usehooks.useMeasure
+});
+Object.defineProperty(exports, "useDeepEffect", {
+  enumerable: true,
+  get: () => ahooks.useDeepCompareEffect
+});
+Object.defineProperty(exports, "useDeepLayoutEffect", {
+  enumerable: true,
+  get: () => ahooks.useDeepCompareLayoutEffect
+});
+Object.defineProperty(exports, "useElementSize", {
+  enumerable: true,
+  get: () => ahooks.useSize
+});
+Object.defineProperty(exports, "useEventListener", {
+  enumerable: true,
+  get: () => ahooks.useEventListener
+});
+Object.defineProperty(exports, "useKeyPress", {
+  enumerable: true,
+  get: () => ahooks.useKeyPress
+});
+Object.defineProperty(exports, "useMount", {
+  enumerable: true,
+  get: () => ahooks.useMount
+});
+Object.defineProperty(exports, "useUnmount", {
+  enumerable: true,
+  get: () => ahooks.useUnmount
+});
+Object.defineProperty(exports, "useUpdateEffect", {
+  enumerable: true,
+  get: () => ahooks.useUpdateEffect
+});
+Object.defineProperty(exports, "useUpdateLayoutEffect", {
+  enumerable: true,
+  get: () => ahooks.useUpdateLayoutEffect
+});
+Object.defineProperty(exports, "useUpdater", {
+  enumerable: true,
+  get: () => ahooks.useUpdate
+});
 /*! 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-authorized-items.cjs

@@ -1,3 +1,28 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.309Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/core"),r=require("react");exports.useAuthorizedItems=function useAuthorizedItems(t){const{checkPermission:o}=e.useAuthContext();return r.useMemo((()=>t?.filter((e=>{const{permissions:r}=e;if(!r)return!0;return"any"===(e.checkMode??"any")?r.some((e=>o(e))):r.every((e=>o(e)))}))),[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 core = require('@vef-framework/core');
+const react = require('react');
+
+function useAuthorizedItems(items) {
+  const { checkPermission } = core.useAuthContext();
+  return react.useMemo(
+    () => items?.filter((item) => {
+      const { permissions } = item;
+      if (!permissions) {
+        return true;
+      }
+      const checkMode = item.checkMode ?? "any";
+      if (checkMode === "any") {
+        return permissions.some((permission) => checkPermission(permission));
+      }
+      return permissions.every((permission) => checkPermission(permission));
+    }),
+    [items, checkPermission]
+  );
+}
+
+exports.useAuthorizedItems = useAuthorizedItems;
 /*! 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-color-tokens.cjs

@@ -1,3 +1,36 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.309Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),o=require("react"),s=require("./use-theme-tokens.cjs");function useDefaultColorTokens(){const r=s.useThemeTokens();return o.useMemo((()=>e.defaultColorTypes.reduce(((e,o)=>(e.set(o,r[o]),e)),new Map)),[r])}function useSemanticColorTokens(){const r=s.useThemeTokens();return o.useMemo((()=>e.semanticColorTypes.reduce(((o,s)=>(o.set(s,r[`color${e.capitalize(s)}`]),o)),new Map)),[r])}exports.useColorTokens=function useColorTokens(){const e=useDefaultColorTokens(),s=useSemanticColorTokens();return o.useMemo((()=>new Map([...e,...s])),[e,s])},exports.useDefaultColorTokens=useDefaultColorTokens,exports.useSemanticColorTokens=useSemanticColorTokens;
+/*! 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');
+const useThemeTokens = require('./use-theme-tokens.cjs');
+
+function useDefaultColorTokens() {
+  const tokens = useThemeTokens.useThemeTokens();
+  return react.useMemo(() => shared.defaultColorTypes.reduce(
+    (map, color) => {
+      map.set(color, tokens[color]);
+      return map;
+    },
+    /* @__PURE__ */ new Map()
+  ), [tokens]);
+}
+function useSemanticColorTokens() {
+  const tokens = useThemeTokens.useThemeTokens();
+  return react.useMemo(() => shared.semanticColorTypes.reduce((map, color) => {
+    map.set(color, tokens[`color${shared.capitalize(color)}`]);
+    return map;
+  }, /* @__PURE__ */ new Map()), [tokens]);
+}
+function useColorTokens() {
+  const defaultColorTokens = useDefaultColorTokens();
+  const semanticColorTokens = useSemanticColorTokens();
+  return react.useMemo(() => new Map([...defaultColorTokens, ...semanticColorTokens]), [defaultColorTokens, semanticColorTokens]);
+}
+
+exports.useColorTokens = useColorTokens;
+exports.useDefaultColorTokens = useDefaultColorTokens;
+exports.useSemanticColorTokens = useSemanticColorTokens;
 /*! 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-computed-action-buttons.cjs

@@ -1,3 +1,47 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.309Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@vef-framework/shared"),n=require("react");exports.useComputedActionButtons=function useComputedActionButtons(o,t){return n.useMemo((()=>o.filter((n=>{const{show:o}=n;return i.isFunction(o)?o(t):o??!0})).map((n=>{const{disabled:o,requireConfirmation:e,confirmationMode:r,confirmationTitle:a,confirmationContent:u,...s}=n,c={...s,disabled:i.isFunction(o)?o(t):o??!1,requireConfirmation:i.isFunction(e)?e(t):e??!1,confirmationMode:i.isFunction(r)?r(t):r??"simple",confirmationTitle:i.isFunction(a)?a(t):a??i.defaultMessageTitle,confirmationContent:i.isFunction(u)?u(t):u??`确定要${s.label}吗？`};return c.requireConfirmation&&!c.confirmationMode&&(c.confirmationMode="simple"),c.requireConfirmation&&!c.confirmationTitle&&(c.confirmationTitle=i.defaultMessageTitle),c.requireConfirmation&&!c.confirmationContent&&(c.confirmationContent=`确定要${c.label}吗？`),c}))),[o,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 useComputedActionButtons(buttons, context) {
+  return react.useMemo(() => buttons.filter((button) => {
+    const { show } = button;
+    if (shared.isFunction(show)) {
+      return show(context);
+    }
+    return show ?? true;
+  }).map((button) => {
+    const {
+      disabled,
+      requireConfirmation,
+      confirmationMode,
+      confirmationTitle,
+      confirmationContent,
+      ...rest
+    } = button;
+    const computedButton = {
+      ...rest,
+      disabled: shared.isFunction(disabled) ? disabled(context) : disabled ?? false,
+      requireConfirmation: shared.isFunction(requireConfirmation) ? requireConfirmation(context) : requireConfirmation ?? false,
+      confirmationMode: shared.isFunction(confirmationMode) ? confirmationMode(context) : confirmationMode ?? "simple",
+      confirmationTitle: shared.isFunction(confirmationTitle) ? confirmationTitle(context) : confirmationTitle ?? shared.defaultMessageTitle,
+      confirmationContent: shared.isFunction(confirmationContent) ? confirmationContent(context) : confirmationContent ?? `\u786E\u5B9A\u8981${rest.label}\u5417\uFF1F`
+    };
+    if (computedButton.requireConfirmation && !computedButton.confirmationMode) {
+      computedButton.confirmationMode = "simple";
+    }
+    if (computedButton.requireConfirmation && !computedButton.confirmationTitle) {
+      computedButton.confirmationTitle = shared.defaultMessageTitle;
+    }
+    if (computedButton.requireConfirmation && !computedButton.confirmationContent) {
+      computedButton.confirmationContent = `\u786E\u5B9A\u8981${computedButton.label}\u5417\uFF1F`;
+    }
+    return computedButton;
+  }), [buttons, context]);
+}
+
+exports.useComputedActionButtons = useComputedActionButtons;
 /*! 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 */