@vef-framework/hooks 1.0.122 → 1.0.123

package/esm/use-deep-callback.js

@@ -0,0 +1,11 @@
+"use strict";
+import { useCallback } from 'react';
+import { useDeepMemo } from './use-deep-memo.js';
+
+"use strict";
+function useDeepCallback(callback, dependencies) {
+  const memoizedDependencies = useDeepMemo(() => dependencies, dependencies);
+  return useCallback(callback, memoizedDependencies);
+}
+
+export { useDeepCallback };

package/esm/use-deep-memo.js

@@ -0,0 +1,19 @@
+"use strict";
+import { isDeepEqual } from '@vef-framework/shared';
+import { useRef, useMemo } from 'react';
+
+"use strict";
+function useDeepMemo(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) => isDeepEqual(value, another[index]));
+}
+
+export { useDeepMemo };

package/esm/use-deep-selector.js

@@ -0,0 +1,14 @@
+"use strict";
+import { isDeepEqual } from '@vef-framework/shared';
+import { useRef } from 'react';
+
+"use strict";
+function useDeepSelector(selector) {
+  const prevSelectedState = useRef();
+  return (state) => {
+    const nextSelectedState = selector(state);
+    return isDeepEqual(prevSelectedState.current, nextSelectedState) ? prevSelectedState.current : prevSelectedState.current = nextSelectedState;
+  };
+}
+
+export { useDeepSelector };

package/esm/use-fallback-options.js

@@ -0,0 +1,103 @@
+"use strict";
+import { useApiContext } from '@vef-framework/core';
+import { isFunction } from '@vef-framework/shared';
+import { useUnmount } from 'ahooks';
+import { useId } from 'react';
+import { useShallowMemo } from './use-shallow-memo.js';
+
+"use strict";
+function useApi(missingOptionValues, {
+  fallbackOptionsApi,
+  fallbackOptionsApiParams,
+  valuesKey,
+  resolveFallbackOptions
+}, stubQueryApi, asyncFnQueryApi) {
+  const uniqueId = useId();
+  return useShallowMemo(() => {
+    if (missingOptionValues.length > 0) {
+      if (isFunction(resolveFallbackOptions)) {
+        const params = {
+          key: uniqueId,
+          args: [missingOptionValues],
+          fn: resolveFallbackOptions
+        };
+        return [
+          asyncFnQueryApi,
+          params,
+          {
+            keepPreviousData: true
+          }
+        ];
+      }
+      if (fallbackOptionsApi) {
+        const params = {
+          ...fallbackOptionsApiParams,
+          [valuesKey ?? "ids"]: missingOptionValues
+        };
+        return [
+          fallbackOptionsApi,
+          params,
+          {
+            keepPreviousData: true
+          }
+        ];
+      }
+    }
+    return [
+      stubQueryApi,
+      [],
+      {
+        keepPreviousData: true,
+        initialData: []
+      }
+    ];
+  }, [
+    resolveFallbackOptions,
+    fallbackOptionsApi,
+    stubQueryApi,
+    uniqueId,
+    missingOptionValues,
+    asyncFnQueryApi,
+    fallbackOptionsApiParams,
+    valuesKey
+  ]);
+}
+function useFallbackOptions(missingOptionValues, {
+  fallbackOptionsApi,
+  fallbackOptionsApiParams,
+  valuesKey,
+  resolveFallbackOptions
+}) {
+  const {
+    useApiQuery,
+    stubQueryApi,
+    asyncFnQueryApi
+  } = useApiContext();
+  const [
+    api,
+    params,
+    options
+  ] = useApi(
+    missingOptionValues,
+    {
+      fallbackOptionsApi,
+      fallbackOptionsApiParams,
+      valuesKey,
+      resolveFallbackOptions
+    },
+    stubQueryApi,
+    asyncFnQueryApi
+  );
+  const result = useApiQuery(api, params, options);
+  useUnmount(() => {
+    if (Object.is(api, stubQueryApi)) {
+      stubQueryApi.removeQueries(params);
+    }
+    if (Object.is(api, asyncFnQueryApi)) {
+      asyncFnQueryApi.removeQueries(params);
+    }
+  });
+  return result;
+}
+
+export { useFallbackOptions };

package/esm/use-gap-size-normalizer.js

