@faasjs/ant-design 3.0.0-canary.4 → 3.1.0

package/dist/index.js

@@ -19,7 +19,7 @@ var Modal = antd.Modal;
 Modal.whyDidYouRender = true;
 function useModal(init) {
   const [props, setProps] = react$1.useState({ open: false, ...init });
-  const setModalProps = react$1.useCallback(
+  const setModalProps = react.useEqualCallback(
     (changes) => {
       const changed = typeof changes === "function" ? changes(props) : changes;
       setProps((prev) => ({ ...prev, ...changed }));
@@ -48,7 +48,7 @@ function useDrawer(init) {
     open: false,
     ...init
   });
-  const setDrawerProps = react$1.useCallback(
+  const setDrawerProps = react.useEqualCallback(
     (changes) => {
       const changed = typeof changes === "function" ? changes(props) : changes;
       setProps((prev) => ({ ...prev, ...changed }));
@@ -135,7 +135,7 @@ var ConfigContext = react$1.createContext({
 });
 function ConfigProvider(props) {
   const [theme, setTheme] = react$1.useState();
-  react$1.useEffect(() => {
+  react.useEqualEffect(() => {
     if (props.theme?.lang === "zh") {
       setTheme(
         lodashEs.defaultsDeep(
@@ -151,7 +151,7 @@ function ConfigProvider(props) {
       );
     } else setTheme(lodashEs.defaultsDeep(props.theme, baseTheme));
     if (props.faasClientOptions) react.FaasReactClient(props.faasClientOptions);
-  }, [JSON.stringify(props.theme)]);
+  }, [props.theme]);
   if (!theme) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(ConfigContext.Provider, { value: { theme }, children: props.children });
 }
@@ -831,7 +831,7 @@ function Form(props) {
     }
     setComputedProps(propsCopy);
   }, [props]);
-  const onValuesChange = react$1.useCallback(
+  const onValuesChange = react.useEqualCallback(
     (changedValues, allValues) => {
       console.debug("Form:onValuesChange", changedValues, allValues);
       if (props.onValuesChange) {

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import { createSplittingContext, ErrorBoundary as ErrorBoundary$1, FaasReactClient, OptionalWrapper, FaasDataWrapper as FaasDataWrapper$1, withFaasData as withFaasData$1, faas } from '@faasjs/react';
+import { createSplittingContext, useEqualCallback, ErrorBoundary as ErrorBoundary$1, useEqualEffect, FaasReactClient, OptionalWrapper, FaasDataWrapper as FaasDataWrapper$1, withFaasData as withFaasData$1, faas } from '@faasjs/react';
 export { faas, useFaas } from '@faasjs/react';
 import { Form as Form$1, Modal as Modal$1, Drawer as Drawer$1, message, notification, ConfigProvider as ConfigProvider$1, Typography, Spin, Descriptions, Input, Button, Row, Col, DatePicker, Switch, Select, InputNumber, Radio, Result, Skeleton, Table as Table$1, Tabs as Tabs$1, Alert, Space } from 'antd';
 import { legacyLogicalPropertiesTransformer, StyleProvider } from '@ant-design/cssinjs';
-import { createContext, useState, useCallback, useEffect, useContext, useMemo, cloneElement, Suspense } from 'react';
+import { createContext, useState, useContext, useMemo, useEffect, cloneElement, Suspense } from 'react';
 export { lazy } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { BrowserRouter, useNavigate, Routes as Routes$1, Route, useLocation } from 'react-router-dom';
@@ -15,7 +15,7 @@ var Modal = Modal$1;
 Modal.whyDidYouRender = true;
 function useModal(init) {
   const [props, setProps] = useState({ open: false, ...init });
-  const setModalProps = useCallback(
+  const setModalProps = useEqualCallback(
     (changes) => {
       const changed = typeof changes === "function" ? changes(props) : changes;
       setProps((prev) => ({ ...prev, ...changed }));
@@ -44,7 +44,7 @@ function useDrawer(init) {
     open: false,
     ...init
   });
-  const setDrawerProps = useCallback(
+  const setDrawerProps = useEqualCallback(
     (changes) => {
       const changed = typeof changes === "function" ? changes(props) : changes;
       setProps((prev) => ({ ...prev, ...changed }));
@@ -131,7 +131,7 @@ var ConfigContext = createContext({
 });
 function ConfigProvider(props) {
   const [theme, setTheme] = useState();
-  useEffect(() => {
+  useEqualEffect(() => {
     if (props.theme?.lang === "zh") {
       setTheme(
         defaultsDeep(
@@ -147,7 +147,7 @@ function ConfigProvider(props) {
       );
     } else setTheme(defaultsDeep(props.theme, baseTheme));
     if (props.faasClientOptions) FaasReactClient(props.faasClientOptions);
-  }, [JSON.stringify(props.theme)]);
+  }, [props.theme]);
   if (!theme) return null;
   return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: { theme }, children: props.children });
 }
@@ -827,7 +827,7 @@ function Form(props) {
     }
     setComputedProps(propsCopy);
   }, [props]);
-  const onValuesChange = useCallback(
+  const onValuesChange = useEqualCallback(
     (changedValues, allValues) => {
       console.debug("Form:onValuesChange", changedValues, allValues);
       if (props.onValuesChange) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "3.0.0-canary.4",
+  "version": "3.1.0",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -38,7 +38,7 @@
     "lodash-es": "*"
   },
   "peerDependencies": {
-    "@faasjs/react": "3.0.0-canary.4",
+    "@faasjs/react": "3.1.0",
     "antd": "*",
     "react": "*",
     "react-dom": "*",
@@ -46,7 +46,7 @@
   },
   "devDependencies": {
     "@types/lodash-es": "*",
-    "@faasjs/react": "3.0.0-canary.4",
+    "@faasjs/react": "3.1.0",
     "antd": "*",
     "react": "*",
     "react-dom": "*",