@faasjs/ant-design 6.4.2 → 6.4.3

package/README.md

@@ -65,6 +65,7 @@ type FaasItemProps = {
 - [useDrawer](functions/useDrawer.md)
 - [useFaas](functions/useFaas.md)
 - [useModal](functions/useModal.md)
+- [useThemeToken](functions/useThemeToken.md)
 - [withFaasData](functions/withFaasData.md)
 
 ## Interfaces

package/dist/index.cjs

@@ -54,7 +54,7 @@ var ConfigContext = react$1.createContext({
   theme: baseTheme
 });
 function ConfigProvider(props) {
-  const [theme, setTheme] = react$1.useState(baseTheme);
+  const [theme2, setTheme] = react$1.useState(baseTheme);
   react.useEqualEffect(() => {
     const lang = props.theme?.lang || (!props.theme?.lang && /^zh/i.test(navigator.language) ? "zh" : "en");
     if (lang === "zh") {
@@ -73,8 +73,8 @@ function ConfigProvider(props) {
     } else setTheme(lodashEs.defaultsDeep(props.theme, baseTheme));
     if (props.faasClientOptions) react.FaasReactClient(props.faasClientOptions);
   }, [props.theme]);
-  if (!theme) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(ConfigContext.Provider, { value: { theme }, children: props.children });
+  if (!theme2) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(ConfigContext.Provider, { value: { theme: theme2 }, children: props.children });
 }
 function useConfigContext() {
   return react$1.useContext(ConfigContext);
@@ -237,8 +237,8 @@ var useApp = AppContext.use;
 App.useApp = useApp;
 App.whyDidYouRender = true;
 function Blank(options) {
-  const { theme } = useConfigContext();
-  return !options || options.value === undefined || options.value === null || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { disabled: true, children: options?.text || theme.Blank.text }) : options.value;
+  const { theme: theme2 } = useConfigContext();
+  return !options || options.value === undefined || options.value === null || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { disabled: true, children: options?.text || theme2.Blank.text }) : options.value;
 }
 Blank.whyDidYouRender = true;
 function upperFirst(str) {
@@ -463,7 +463,9 @@ function Description({
     {
       ...props,
       title: typeof renderTitle === "function" ? renderTitle(dataSource) : props.title,
-      items: props.items.filter((item) => item && (!item.if || item.if(dataSource))).map((item) => ({
+      items: props.items.filter(
+        (item) => item && !(item.descriptionChildren === null || item.children === null || item.descriptionRender === null || item.render === null) && (!item.if || item.if(dataSource))
+      ).map((item) => ({
         ...item,
         key: item.id,
         label: item.title || upperFirst(item.id),
@@ -529,7 +531,7 @@ function processProps(propsCopy, config) {
 function FormItem(props) {
   const [computedProps, setComputedProps] = react$1.useState();
   const [extendTypes, setExtendTypes] = react$1.useState();
-  const { theme } = useConfigContext();
+  const { theme: theme2 } = useConfigContext();
   const [hidden, setHidden] = react$1.useState(props.hidden || false);
   react$1.useEffect(() => {
     const { extendTypes: extendTypes2, ...propsCopy } = { ...props };
@@ -549,7 +551,7 @@ function FormItem(props) {
       delete propsCopy.if;
       delete propsCopy.hidden;
     }
-    setComputedProps(processProps(propsCopy, theme.common));
+    setComputedProps(processProps(propsCopy, theme2.common));
   }, [props]);
   if (!computedProps) return null;
   if (hidden)
@@ -719,7 +721,7 @@ function FormItem(props) {
                     danger: true,
                     type: "link",
                     onClick: () => remove(field.name),
-                    children: theme.common.delete
+                    children: theme2.common.delete
                   }
                 )
               ] }) }),
@@ -734,7 +736,7 @@ function FormItem(props) {
                   onClick: () => add(),
                   icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
                   children: [
-                    theme.common.add,
+                    theme2.common.add,
                     " ",
                     computedProps.label
                   ]
@@ -882,11 +884,11 @@ Form.List = antd.Form.List;
 Form.ErrorList = antd.Form.ErrorList;
 Form.Provider = antd.Form.Provider;
 function Link(props) {
-  const { theme } = useConfigContext();
+  const { theme: theme2 } = useConfigContext();
   const navigate = reactRouterDom.useNavigate();
-  const target = props.target || theme.Link?.target || (props.href.startsWith("http") ? "_blank" : undefined);
+  const target = props.target || theme2.Link?.target || (props.href.startsWith("http") ? "_blank" : undefined);
   let computedStyle = {
-    ...theme.Link.style || {},
+    ...theme2.Link.style || {},
     cursor: "pointer",
     ...props.style
   };
@@ -936,8 +938,8 @@ function Link(props) {
 }
 Link.whyDidYouRender = true;
 function PageNotFound() {
-  const { theme } = useConfigContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(antd.Result, { status: "404", title: theme.common.pageNotFound });
+  const { theme: theme2 } = useConfigContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(antd.Result, { status: "404", title: theme2.common.pageNotFound });
 }
 function Routes(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
@@ -980,7 +982,7 @@ function processValue(item, value) {
 }
 function Table(props) {
   const [columns, setColumns] = react$1.useState();
-  const { theme } = useConfigContext();
+  const { theme: theme2 } = useConfigContext();
   const generateFilterDropdown = (item) => {
     if (item.filterDropdown && item.filterDropdown !== true) return;
     if (item.options.length < 11) {
@@ -1006,7 +1008,7 @@ function Table(props) {
             allowClear: true,
             showSearch: true,
             style: { width: "100%" },
-            placeholder: `${theme.common.search} ${item.title}`,
+            placeholder: `${theme2.common.search} ${item.title}`,
             value: selectedKeys,
             onChange: (v) => {
               setSelectedKeys(v?.length ? v : []);
@@ -1025,7 +1027,9 @@ function Table(props) {
     return item;
   };
   react$1.useEffect(() => {
-    const items = lodashEs.cloneDeep(props.items);
+    const items = lodashEs.cloneDeep(props.items).filter(
+      (item) => !(item.tableChildren === null || item.children === null || item.tableRender === null || item.render === null)
+    );
     for (const item of items) {
       if (!item.key) item.key = item.id;
       if (!item.dataIndex) item.dataIndex = item.id;
@@ -1042,11 +1046,6 @@ function Table(props) {
         });
         generateFilterDropdown(item);
       }
-      const isNull = item.tableChildren === null || item.children === null || item.tableRender === null || item.render === null;
-      if (isNull) {
-        item.render = () => null;
-        continue;
-      }
       const children = item.tableChildren || item.children;
       if (children) {
         item.render = (value, values) => cloneUnionFaasItemElement(children, {
@@ -1096,7 +1095,7 @@ function Table(props) {
               }) => /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Input.Search,
                 {
-                  placeholder: `${theme.common.search} ${item.title}`,
+                  placeholder: `${theme2.common.search} ${item.title}`,
                   allowClear: true,
                   onSearch: (v) => {
                     if (v) {
@@ -1132,7 +1131,7 @@ function Table(props) {
               }) => /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Input.Search,
                 {
-                  placeholder: `${theme.common.search} ${item.title}`,
+                  placeholder: `${theme2.common.search} ${item.title}`,
                   allowClear: true,
                   onSearch: (v) => {
                     if (v) {
@@ -1166,7 +1165,7 @@ function Table(props) {
               }) => /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Input.Search,
                 {
-                  placeholder: `${theme.common.search} ${item.title}`,
+                  placeholder: `${theme2.common.search} ${item.title}`,
                   allowClear: true,
                   onSearch: (v) => {
                     if (v) {
@@ -1200,7 +1199,7 @@ function Table(props) {
               }) => /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Input.Search,
                 {
-                  placeholder: `${theme.common.search} ${item.title}`,
+                  placeholder: `${theme2.common.search} ${item.title}`,
                   allowClear: true,
                   onSearch: (v) => {
                     if (v) {
@@ -1258,7 +1257,7 @@ function Table(props) {
                     confirm();
                   },
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(antd.Radio.Button, { children: theme.common.all }),
+                    /* @__PURE__ */ jsxRuntime.jsx(antd.Radio.Button, { children: theme2.common.all }),
                     /* @__PURE__ */ jsxRuntime.jsx(antd.Radio.Button, { value: "true", children: /* @__PURE__ */ jsxRuntime.jsx(
                       icons.CheckOutlined,
                       {
@@ -1277,7 +1276,7 @@ function Table(props) {
                         }
                       }
                     ) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(antd.Radio.Button, { value: "null", children: theme.common.blank })
+                    /* @__PURE__ */ jsxRuntime.jsx(antd.Radio.Button, { value: "null", children: theme2.common.blank })
                   ]
                 }
               );
@@ -1544,11 +1543,11 @@ function Tabs(props) {
 }
 Tabs.whyDidYouRender = true;
 function Title(props) {
-  const { theme } = useConfigContext();
+  const { theme: theme2 } = useConfigContext();
   react$1.useEffect(() => {
     const title = Array.isArray(props.title) ? props.title : [props.title];
-    document.title = title.concat(props.suffix || theme.Title.suffix).filter((t) => !!t).join(props.separator || theme.Title.separator);
-  }, [props, theme.Title]);
+    document.title = title.concat(props.suffix || theme2.Title.suffix).filter((t) => !!t).join(props.separator || theme2.Title.separator);
+  }, [props, theme2.Title]);
   if (props.h1) {
     if (typeof props.h1 === "boolean")
       return /* @__PURE__ */ jsxRuntime.jsx("h1", { children: Array.isArray(props.title) ? props.title[0] : props.title });
@@ -1561,6 +1560,10 @@ function Title(props) {
   return null;
 }
 Title.whyDidYouRender = true;
+function useThemeToken() {
+  const config = antd.theme.useToken();
+  return config.token;
+}
 
 Object.defineProperty(exports, "faas", {
   enumerable: true,
@@ -1600,4 +1603,5 @@ exports.useApp = useApp;
 exports.useConfigContext = useConfigContext;
 exports.useDrawer = useDrawer;
 exports.useModal = useModal;
+exports.useThemeToken = useThemeToken;
 exports.withFaasData = withFaasData;

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import { FaasReactClientOptions, ErrorBoundaryProps, FaasDataInjection as FaasDa
 export { ErrorBoundaryProps, faas, useFaas } from '@faasjs/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { StyleProviderProps } from '@ant-design/cssinjs';
-import { DrawerProps as DrawerProps$1, ModalProps as ModalProps$1, ConfigProviderProps as ConfigProviderProps$1, DescriptionsProps, FormItemProps as FormItemProps$1, FormInstance, InputProps, SelectProps, RadioProps, InputNumberProps, SwitchProps, DatePickerProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1 } from 'antd';
+import { DrawerProps as DrawerProps$1, ModalProps as ModalProps$1, ConfigProviderProps as ConfigProviderProps$1, DescriptionsProps, FormItemProps as FormItemProps$1, FormInstance, InputProps, SelectProps, RadioProps, InputNumberProps, SwitchProps, DatePickerProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1, GlobalToken } from 'antd';
 import { MessageInstance } from 'antd/es/message/interface';
 import { NotificationInstance } from 'antd/es/notification/interface';
 import { BrowserRouterProps, RouteProps } from 'react-router-dom';
@@ -582,9 +582,6 @@ type UnionFaasItemRender<Value = any, Values = any> = (value: Value, values: Val
 /**
  * Represents a React element that is used in the UnionFaasItem context.
  *
- * @template Value - The type of the value associated with the element. Defaults to `any`.
- * @template Values - The type of the values associated with the element. Defaults to `any`.
- *
  * This type can either be a React element with the specified injection types or `null`.
  *
  * @example
@@ -628,7 +625,7 @@ type UnionFaasItemElement<Value = any, Values = any> = ReactElement<UnionFaasIte
  *
  * ### Render Priority Order
  *
- * 1. **Null Rendering**
+ * 1. **Null Rendering** (Notice: it also doesn't render column in table and description)
  *    1. Returns `null` if specific children or render props are null:
  *        - `formChildren` / `descriptionChildren` / `tableChildren` / `formRender` / `descriptionRender` / `tableRender`
  *    2. Returns `null` if `children` or `render` prop is null
@@ -907,4 +904,14 @@ declare namespace Title {
     var whyDidYouRender: boolean;
 }
 
-export { App, type AppProps, type BaseItemProps, type BaseOption, Blank, type BlankProps, ConfigContext, ConfigProvider, type ConfigProviderProps, Description, type DescriptionItemContentProps, type DescriptionItemProps, type DescriptionProps, Drawer, type DrawerProps, ErrorBoundary, type ExtendDescriptionItemProps, type ExtendDescriptionTypeProps, type ExtendFormItemProps, type ExtendFormTypeProps, type ExtendTableItemProps, type ExtendTableTypeProps, type ExtendTypes, type FaasDataInjection, FaasDataWrapper, type FaasDataWrapperProps, type FaasItemProps, type FaasItemType, type FaasItemTypeValue, Form, FormItem, type FormItemProps, type FormProps, type FormSubmitProps, Link, type LinkProps, Loading, type LoadingProps, Modal, type ModalProps, PageNotFound, Routes, type RoutesProps, type TabProps, Table, type TableItemProps, type TableProps, Tabs, type TabsProps, Title, type TitleProps, type UnionFaasItemElement, type UnionFaasItemInjection, type UnionFaasItemProps, type UnionFaasItemRender, type UnionScene, cloneUnionFaasItemElement, type setDrawerProps, type setModalProps, transferOptions, transferValue, upperFirst, useApp, type useAppProps, useConfigContext, useDrawer, useModal, withFaasData };
+/**
+ * Hook to retrieve the theme token from the Ant Design theme configuration.
+ *
+ * This function uses the `theme.useToken` method to get the current theme configuration
+ * and returns the `token` property from the configuration.
+ *
+ * @returns {GlobalToken} The theme token from the Ant Design theme configuration.
+ */
+declare function useThemeToken(): GlobalToken;
+
+export { App, type AppProps, type BaseItemProps, type BaseOption, Blank, type BlankProps, ConfigContext, ConfigProvider, type ConfigProviderProps, Description, type DescriptionItemContentProps, type DescriptionItemProps, type DescriptionProps, Drawer, type DrawerProps, ErrorBoundary, type ExtendDescriptionItemProps, type ExtendDescriptionTypeProps, type ExtendFormItemProps, type ExtendFormTypeProps, type ExtendTableItemProps, type ExtendTableTypeProps, type ExtendTypes, type FaasDataInjection, FaasDataWrapper, type FaasDataWrapperProps, type FaasItemProps, type FaasItemType, type FaasItemTypeValue, Form, FormItem, type FormItemProps, type FormProps, type FormSubmitProps, Link, type LinkProps, Loading, type LoadingProps, Modal, type ModalProps, PageNotFound, Routes, type RoutesProps, type TabProps, Table, type TableItemProps, type TableProps, Tabs, type TabsProps, Title, type TitleProps, type UnionFaasItemElement, type UnionFaasItemInjection, type UnionFaasItemProps, type UnionFaasItemRender, type UnionScene, cloneUnionFaasItemElement, type setDrawerProps, type setModalProps, transferOptions, transferValue, upperFirst, useApp, type useAppProps, useConfigContext, useDrawer, useModal, useThemeToken, withFaasData };

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { createSplittingContext, useEqualEffect, FaasReactClient, useEqualCallback, ErrorBoundary as ErrorBoundary$1, useEqualMemo, OptionalWrapper, FaasDataWrapper as FaasDataWrapper$1, withFaasData as withFaasData$1, faas } from '@faasjs/react';
 export { faas, useFaas } from '@faasjs/react';
 import { legacyLogicalPropertiesTransformer, StyleProvider } from '@ant-design/cssinjs';
-import { Form as Form$1, Drawer as Drawer$1, Modal as Modal$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 { Form as Form$1, Drawer as Drawer$1, Modal as Modal$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, theme, Alert, Space } from 'antd';
 import { BrowserRouter, useNavigate, Routes as Routes$1, Route, useLocation } from 'react-router-dom';
 import { defaultsDeep, cloneDeep, isNil, uniqBy } from 'lodash-es';
 import { createContext, useState, useContext, cloneElement, isValidElement, createElement, useEffect, Suspense } from 'react';
@@ -50,7 +50,7 @@ var ConfigContext = createContext({
   theme: baseTheme
 });
 function ConfigProvider(props) {
-  const [theme, setTheme] = useState(baseTheme);
+  const [theme2, setTheme] = useState(baseTheme);
   useEqualEffect(() => {
     const lang = props.theme?.lang || (!props.theme?.lang && /^zh/i.test(navigator.language) ? "zh" : "en");
     if (lang === "zh") {
@@ -69,8 +69,8 @@ function ConfigProvider(props) {
     } else setTheme(defaultsDeep(props.theme, baseTheme));
     if (props.faasClientOptions) FaasReactClient(props.faasClientOptions);
   }, [props.theme]);
-  if (!theme) return null;
-  return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: { theme }, children: props.children });
+  if (!theme2) return null;
+  return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: { theme: theme2 }, children: props.children });
 }
 function useConfigContext() {
   return useContext(ConfigContext);
@@ -233,8 +233,8 @@ var useApp = AppContext.use;
 App.useApp = useApp;
 App.whyDidYouRender = true;
 function Blank(options) {
-  const { theme } = useConfigContext();
-  return !options || options.value === undefined || options.value === null || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsx(Typography.Text, { disabled: true, children: options?.text || theme.Blank.text }) : options.value;
+  const { theme: theme2 } = useConfigContext();
+  return !options || options.value === undefined || options.value === null || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsx(Typography.Text, { disabled: true, children: options?.text || theme2.Blank.text }) : options.value;
 }
 Blank.whyDidYouRender = true;
 function upperFirst(str) {
@@ -459,7 +459,9 @@ function Description({
     {
       ...props,
       title: typeof renderTitle === "function" ? renderTitle(dataSource) : props.title,
-      items: props.items.filter((item) => item && (!item.if || item.if(dataSource))).map((item) => ({
+      items: props.items.filter(
+        (item) => item && !(item.descriptionChildren === null || item.children === null || item.descriptionRender === null || item.render === null) && (!item.if || item.if(dataSource))
+      ).map((item) => ({
         ...item,
         key: item.id,
         label: item.title || upperFirst(item.id),
@@ -525,7 +527,7 @@ function processProps(propsCopy, config) {
 function FormItem(props) {
   const [computedProps, setComputedProps] = useState();
   const [extendTypes, setExtendTypes] = useState();
-  const { theme } = useConfigContext();
+  const { theme: theme2 } = useConfigContext();
   const [hidden, setHidden] = useState(props.hidden || false);
   useEffect(() => {
     const { extendTypes: extendTypes2, ...propsCopy } = { ...props };
@@ -545,7 +547,7 @@ function FormItem(props) {
       delete propsCopy.if;
       delete propsCopy.hidden;
     }
-    setComputedProps(processProps(propsCopy, theme.common));
+    setComputedProps(processProps(propsCopy, theme2.common));
   }, [props]);
   if (!computedProps) return null;
   if (hidden)
@@ -715,7 +717,7 @@ function FormItem(props) {
                     danger: true,
                     type: "link",
                     onClick: () => remove(field.name),
-                    children: theme.common.delete
+                    children: theme2.common.delete
                   }
                 )
               ] }) }),
@@ -730,7 +732,7 @@ function FormItem(props) {
                   onClick: () => add(),
                   icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
                   children: [
-                    theme.common.add,
+                    theme2.common.add,
                     " ",
                     computedProps.label
                   ]
@@ -878,11 +880,11 @@ Form.List = Form$1.List;
 Form.ErrorList = Form$1.ErrorList;
 Form.Provider = Form$1.Provider;
 function Link(props) {
-  const { theme } = useConfigContext();
+  const { theme: theme2 } = useConfigContext();
   const navigate = useNavigate();
-  const target = props.target || theme.Link?.target || (props.href.startsWith("http") ? "_blank" : undefined);
+  const target = props.target || theme2.Link?.target || (props.href.startsWith("http") ? "_blank" : undefined);
   let computedStyle = {
-    ...theme.Link.style || {},
+    ...theme2.Link.style || {},
     cursor: "pointer",
     ...props.style
   };
@@ -932,8 +934,8 @@ function Link(props) {
 }
 Link.whyDidYouRender = true;
 function PageNotFound() {
-  const { theme } = useConfigContext();
-  return /* @__PURE__ */ jsx(Result, { status: "404", title: theme.common.pageNotFound });
+  const { theme: theme2 } = useConfigContext();
+  return /* @__PURE__ */ jsx(Result, { status: "404", title: theme2.common.pageNotFound });
 }
 function Routes(props) {
   return /* @__PURE__ */ jsxs(Routes$1, { children: [
@@ -976,7 +978,7 @@ function processValue(item, value) {
 }
 function Table(props) {
   const [columns, setColumns] = useState();
-  const { theme } = useConfigContext();
+  const { theme: theme2 } = useConfigContext();
   const generateFilterDropdown = (item) => {
     if (item.filterDropdown && item.filterDropdown !== true) return;
     if (item.options.length < 11) {
@@ -1002,7 +1004,7 @@ function Table(props) {
             allowClear: true,
             showSearch: true,
             style: { width: "100%" },
-            placeholder: `${theme.common.search} ${item.title}`,
+            placeholder: `${theme2.common.search} ${item.title}`,
             value: selectedKeys,
             onChange: (v) => {
               setSelectedKeys(v?.length ? v : []);
@@ -1021,7 +1023,9 @@ function Table(props) {
     return item;
   };
   useEffect(() => {
-    const items = cloneDeep(props.items);
+    const items = cloneDeep(props.items).filter(
+      (item) => !(item.tableChildren === null || item.children === null || item.tableRender === null || item.render === null)
+    );
     for (const item of items) {
       if (!item.key) item.key = item.id;
       if (!item.dataIndex) item.dataIndex = item.id;
@@ -1038,11 +1042,6 @@ function Table(props) {
         });
         generateFilterDropdown(item);
       }
-      const isNull = item.tableChildren === null || item.children === null || item.tableRender === null || item.render === null;
-      if (isNull) {
-        item.render = () => null;
-        continue;
-      }
       const children = item.tableChildren || item.children;
       if (children) {
         item.render = (value, values) => cloneUnionFaasItemElement(children, {
@@ -1092,7 +1091,7 @@ function Table(props) {
               }) => /* @__PURE__ */ jsx(
                 Input.Search,
                 {
-                  placeholder: `${theme.common.search} ${item.title}`,
+                  placeholder: `${theme2.common.search} ${item.title}`,
                   allowClear: true,
                   onSearch: (v) => {
                     if (v) {
@@ -1128,7 +1127,7 @@ function Table(props) {
               }) => /* @__PURE__ */ jsx(
                 Input.Search,
                 {
-                  placeholder: `${theme.common.search} ${item.title}`,
+                  placeholder: `${theme2.common.search} ${item.title}`,
                   allowClear: true,
                   onSearch: (v) => {
                     if (v) {
@@ -1162,7 +1161,7 @@ function Table(props) {
               }) => /* @__PURE__ */ jsx(
                 Input.Search,
                 {
-                  placeholder: `${theme.common.search} ${item.title}`,
+                  placeholder: `${theme2.common.search} ${item.title}`,
                   allowClear: true,
                   onSearch: (v) => {
                     if (v) {
@@ -1196,7 +1195,7 @@ function Table(props) {
               }) => /* @__PURE__ */ jsx(
                 Input.Search,
                 {
-                  placeholder: `${theme.common.search} ${item.title}`,
+                  placeholder: `${theme2.common.search} ${item.title}`,
                   allowClear: true,
                   onSearch: (v) => {
                     if (v) {
@@ -1254,7 +1253,7 @@ function Table(props) {
                     confirm();
                   },
                   children: [
-                    /* @__PURE__ */ jsx(Radio.Button, { children: theme.common.all }),
+                    /* @__PURE__ */ jsx(Radio.Button, { children: theme2.common.all }),
                     /* @__PURE__ */ jsx(Radio.Button, { value: "true", children: /* @__PURE__ */ jsx(
                       CheckOutlined,
                       {
@@ -1273,7 +1272,7 @@ function Table(props) {
                         }
                       }
                     ) }),
-                    /* @__PURE__ */ jsx(Radio.Button, { value: "null", children: theme.common.blank })
+                    /* @__PURE__ */ jsx(Radio.Button, { value: "null", children: theme2.common.blank })
                   ]
                 }
               );
@@ -1540,11 +1539,11 @@ function Tabs(props) {
 }
 Tabs.whyDidYouRender = true;
 function Title(props) {
-  const { theme } = useConfigContext();
+  const { theme: theme2 } = useConfigContext();
   useEffect(() => {
     const title = Array.isArray(props.title) ? props.title : [props.title];
-    document.title = title.concat(props.suffix || theme.Title.suffix).filter((t) => !!t).join(props.separator || theme.Title.separator);
-  }, [props, theme.Title]);
+    document.title = title.concat(props.suffix || theme2.Title.suffix).filter((t) => !!t).join(props.separator || theme2.Title.separator);
+  }, [props, theme2.Title]);
   if (props.h1) {
     if (typeof props.h1 === "boolean")
       return /* @__PURE__ */ jsx("h1", { children: Array.isArray(props.title) ? props.title[0] : props.title });
@@ -1557,5 +1556,9 @@ function Title(props) {
   return null;
 }
 Title.whyDidYouRender = true;
+function useThemeToken() {
+  const config = theme.useToken();
+  return config.token;
+}
 
-export { App, Blank, ConfigContext, ConfigProvider, Description, Drawer, ErrorBoundary, FaasDataWrapper, Form, FormItem, Link, Loading, Modal, PageNotFound, Routes, Table, Tabs, Title, cloneUnionFaasItemElement, transferOptions, transferValue, upperFirst, useApp, useConfigContext, useDrawer, useModal, withFaasData };
+export { App, Blank, ConfigContext, ConfigProvider, Description, Drawer, ErrorBoundary, FaasDataWrapper, Form, FormItem, Link, Loading, Modal, PageNotFound, Routes, Table, Tabs, Title, cloneUnionFaasItemElement, transferOptions, transferValue, upperFirst, useApp, useConfigContext, useDrawer, useModal, useThemeToken, withFaasData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "6.4.2",
+  "version": "6.4.3",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -30,7 +30,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@faasjs/react": "6.4.2",
+    "@faasjs/react": "6.4.3",
     "antd": "*",
     "@ant-design/icons": "*",
     "lodash-es": "*",
@@ -40,7 +40,7 @@
   },
   "devDependencies": {
     "@types/lodash-es": "*",
-    "@faasjs/react": "6.4.2",
+    "@faasjs/react": "6.4.3",
     "antd": "*",
     "@ant-design/icons": "*",
     "lodash-es": "*",