@@ -0,0 +1,36 @@
+"use strict";
+import { useCallback } from 'react';
+import { useThemeTokens } from './use-theme-tokens.js';
+
+"use strict";
+function useGapSizeNormalizer() {
+  const {
+    paddingXS,
+    paddingSM,
+    padding,
+    paddingMD,
+    paddingLG
+  } = useThemeTokens();
+  return useCallback((gap) => {
+    if (gap === "tiny") {
+      return paddingXS;
+    } else if (gap === "small") {
+      return paddingSM;
+    } else if (gap === "medium") {
+      return padding;
+    } else if (gap === "large") {
+      return paddingMD;
+    } else if (gap === "huge") {
+      return paddingLG;
+    }
+    return gap;
+  }, [
+    paddingXS,
+    paddingSM,
+    padding,
+    paddingMD,
+    paddingLG
+  ]);
+}
+
+export { useGapSizeNormalizer };

package/esm/use-normalized-gap-size.js

@@ -0,0 +1,10 @@
+"use strict";
+import { useGapSizeNormalizer } from './use-gap-size-normalizer.js';
+
+"use strict";
+function useNormalizedGapSize(gap) {
+  const normalize = useGapSizeNormalizer();
+  return normalize(gap);
+}
+
+export { useNormalizedGapSize };

package/esm/use-normalized-menu-items.js

@@ -0,0 +1,45 @@
+"use strict";
+import { useMemo } from 'react';
+
+"use strict";
+function normalizeMenuItem(item) {
+  if (item.type === "item") {
+    return {
+      type: "item",
+      key: item.key,
+      label: item.label,
+      disabled: item.disabled,
+      icon: item.icon,
+      extra: item.extra
+    };
+  } else if (item.type === "submenu") {
+    return {
+      type: "submenu",
+      key: item.key,
+      label: item.label,
+      disabled: item.disabled,
+      icon: item.icon,
+      children: item.children.map(normalizeMenuItem)
+    };
+  } else if (item.type === "group") {
+    return {
+      type: "group",
+      key: item.key,
+      label: item.label,
+      children: item.children.map(normalizeMenuItem)
+    };
+  } else {
+    return {
+      type: "divider",
+      key: item.key
+    };
+  }
+}
+function useNormalizedMenuItems(items) {
+  return useMemo(
+    () => items.map(normalizeMenuItem),
+    [items]
+  );
+}
+
+export { normalizeMenuItem, useNormalizedMenuItems };

package/esm/use-normalized-options.js

@@ -0,0 +1,102 @@
+"use strict";
+import { isNullish, VefError, isString, parsePinyinFirstLetter, isArray } from '@vef-framework/shared';
+import { useMemo } from 'react';
+
+"use strict";
+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 };

package/esm/use-option-filter.js

@@ -0,0 +1,18 @@
+"use strict";
+import { isString } from '@vef-framework/shared';
+import { useMemo } from 'react';
+
+"use strict";
+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 };

package/esm/use-remote-filter.js

@@ -0,0 +1,37 @@
+"use strict";
+import { trim, debounce } from '@vef-framework/shared';
+import { useState, useMemo } from 'react';
+
+"use strict";
+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 };

package/esm/use-shallow-callback.js

@@ -0,0 +1,11 @@
+"use strict";
+import { useCallback } from 'react';
+import { useShallowMemo } from './use-shallow-memo.js';
+
+"use strict";
+function useShallowCallback(callback, dependencies) {
+  const memoizedDependencies = useShallowMemo(() => dependencies, dependencies);
+  return useCallback(callback, memoizedDependencies);
+}
+
+export { useShallowCallback };

package/esm/use-shallow-memo.js

@@ -0,0 +1,19 @@
+"use strict";
+import { isShallowEqual } from '@vef-framework/shared';
+import { useRef, useMemo } from 'react';
+
+"use strict";
+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 };

package/esm/use-shallow-selector.js

@@ -0,0 +1,14 @@
+"use strict";
+import { isShallowEqual } from '@vef-framework/shared';
+import { useRef } from 'react';
+
+"use strict";
+function useShallowSelector(selector) {
+  const prevSelectedState = useRef();
+  return (state) => {
+    const nextSelectedState = selector(state);
+    return isShallowEqual(prevSelectedState.current, nextSelectedState) ? prevSelectedState.current : prevSelectedState.current = nextSelectedState;
+  };
+}
+
+export { useShallowSelector };

package/esm/use-singleton.js

@@ -0,0 +1,14 @@
+"use strict";
+import { isNullish } from '@vef-framework/shared';
+import { useRef } from 'react';
+
+"use strict";
+function useSingleton(factory) {
+  const singleton = useRef();
+  if (isNullish(singleton.current)) {
+    singleton.current = factory();
+  }
+  return singleton.current;
+}
+
+export { useSingleton };

package/esm/use-theme-tokens.js

@@ -0,0 +1,11 @@
+"use strict";
+import { theme } from 'antd';
+
+"use strict";
+const { useToken } = theme;
+function useThemeTokens() {
+  const { token } = useToken();
+  return token;
+}
+
+export { useThemeTokens };

package/esm/use-transient-store.js

@@ -0,0 +1,32 @@
+"use strict";
+import { isShallowEqual } from '@vef-framework/shared';
+import { useRef, useEffect } from 'react';
+
+"use strict";
+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 };

package/esm/use-window-size.js

@@ -0,0 +1,19 @@
+"use strict";
+import { useRafState, useEventListener } from 'ahooks';
+
+"use strict";
+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 };

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@vef-framework/hooks",
   "type": "module",
-  "version": "1.0.122",
+  "version": "1.0.123",
   "private": false,
-  "packageManager": "pnpm@9.15.0",
   "description": "The hooks of the VEF framework",
   "author": "Venus",
   "keywords": [
@@ -15,11 +14,11 @@
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./es/index.js",
-      "require": "./lib/index.cjs"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.cjs"
     }
   },
-  "main": "es/index.js",
+  "main": "cjs/index.cjs",
   "types": "types/index.d.ts",
   "files": [
     "*"
@@ -31,17 +30,19 @@
     "@emotion/cache": "11.14.0",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.0",
-    "antd": "5.24.3",
+    "antd": "5.24.4",
     "tslib": "2.8.1",
     "use-sync-external-store": "^1.4.0",
     "@uidotdev/usehooks": "^2.4.1",
-    "@vef-framework/core": "1.0.122",
-    "@vef-framework/shared": "1.0.122",
+    "@vef-framework/core": "1.0.123",
+    "@vef-framework/shared": "1.0.123",
     "ahooks": "3.8.4"
   },
   "publishConfig": {
     "access": "public"
   },
+  "module": "esm/index.js",
+  "packageManager": "pnpm@10.6.3",
   "peerDependencies": {
     "react": "18.3.1",
     "react-dom": "18.3.1"

package/es/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.065Z, made by Venus. */import"./lib.js";import{useAuthorizedItems}from"./use-authorized-items.js";import{useColorTokens,useDefaultColorTokens,useSemanticColorTokens}from"./use-color-tokens.js";import{useComputedActionButtons}from"./use-computed-action-buttons.js";import{useComputedOptions}from"./use-computed-options.js";import{DisabledContextProvider,useContextDisabled}from"./use-context-disabled.js";import{useDataQuery}from"./use-data-query.js";import{useDeepCallback}from"./use-deep-callback.js";import{useDeepMemo}from"./use-deep-memo.js";import{useDeepSelector}from"./use-deep-selector.js";import{useFallbackOptions}from"./use-fallback-options.js";import{useGapSizeNormalizer}from"./use-gap-size-normalizer.js";import{useNormalizedGapSize}from"./use-normalized-gap-size.js";import{normalizeMenuItem,useNormalizedMenuItems}from"./use-normalized-menu-items.js";import{useNormalizedDataOptions}from"./use-normalized-options.js";import{useOptionFilter}from"./use-option-filter.js";import{useRemoteFilter}from"./use-remote-filter.js";import{useShallowCallback}from"./use-shallow-callback.js";import{useShallowMemo}from"./use-shallow-memo.js";import{useShallowSelector}from"./use-shallow-selector.js";import{useSingleton}from"./use-singleton.js";import{useThemeTokens}from"./use-theme-tokens.js";import{useTransientStore}from"./use-transient-store.js";import{useWindowSize}from"./use-window-size.js";import{useClickAway,useMeasure}from"@uidotdev/usehooks";import{useDeepCompareEffect,useDeepCompareLayoutEffect,useSize,useEventListener,useKeyPress,useMount,useUnmount,useUpdateEffect,useUpdateLayoutEffect,useUpdate}from"ahooks";/*! 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 */export{DisabledContextProvider,normalizeMenuItem,useAuthorizedItems,useClickAway,useColorTokens,useComputedActionButtons,useComputedOptions,useContextDisabled,useDataQuery,useDeepCallback,useDeepCompareEffect as useDeepEffect,useDeepCompareLayoutEffect as useDeepLayoutEffect,useDeepMemo,useDeepSelector,useDefaultColorTokens,useSize as useElementSize,useEventListener,useFallbackOptions,useGapSizeNormalizer,useKeyPress,useMeasure,useMount,useNormalizedDataOptions,useNormalizedGapSize,useNormalizedMenuItems,useOptionFilter,useRemoteFilter,useSemanticColorTokens,useShallowCallback,useShallowMemo,useShallowSelector,useSingleton,useThemeTokens,useTransientStore,useUnmount,useUpdateEffect,useUpdateLayoutEffect,useUpdate as useUpdater,useWindowSize};

package/es/lib.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.065Z, made by Venus. */import{useClickAway,useMeasure}from"@uidotdev/usehooks";import{useDeepCompareEffect,useDeepCompareLayoutEffect,useSize,useEventListener,useKeyPress,useMount,useUnmount,useUpdateEffect,useUpdateLayoutEffect,useUpdate}from"ahooks";/*! 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 */export{useClickAway,useDeepCompareEffect as useDeepEffect,useDeepCompareLayoutEffect as useDeepLayoutEffect,useSize as useElementSize,useEventListener,useKeyPress,useMeasure,useMount,useUnmount,useUpdateEffect,useUpdateLayoutEffect,useUpdate as useUpdater};

package/es/use-authorized-items.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.065Z, made by Venus. */import{useAuthContext}from"@vef-framework/core";import{useMemo}from"react";function useAuthorizedItems(items){const{checkPermission}=useAuthContext();return useMemo(()=>items?.filter(item=>{const{permissions}=item;return permissions?(item.checkMode??"any")==="any"?permissions.some(permission=>checkPermission(permission)):permissions.every(permission=>checkPermission(permission)):!0}),[items,checkPermission])}/*! 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 */export{useAuthorizedItems};

package/es/use-color-tokens.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.065Z, made by Venus. */import{defaultColorTypes,semanticColorTypes,capitalize}from"@vef-framework/shared";import{useMemo}from"react";import{useThemeTokens}from"./use-theme-tokens.js";function useDefaultColorTokens(){const tokens=useThemeTokens();return useMemo(()=>defaultColorTypes.reduce((map,color)=>(map.set(color,tokens[color]),map),new Map),[tokens])}function useSemanticColorTokens(){const tokens=useThemeTokens();return useMemo(()=>semanticColorTypes.reduce((map,color)=>(map.set(color,tokens[`color${capitalize(color)}`]),map),new Map),[tokens])}function useColorTokens(){const defaultColorTokens=useDefaultColorTokens(),semanticColorTokens=useSemanticColorTokens();return useMemo(()=>new Map([...defaultColorTokens,...semanticColorTokens]),[defaultColorTokens,semanticColorTokens])}/*! 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 */export{useColorTokens,useDefaultColorTokens,useSemanticColorTokens};

package/es/use-computed-action-buttons.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.065Z, made by Venus. */import{isFunction,defaultMessageTitle}from"@vef-framework/shared";import{useMemo}from"react";function useComputedActionButtons(buttons,context){return useMemo(()=>buttons.filter(button=>{const{show}=button;return isFunction(show)?show(context):show??!0}).map(button=>{const{disabled,requireConfirmation,confirmationMode,confirmationTitle,confirmationContent,...rest}=button,computedButton={...rest,disabled:isFunction(disabled)?disabled(context):disabled??!1,requireConfirmation:isFunction(requireConfirmation)?requireConfirmation(context):requireConfirmation??!1,confirmationMode:isFunction(confirmationMode)?confirmationMode(context):confirmationMode??"simple",confirmationTitle:isFunction(confirmationTitle)?confirmationTitle(context):confirmationTitle??defaultMessageTitle,confirmationContent:isFunction(confirmationContent)?confirmationContent(context):confirmationContent??`确定要${rest.label}吗？`};return computedButton.requireConfirmation&&!computedButton.confirmationMode&&(computedButton.confirmationMode="simple"),computedButton.requireConfirmation&&!computedButton.confirmationTitle&&(computedButton.confirmationTitle=defaultMessageTitle),computedButton.requireConfirmation&&!computedButton.confirmationContent&&(computedButton.confirmationContent=`确定要${computedButton.label}吗？`),computedButton}),[buttons,context])}/*! 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 */export{useComputedActionButtons};

package/es/use-computed-options.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.065Z, made by Venus. */import{useDataQuery}from"./use-data-query.js";import{useFallbackOptions}from"./use-fallback-options.js";import{useNormalizedDataOptions}from"./use-normalized-options.js";import{useRemoteFilter}from"./use-remote-filter.js";function useComputedOptions({labelKey,valueKey,descriptionKey,childrenKey,disabledKey,defaultToFirst,filterable=!1,filterFromRemote=!1,keywordKey="keyword",valuesKey="ids",fallbackOptionsApi,fallbackOptionsApiParams,resolveFallbackOptions,isGrouped=!1,selectedOptionValues,apiParams,...queryConfig}){const[mergedApiParams,onFilterKeywordChange]=useRemoteFilter(filterable&&filterFromRemote,apiParams,keywordKey),{data:options,isLoading}=useDataQuery({apiParams:mergedApiParams,...queryConfig}),[normalizedOptions,missingOptionValues,defaultOption]=useNormalizedDataOptions(options??[],{labelKey,valueKey,descriptionKey,childrenKey,disabledKey,defaultToFirst},{isGrouped,parsePinyin:filterable&&!filterFromRemote,selectedOptionValues}),{data:fallbackOptions,isLoading:isFallbackOptionsLoading}=useFallbackOptions(missingOptionValues,{fallbackOptionsApi:fallbackOptionsApi??queryConfig.api,fallbackOptionsApiParams,valuesKey,resolveFallbackOptions});return{onFilterKeywordChange,isLoading,normalizedOptions,defaultOption,fallbackOptions,isFallbackOptionsLoading}}/*! 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 */export{useComputedOptions};

package/es/use-context-disabled.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.065Z, made by Venus. */import{createContext,useContext}from"react";const DisabledContext=createContext(!1);function useContextDisabled(){return useContext(DisabledContext)}const DisabledContextProvider=DisabledContext.Provider;/*! 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 */export{DisabledContextProvider,useContextDisabled};

package/es/use-data-query.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.065Z, made by Venus. */import{useApiContext}from"@vef-framework/core";import{isNullish,isFunction}from"@vef-framework/shared";import{useUnmount}from"ahooks";import{useMemo}from"react";function useApi({data,dataDictionaryKey,api,apiParams,apiEnabled,staleTime,keepPreviousData,placeholderData},stubQueryApi,dataDictionaryApi){return useMemo(()=>isNullish(data)?isNullish(dataDictionaryKey)?isNullish(api)?[stubQueryApi,[],{keepPreviousData:!0,initialData:[]}]:[api,apiParams,{enabled:apiEnabled??!0,staleTime,keepPreviousData,placeholderData}]:[dataDictionaryApi,{...apiParams,key:dataDictionaryKey},{enabled:apiEnabled??!0,staleTime,keepPreviousData,placeholderData}]:[stubQueryApi,data,{keepPreviousData:!0,initialData:data}],[data,dataDictionaryKey,api,stubQueryApi,dataDictionaryApi,apiParams,apiEnabled,staleTime,keepPreviousData,placeholderData])}function useDataQuery({onFetched,...config}){const{useApiQuery,stubQueryApi,dataDictionaryApi:dataDictionaryQueryApi}=useApiContext(),[api,args,options]=useApi(config,stubQueryApi,dataDictionaryQueryApi),result=useApiQuery(api,args,options);useUnmount(()=>{Object.is(api,stubQueryApi)&&stubQueryApi.removeQueries(args)});const{isSuccess,data:rawData,...rest}=result,data=useMemo(()=>isSuccess&&isFunction(onFetched)?onFetched(rawData):rawData,[isSuccess,rawData,onFetched]);return{...rest,isSuccess,data}}/*! 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 */export{useDataQuery};

package/es/use-deep-callback.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.065Z, made by Venus. */import{useCallback}from"react";import{useDeepMemo}from"./use-deep-memo.js";function useDeepCallback(callback,dependencies){const memoizedDependencies=useDeepMemo(()=>dependencies,dependencies);return useCallback(callback,memoizedDependencies)}/*! 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 */export{useDeepCallback};

package/es/use-deep-memo.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.065Z, made by Venus. */import{isDeepEqual}from"@vef-framework/shared";import{useRef,useMemo}from"react";function useDeepMemo(factory,dependencies){const lastDependencies=useRef(),signal=useRef(0);return(lastDependencies.current===void 0||!isEqual(dependencies,lastDependencies.current))&&(signal.current+=1),lastDependencies.current=dependencies,useMemo(factory,[signal.current])}function isEqual(one,another){return one.length===another.length&&one.every((value,index)=>isDeepEqual(value,another[index]))}/*! 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 */export{useDeepMemo};

package/es/use-deep-selector.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.065Z, made by Venus. */import{isDeepEqual}from"@vef-framework/shared";import{useRef}from"react";function useDeepSelector(selector){const prevSelectedState=useRef();return state=>{const nextSelectedState=selector(state);return isDeepEqual(prevSelectedState.current,nextSelectedState)?prevSelectedState.current:prevSelectedState.current=nextSelectedState}}/*! 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 */export{useDeepSelector};

package/es/use-fallback-options.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.065Z, made by Venus. */import{useApiContext}from"@vef-framework/core";import{isFunction}from"@vef-framework/shared";import{useUnmount}from"ahooks";import{useId}from"react";import{useShallowMemo}from"./use-shallow-memo.js";function useApi(missingOptionValues,{fallbackOptionsApi,fallbackOptionsApiParams,valuesKey,resolveFallbackOptions},stubQueryApi,asyncFnQueryApi){const uniqueId=useId();return useShallowMemo(()=>{if(missingOptionValues.length>0){if(isFunction(resolveFallbackOptions))return[asyncFnQueryApi,{key:uniqueId,args:[missingOptionValues],fn:resolveFallbackOptions},{keepPreviousData:!0}];if(fallbackOptionsApi){const params={...fallbackOptionsApiParams,[valuesKey??"ids"]:missingOptionValues};return[fallbackOptionsApi,params,{keepPreviousData:!0}]}}return[stubQueryApi,[],{keepPreviousData:!0,initialData:[]}]},[resolveFallbackOptions,fallbackOptionsApi,stubQueryApi,uniqueId,missingOptionValues,asyncFnQueryApi,fallbackOptionsApiParams,valuesKey])}function useFallbackOptions(missingOptionValues,{fallbackOptionsApi,fallbackOptionsApiParams,valuesKey,resolveFallbackOptions}){const{useApiQuery,stubQueryApi,asyncFnQueryApi}=useApiContext(),[api,params,options]=useApi(missingOptionValues,{fallbackOptionsApi,fallbackOptionsApiParams,valuesKey,resolveFallbackOptions},stubQueryApi,asyncFnQueryApi),result=useApiQuery(api,params,options);return useUnmount(()=>{Object.is(api,stubQueryApi)&&stubQueryApi.removeQueries(params),Object.is(api,asyncFnQueryApi)&&asyncFnQueryApi.removeQueries(params)}),result}/*! 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 */export{useFallbackOptions};

package/es/use-gap-size-normalizer.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.065Z, made by Venus. */import{useCallback}from"react";import{useThemeTokens}from"./use-theme-tokens.js";function useGapSizeNormalizer(){const{paddingXS,paddingSM,padding,paddingMD,paddingLG}=useThemeTokens();return useCallback(gap=>gap==="tiny"?paddingXS:gap==="small"?paddingSM:gap==="medium"?padding:gap==="large"?paddingMD:gap==="huge"?paddingLG:gap,[paddingXS,paddingSM,padding,paddingMD,paddingLG])}/*! 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 */export{useGapSizeNormalizer};

package/es/use-normalized-gap-size.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.065Z, made by Venus. */import{useGapSizeNormalizer}from"./use-gap-size-normalizer.js";function useNormalizedGapSize(gap){return useGapSizeNormalizer()(gap)}/*! 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 */export{useNormalizedGapSize};

package/es/use-normalized-menu-items.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.065Z, made by Venus. */import{useMemo}from"react";function normalizeMenuItem(item){return item.type==="item"?{type:"item",key:item.key,label:item.label,disabled:item.disabled,icon:item.icon,extra:item.extra}:item.type==="submenu"?{type:"submenu",key:item.key,label:item.label,disabled:item.disabled,icon:item.icon,children:item.children.map(normalizeMenuItem)}:item.type==="group"?{type:"group",key:item.key,label:item.label,children:item.children.map(normalizeMenuItem)}:{type:"divider",key:item.key}}function useNormalizedMenuItems(items){return useMemo(()=>items.map(normalizeMenuItem),[items])}/*! 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 */export{normalizeMenuItem,useNormalizedMenuItems};