@faasjs/ant-design 0.0.3-beta.69 → 0.0.3-beta.70

package/dist/index.js

@@ -54,7 +54,7 @@ __export(src_exports, {
   Description: () => Description,
   Drawer: () => import_antd2.Drawer,
   ErrorBoundary: () => ErrorBoundary,
-  FaasDataWrapper: () => FaasDataWrapper2,
+  FaasDataWrapper: () => FaasDataWrapper,
   Form: () => Form,
   FormItem: () => FormItem,
   Link: () => Link,
@@ -65,7 +65,7 @@ __export(src_exports, {
   Table: () => Table,
   Tabs: () => Tabs,
   Title: () => Title,
-  lazy: () => import_react14.lazy,
+  lazy: () => import_react12.lazy,
   transferOptions: () => transferOptions,
   transferValue: () => transferValue,
   useApp: () => useApp,
@@ -75,20 +75,17 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
-// react-shim.js
-var import_react = __toESM(require("react"));
-
 // src/App.tsx
 var import_antd3 = require("antd");
 var import_cssinjs = require("@ant-design/cssinjs");
-var import_react4 = require("react");
+var import_react3 = require("react");
 
 // src/Modal.tsx
 var import_antd = require("antd");
-var import_react2 = require("react");
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function useModal(init) {
-  const [props, setProps] = (0, import_react2.useState)(__spreadValues({
+  const [props, setProps] = (0, import_react.useState)(__spreadValues({
     open: false,
     onCancel: () => setProps((prev) => __spreadProps(__spreadValues({}, prev), {
       open: false
@@ -105,10 +102,10 @@ function useModal(init) {
 
 // src/Drawer.tsx
 var import_antd2 = require("antd");
-var import_react3 = require("react");
+var import_react2 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function useDrawer(init) {
-  const [props, setProps] = (0, import_react3.useState)(__spreadValues({
+  const [props, setProps] = (0, import_react2.useState)(__spreadValues({
     open: false,
     onClose: () => setProps((prev) => __spreadProps(__spreadValues({}, prev), {
       open: false
@@ -126,7 +123,7 @@ function useDrawer(init) {
 // src/App.tsx
 var import_react_router_dom = require("react-router-dom");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var AppContext = (0, import_react4.createContext)({
+var AppContext = (0, import_react3.createContext)({
   message: {},
   notification: {},
   setModalProps: () => void 0,
@@ -135,7 +132,7 @@ var AppContext = (0, import_react4.createContext)({
 function RoutesApp(props) {
   const location = (0, import_react_router_dom.useLocation)();
   const { setDrawerProps, setModalProps } = useApp();
-  (0, import_react4.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     console.debug("location", location);
     setDrawerProps({ open: false });
     setModalProps({ open: false });
@@ -147,7 +144,7 @@ function App(props) {
   const [notificationApi, notificationContextHolder] = import_antd3.notification.useNotification();
   const { modal, setModalProps } = useModal();
   const { drawer, setDrawerProps } = useDrawer();
-  const memoizedContextValue = (0, import_react4.useMemo)(
+  const memoizedContextValue = (0, import_react3.useMemo)(
     () => ({
       message: messageApi,
       notification: notificationApi,
@@ -178,7 +175,7 @@ function App(props) {
   );
 }
 function useApp() {
-  return (0, import_react4.useContext)(AppContext);
+  return (0, import_react3.useContext)(AppContext);
 }
 App.useApp = useApp;
 
@@ -187,7 +184,7 @@ var import_antd4 = require("antd");
 var import_lodash_es2 = require("lodash-es");
 
 // src/Config.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 var import_lodash_es = require("lodash-es");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var isZH = /^zh/i.test(navigator.language);
@@ -228,13 +225,13 @@ var baseConfig = {
   },
   Link: { style: {} }
 };
-var ConfigContext = (0, import_react5.createContext)(baseConfig);
+var ConfigContext = (0, import_react4.createContext)(baseConfig);
 function ConfigProvider2({
   config,
   children
 }) {
-  const [values, setValues] = (0, import_react5.useState)(baseConfig);
-  (0, import_react5.useEffect)(() => {
+  const [values, setValues] = (0, import_react4.useState)(baseConfig);
+  (0, import_react4.useEffect)(() => {
     if (config.lang === "zh") {
       setValues((0, import_lodash_es.defaultsDeep)(config, {
         lang: "zh",
@@ -248,7 +245,7 @@ function ConfigProvider2({
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ConfigContext.Provider, { value: values, children });
 }
 function useConfigContext() {
-  return (0, import_react5.useContext)(ConfigContext);
+  return (0, import_react4.useContext)(ConfigContext);
 }
 
 // src/Blank.tsx
@@ -289,31 +286,10 @@ function transferValue(type, value) {
 var import_icons = require("@ant-design/icons");
 var import_antd6 = require("antd");
 var import_lodash_es4 = require("lodash-es");
-var import_react8 = require("react");
-
-// ../react/dist/index.mjs
 var import_react6 = require("react");
-var clients = {};
-function getClient(domain) {
-  const client = clients[domain || Object.keys(clients)[0]];
-  if (!client)
-    throw Error("FaasReactClient is not initialized");
-  return client;
-}
-async function faas(action, params) {
-  return getClient().faas(action, params);
-}
-function FaasDataWrapper(props) {
-  const [client, setClient] = (0, import_react6.useState)();
-  (0, import_react6.useEffect)(() => {
-    if (client)
-      return;
-    setClient(getClient());
-  }, []);
-  if (!client)
-    return props.fallback || null;
-  return (0, import_react6.createElement)(client.FaasDataWrapper, props);
-}
+
+// src/FaasDataWrapper.tsx
+var import_react5 = require("@faasjs/react");
 
 // src/Loading.tsx
 var import_antd5 = require("antd");
@@ -329,9 +305,9 @@ function Loading(props) {
 
 // src/FaasDataWrapper.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-function FaasDataWrapper2(props) {
+function FaasDataWrapper(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    FaasDataWrapper,
+    import_react5.FaasDataWrapper,
     __spreadValues({
       fallback: props.loading || /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Loading, __spreadValues({}, props.loadingProps))
     }, props)
@@ -342,8 +318,8 @@ function FaasDataWrapper2(props) {
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function DescriptionItemContent(props) {
   var _a;
-  const [computedProps, setComputedProps] = (0, import_react8.useState)();
-  (0, import_react8.useEffect)(() => {
+  const [computedProps, setComputedProps] = (0, import_react6.useState)();
+  (0, import_react6.useEffect)(() => {
     var _a2, _b;
     const propsCopy = __spreadValues({}, props);
     if (!propsCopy.item.title)
@@ -373,7 +349,7 @@ function DescriptionItemContent(props) {
     return null;
   if (computedProps.extendTypes && computedProps.extendTypes[computedProps.item.type])
     if (computedProps.extendTypes[computedProps.item.type].children)
-      return (0, import_react8.cloneElement)(
+      return (0, import_react6.cloneElement)(
         computedProps.extendTypes[computedProps.item.type].children,
         {
           scene: "description",
@@ -388,7 +364,7 @@ function DescriptionItemContent(props) {
   if (computedProps.item.descriptionChildren === null)
     return null;
   if (computedProps.item.descriptionChildren)
-    return (0, import_react8.cloneElement)(computedProps.item.descriptionChildren, {
+    return (0, import_react6.cloneElement)(computedProps.item.descriptionChildren, {
       scene: "description",
       value: computedProps.value,
       values: computedProps.values
@@ -396,7 +372,7 @@ function DescriptionItemContent(props) {
   if (computedProps.item.children === null)
     return null;
   if (computedProps.item.children)
-    return (0, import_react8.cloneElement)(computedProps.item.children, {
+    return (0, import_react6.cloneElement)(computedProps.item.children, {
       scene: "description",
       value: computedProps.value,
       values: computedProps.values
@@ -480,7 +456,7 @@ function Description(props) {
       })
     );
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    FaasDataWrapper2,
+    FaasDataWrapper,
     __spreadValues({
       render: ({ data }) => {
         return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
@@ -513,10 +489,10 @@ function Description(props) {
 }
 
 // src/ErrorBoundary.tsx
-var import_react9 = require("react");
+var import_react7 = require("react");
 var import_antd7 = require("antd");
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var ErrorBoundary = class extends import_react9.Component {
+var ErrorBoundary = class extends import_react7.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -560,13 +536,14 @@ var ErrorBoundary = class extends import_react9.Component {
 };
 
 // src/Form.tsx
+var import_react9 = require("@faasjs/react");
 var import_antd9 = require("antd");
-var import_react12 = require("react");
+var import_react10 = require("react");
 
 // src/FormItem.tsx
 var import_antd8 = require("antd");
 var import_icons2 = require("@ant-design/icons");
-var import_react10 = require("react");
+var import_react8 = require("react");
 var import_lodash_es5 = require("lodash-es");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function processProps(propsCopy, config) {
@@ -617,11 +594,11 @@ function processProps(propsCopy, config) {
 }
 function FormItem(props) {
   var _a;
-  const [computedProps, setComputedProps] = (0, import_react10.useState)();
-  const [extendTypes, setExtendTypes] = (0, import_react10.useState)();
+  const [computedProps, setComputedProps] = (0, import_react8.useState)();
+  const [extendTypes, setExtendTypes] = (0, import_react8.useState)();
   const { common: common2 } = useConfigContext();
-  const [hidden, setHidden] = (0, import_react10.useState)(props.hidden || false);
-  (0, import_react10.useEffect)(() => {
+  const [hidden, setHidden] = (0, import_react8.useState)(props.hidden || false);
+  (0, import_react8.useEffect)(() => {
     const propsCopy = __spreadValues({}, props);
     if (propsCopy.extendTypes) {
       setExtendTypes(propsCopy.extendTypes);
@@ -658,11 +635,11 @@ function FormItem(props) {
   if (computedProps.formChildren === null)
     return null;
   if (computedProps.formChildren)
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd8.Form.Item, __spreadProps(__spreadValues({}, computedProps), { children: (0, import_react10.cloneElement)(computedProps.formChildren, { scene: "form" }) }));
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd8.Form.Item, __spreadProps(__spreadValues({}, computedProps), { children: (0, import_react8.cloneElement)(computedProps.formChildren, { scene: "form" }) }));
   if (computedProps.children === null)
     return null;
   if (computedProps.children)
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd8.Form.Item, __spreadProps(__spreadValues({}, computedProps), { children: (0, import_react10.cloneElement)(computedProps.children, { scene: "form" }) }));
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd8.Form.Item, __spreadProps(__spreadValues({}, computedProps), { children: (0, import_react8.cloneElement)(computedProps.children, { scene: "form" }) }));
   if (computedProps.formRender)
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd8.Form.Item, __spreadProps(__spreadValues({}, computedProps), { children: computedProps.formRender(null, null, 0, "form") }));
   if (computedProps.render)
@@ -897,13 +874,13 @@ FormItem.useStatus = import_antd8.Form.Item.useStatus;
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function Form(props) {
   var _a, _b;
-  const [loading, setLoading] = (0, import_react12.useState)(false);
-  const [computedProps, setComputedProps] = (0, import_react12.useState)();
+  const [loading, setLoading] = (0, import_react10.useState)(false);
+  const [computedProps, setComputedProps] = (0, import_react10.useState)();
   const config = useConfigContext();
-  const [extendTypes, setExtendTypes] = (0, import_react12.useState)();
+  const [extendTypes, setExtendTypes] = (0, import_react10.useState)();
   const [form] = import_antd9.Form.useForm(props.form);
-  const [initialValues, setInitialValues] = (0, import_react12.useState)(props.initialValues);
-  (0, import_react12.useEffect)(() => {
+  const [initialValues, setInitialValues] = (0, import_react10.useState)(props.initialValues);
+  (0, import_react10.useEffect)(() => {
     var _a2, _b2, _c;
     const propsCopy = __spreadProps(__spreadValues({}, props), {
       form
@@ -931,7 +908,7 @@ function Form(props) {
         setLoading(true);
         try {
           if (propsCopy.submit && ((_a3 = propsCopy.submit.to) == null ? void 0 : _a3.action)) {
-            await props.onFinish(values, async (values2) => faas(propsCopy.submit.to.action, propsCopy.submit.to.params ? __spreadValues(__spreadValues({}, values2), propsCopy.submit.to.params) : values2));
+            await props.onFinish(values, async (values2) => (0, import_react9.faas)(propsCopy.submit.to.action, propsCopy.submit.to.params ? __spreadValues(__spreadValues({}, values2), propsCopy.submit.to.params) : values2));
           } else
             await props.onFinish(values);
         } catch (error) {
@@ -942,7 +919,7 @@ function Form(props) {
     } else if (propsCopy.submit && ((_c = propsCopy.submit.to) == null ? void 0 : _c.action)) {
       propsCopy.onFinish = async (values) => {
         setLoading(true);
-        return faas(propsCopy.submit.to.action, propsCopy.submit.to.params ? __spreadValues(__spreadValues({}, values), propsCopy.submit.to.params) : values).then((result) => {
+        return (0, import_react9.faas)(propsCopy.submit.to.action, propsCopy.submit.to.params ? __spreadValues(__spreadValues({}, values), propsCopy.submit.to.params) : values).then((result) => {
           if (propsCopy.submit.to.then)
             propsCopy.submit.to.then(result);
           return result;
@@ -963,7 +940,7 @@ function Form(props) {
     }
     setComputedProps(propsCopy);
   }, [props]);
-  const onValuesChange = (0, import_react12.useCallback)((changedValues, allValues) => {
+  const onValuesChange = (0, import_react10.useCallback)((changedValues, allValues) => {
     console.debug("Form:onValuesChange", changedValues, allValues);
     if (props.onValuesChange) {
       props.onValuesChange(changedValues, allValues);
@@ -976,7 +953,7 @@ function Form(props) {
         item.onValueChange(changedValues[key], allValues, form);
     }
   }, [computedProps]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!initialValues)
       return;
     console.debug("Form:initialValues", initialValues);
@@ -991,7 +968,7 @@ function Form(props) {
       onValuesChange,
       children: [
         computedProps.beforeItems,
-        (_a = computedProps.items) == null ? void 0 : _a.map((item) => (0, import_react12.isValidElement)(item) ? item : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        (_a = computedProps.items) == null ? void 0 : _a.map((item) => (0, import_react10.isValidElement)(item) ? item : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           FormItem,
           __spreadProps(__spreadValues({}, item), {
             extendTypes
@@ -1085,9 +1062,9 @@ function Link(props) {
 
 // src/Routers.tsx
 var import_antd11 = require("antd");
-var import_react13 = require("react");
+var import_react11 = require("react");
 var import_react_router_dom3 = require("react-router-dom");
-var import_react14 = require("react");
+var import_react12 = require("react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function PageNotFound() {
   const config = useConfigContext();
@@ -1104,7 +1081,7 @@ function Routes(props) {
     props.routes.map((r) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       import_react_router_dom3.Route,
       __spreadProps(__spreadValues({}, r), {
-        element: r.element || /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react13.Suspense, { fallback: props.fallback || /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { padding: "24px" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd11.Skeleton, { active: true }) }), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(r.page, {}) })
+        element: r.element || /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react11.Suspense, { fallback: props.fallback || /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { padding: "24px" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd11.Skeleton, { active: true }) }), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(r.page, {}) })
       }),
       r.path
     )),
@@ -1120,7 +1097,7 @@ function Routes(props) {
 }
 
 // src/Table.tsx
-var import_react15 = require("react");
+var import_react13 = require("react");
 var import_antd12 = require("antd");
 var import_dayjs2 = __toESM(require("dayjs"));
 var import_icons3 = require("@ant-design/icons");
@@ -1151,7 +1128,7 @@ function processValue(item, value) {
   return value;
 }
 function Table(props) {
-  const [columns, setColumns] = (0, import_react15.useState)();
+  const [columns, setColumns] = (0, import_react13.useState)();
   const { common: common2 } = useConfigContext();
   const generateFilterDropdown = (item) => {
     if (typeof item.filterDropdown !== "undefined")
@@ -1202,7 +1179,7 @@ function Table(props) {
     );
     return item;
   };
-  (0, import_react15.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     var _a;
     for (const item of props.items) {
       if (!item.key)
@@ -1227,7 +1204,7 @@ function Table(props) {
       if (item.tableChildren === null)
         item.render = () => null;
       else if (item.tableChildren)
-        item.render = (value, values) => (0, import_react15.cloneElement)(
+        item.render = (value, values) => (0, import_react13.cloneElement)(
           item.tableChildren,
           {
             scene: "table",
@@ -1238,7 +1215,7 @@ function Table(props) {
       else if (item.children === null)
         item.render = () => null;
       else if (item.children)
-        item.render = (value, values) => (0, import_react15.cloneElement)(
+        item.render = (value, values) => (0, import_react13.cloneElement)(
           item.children,
           {
             scene: "table",
@@ -1248,7 +1225,7 @@ function Table(props) {
         );
       if (props.extendTypes && props.extendTypes[item.type]) {
         if (props.extendTypes[item.type].children)
-          item.render = (value, values) => (0, import_react15.cloneElement)(
+          item.render = (value, values) => (0, import_react13.cloneElement)(
             props.extendTypes[item.type].children,
             {
               scene: "table",
@@ -1563,7 +1540,7 @@ function Table(props) {
     }
     setColumns(props.items);
   }, [JSON.stringify(props.items)]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!props.dataSource || !columns)
       return;
     for (const column of columns) {
@@ -1595,7 +1572,7 @@ function Table(props) {
       })
     );
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    FaasDataWrapper2,
+    FaasDataWrapper,
     __spreadProps(__spreadValues({}, props.faasData), {
       children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         FaasDataTable,
@@ -1614,8 +1591,8 @@ function FaasDataTable({
   params,
   reload
 }) {
-  const [currentColumns, setCurrentColumns] = (0, import_react15.useState)(columns);
-  (0, import_react15.useEffect)(() => {
+  const [currentColumns, setCurrentColumns] = (0, import_react13.useState)(columns);
+  (0, import_react13.useEffect)(() => {
     if (!data || Array.isArray(data))
       return;
     setCurrentColumns((prev) => {
@@ -1700,11 +1677,11 @@ function FaasDataTable({
 
 // src/Tabs.tsx
 var import_antd13 = require("antd");
-var import_react16 = require("react");
+var import_react14 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function Tabs(props) {
-  const [items, setItems] = (0, import_react16.useState)([]);
-  (0, import_react16.useEffect)(() => {
+  const [items, setItems] = (0, import_react14.useState)([]);
+  (0, import_react14.useEffect)(() => {
     setItems(props.items.filter(Boolean).map((item) => __spreadProps(__spreadValues({}, item), {
       key: item.id,
       label: item.title || item.id
@@ -1719,11 +1696,11 @@ function Tabs(props) {
 }
 
 // src/Title.tsx
-var import_react17 = require("react");
+var import_react15 = require("react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function Title(props) {
   const { Title: Title2 } = useConfigContext();
-  (0, import_react17.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const title = Array.isArray(props.title) ? props.title : [props.title];
     document.title = title.concat(props.suffix || Title2.suffix).filter((t) => !!t).join(props.separator || Title2.separator);
   }, [props]);
@@ -1742,7 +1719,7 @@ function Title(props) {
   if (props.plain)
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: Array.isArray(props.title) ? props.title[0] : props.title });
   if (props.children)
-    return (0, import_react17.cloneElement)(props.children, { title: props.title });
+    return (0, import_react15.cloneElement)(props.children, { title: props.title });
   return null;
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -18,9 +18,6 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
-// react-shim.js
-import React from "react";
-
 // src/App.tsx
 import {
   ConfigProvider,
@@ -250,39 +247,13 @@ import {
 } from "antd";
 import { isFunction, upperFirst as upperFirst2 } from "lodash-es";
 import {
-  cloneElement as cloneElement2,
-  useEffect as useEffect4,
-  useState as useState5
-} from "react";
-
-// ../react/dist/index.mjs
-import {
-  useState as useState4,
+  cloneElement,
   useEffect as useEffect3,
-  createElement,
-  cloneElement
+  useState as useState4
 } from "react";
-var clients = {};
-function getClient(domain) {
-  const client = clients[domain || Object.keys(clients)[0]];
-  if (!client)
-    throw Error("FaasReactClient is not initialized");
-  return client;
-}
-async function faas(action, params) {
-  return getClient().faas(action, params);
-}
-function FaasDataWrapper(props) {
-  const [client, setClient] = useState4();
-  useEffect3(() => {
-    if (client)
-      return;
-    setClient(getClient());
-  }, []);
-  if (!client)
-    return props.fallback || null;
-  return createElement(client.FaasDataWrapper, props);
-}
+
+// src/FaasDataWrapper.tsx
+import { FaasDataWrapper as Origin } from "@faasjs/react";
 
 // src/Loading.tsx
 import { Spin } from "antd";
@@ -298,9 +269,9 @@ function Loading(props) {
 
 // src/FaasDataWrapper.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
-function FaasDataWrapper2(props) {
+function FaasDataWrapper(props) {
   return /* @__PURE__ */ jsx7(
-    FaasDataWrapper,
+    Origin,
     __spreadValues({
       fallback: props.loading || /* @__PURE__ */ jsx7(Loading, __spreadValues({}, props.loadingProps))
     }, props)
@@ -311,8 +282,8 @@ function FaasDataWrapper2(props) {
 import { Fragment as Fragment3, jsx as jsx8 } from "react/jsx-runtime";
 function DescriptionItemContent(props) {
   var _a;
-  const [computedProps, setComputedProps] = useState5();
-  useEffect4(() => {
+  const [computedProps, setComputedProps] = useState4();
+  useEffect3(() => {
     var _a2, _b;
     const propsCopy = __spreadValues({}, props);
     if (!propsCopy.item.title)
@@ -342,7 +313,7 @@ function DescriptionItemContent(props) {
     return null;
   if (computedProps.extendTypes && computedProps.extendTypes[computedProps.item.type])
     if (computedProps.extendTypes[computedProps.item.type].children)
-      return cloneElement2(
+      return cloneElement(
         computedProps.extendTypes[computedProps.item.type].children,
         {
           scene: "description",
@@ -357,7 +328,7 @@ function DescriptionItemContent(props) {
   if (computedProps.item.descriptionChildren === null)
     return null;
   if (computedProps.item.descriptionChildren)
-    return cloneElement2(computedProps.item.descriptionChildren, {
+    return cloneElement(computedProps.item.descriptionChildren, {
       scene: "description",
       value: computedProps.value,
       values: computedProps.values
@@ -365,7 +336,7 @@ function DescriptionItemContent(props) {
   if (computedProps.item.children === null)
     return null;
   if (computedProps.item.children)
-    return cloneElement2(computedProps.item.children, {
+    return cloneElement(computedProps.item.children, {
       scene: "description",
       value: computedProps.value,
       values: computedProps.values
@@ -449,7 +420,7 @@ function Description(props) {
       })
     );
   return /* @__PURE__ */ jsx8(
-    FaasDataWrapper2,
+    FaasDataWrapper,
     __spreadValues({
       render: ({ data }) => {
         return /* @__PURE__ */ jsx8(
@@ -529,13 +500,14 @@ var ErrorBoundary = class extends Component {
 };
 
 // src/Form.tsx
+import { faas } from "@faasjs/react";
 import {
   Button as Button2,
   Form as AntdForm2
 } from "antd";
 import {
-  useEffect as useEffect6,
-  useState as useState7,
+  useEffect as useEffect5,
+  useState as useState6,
   useCallback,
   isValidElement
 } from "react";
@@ -555,9 +527,9 @@ import {
 } from "antd";
 import { MinusCircleOutlined, PlusOutlined } from "@ant-design/icons";
 import {
-  cloneElement as cloneElement3,
-  useEffect as useEffect5,
-  useState as useState6
+  cloneElement as cloneElement2,
+  useEffect as useEffect4,
+  useState as useState5
 } from "react";
 import { upperFirst as upperFirst3 } from "lodash-es";
 import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -609,11 +581,11 @@ function processProps(propsCopy, config) {
 }
 function FormItem(props) {
   var _a;
-  const [computedProps, setComputedProps] = useState6();
-  const [extendTypes, setExtendTypes] = useState6();
+  const [computedProps, setComputedProps] = useState5();
+  const [extendTypes, setExtendTypes] = useState5();
   const { common: common2 } = useConfigContext();
-  const [hidden, setHidden] = useState6(props.hidden || false);
-  useEffect5(() => {
+  const [hidden, setHidden] = useState5(props.hidden || false);
+  useEffect4(() => {
     const propsCopy = __spreadValues({}, props);
     if (propsCopy.extendTypes) {
       setExtendTypes(propsCopy.extendTypes);
@@ -650,11 +622,11 @@ function FormItem(props) {
   if (computedProps.formChildren === null)
     return null;
   if (computedProps.formChildren)
-    return /* @__PURE__ */ jsx10(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), { children: cloneElement3(computedProps.formChildren, { scene: "form" }) }));
+    return /* @__PURE__ */ jsx10(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), { children: cloneElement2(computedProps.formChildren, { scene: "form" }) }));
   if (computedProps.children === null)
     return null;
   if (computedProps.children)
-    return /* @__PURE__ */ jsx10(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), { children: cloneElement3(computedProps.children, { scene: "form" }) }));
+    return /* @__PURE__ */ jsx10(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), { children: cloneElement2(computedProps.children, { scene: "form" }) }));
   if (computedProps.formRender)
     return /* @__PURE__ */ jsx10(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), { children: computedProps.formRender(null, null, 0, "form") }));
   if (computedProps.render)
@@ -889,13 +861,13 @@ FormItem.useStatus = AntdForm.Item.useStatus;
 import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 function Form(props) {
   var _a, _b;
-  const [loading, setLoading] = useState7(false);
-  const [computedProps, setComputedProps] = useState7();
+  const [loading, setLoading] = useState6(false);
+  const [computedProps, setComputedProps] = useState6();
   const config = useConfigContext();
-  const [extendTypes, setExtendTypes] = useState7();
+  const [extendTypes, setExtendTypes] = useState6();
   const [form] = AntdForm2.useForm(props.form);
-  const [initialValues, setInitialValues] = useState7(props.initialValues);
-  useEffect6(() => {
+  const [initialValues, setInitialValues] = useState6(props.initialValues);
+  useEffect5(() => {
     var _a2, _b2, _c;
     const propsCopy = __spreadProps(__spreadValues({}, props), {
       form
@@ -968,7 +940,7 @@ function Form(props) {
         item.onValueChange(changedValues[key], allValues, form);
     }
   }, [computedProps]);
-  useEffect6(() => {
+  useEffect5(() => {
     if (!initialValues)
       return;
     console.debug("Form:initialValues", initialValues);
@@ -1118,9 +1090,9 @@ function Routes(props) {
 
 // src/Table.tsx
 import {
-  useState as useState8,
-  useEffect as useEffect7,
-  cloneElement as cloneElement4
+  useState as useState7,
+  useEffect as useEffect6,
+  cloneElement as cloneElement3
 } from "react";
 import {
   Table as AntdTable,
@@ -1162,7 +1134,7 @@ function processValue(item, value) {
   return value;
 }
 function Table(props) {
-  const [columns, setColumns] = useState8();
+  const [columns, setColumns] = useState7();
   const { common: common2 } = useConfigContext();
   const generateFilterDropdown = (item) => {
     if (typeof item.filterDropdown !== "undefined")
@@ -1213,7 +1185,7 @@ function Table(props) {
     );
     return item;
   };
-  useEffect7(() => {
+  useEffect6(() => {
     var _a;
     for (const item of props.items) {
       if (!item.key)
@@ -1238,7 +1210,7 @@ function Table(props) {
       if (item.tableChildren === null)
         item.render = () => null;
       else if (item.tableChildren)
-        item.render = (value, values) => cloneElement4(
+        item.render = (value, values) => cloneElement3(
           item.tableChildren,
           {
             scene: "table",
@@ -1249,7 +1221,7 @@ function Table(props) {
       else if (item.children === null)
         item.render = () => null;
       else if (item.children)
-        item.render = (value, values) => cloneElement4(
+        item.render = (value, values) => cloneElement3(
           item.children,
           {
             scene: "table",
@@ -1259,7 +1231,7 @@ function Table(props) {
         );
       if (props.extendTypes && props.extendTypes[item.type]) {
         if (props.extendTypes[item.type].children)
-          item.render = (value, values) => cloneElement4(
+          item.render = (value, values) => cloneElement3(
             props.extendTypes[item.type].children,
             {
               scene: "table",
@@ -1574,7 +1546,7 @@ function Table(props) {
     }
     setColumns(props.items);
   }, [JSON.stringify(props.items)]);
-  useEffect7(() => {
+  useEffect6(() => {
     if (!props.dataSource || !columns)
       return;
     for (const column of columns) {
@@ -1606,7 +1578,7 @@ function Table(props) {
       })
     );
   return /* @__PURE__ */ jsx14(
-    FaasDataWrapper2,
+    FaasDataWrapper,
     __spreadProps(__spreadValues({}, props.faasData), {
       children: /* @__PURE__ */ jsx14(
         FaasDataTable,
@@ -1625,8 +1597,8 @@ function FaasDataTable({
   params,
   reload
 }) {
-  const [currentColumns, setCurrentColumns] = useState8(columns);
-  useEffect7(() => {
+  const [currentColumns, setCurrentColumns] = useState7(columns);
+  useEffect6(() => {
     if (!data || Array.isArray(data))
       return;
     setCurrentColumns((prev) => {
@@ -1710,19 +1682,19 @@ function FaasDataTable({
 }
 
 // src/Tabs.tsx
-import { Tabs as Origin } from "antd";
-import { useEffect as useEffect8, useState as useState9 } from "react";
+import { Tabs as Origin2 } from "antd";
+import { useEffect as useEffect7, useState as useState8 } from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
 function Tabs(props) {
-  const [items, setItems] = useState9([]);
-  useEffect8(() => {
+  const [items, setItems] = useState8([]);
+  useEffect7(() => {
     setItems(props.items.filter(Boolean).map((item) => __spreadProps(__spreadValues({}, item), {
       key: item.id,
       label: item.title || item.id
     })));
   }, [props.items.filter(Boolean).map((i) => i.id).join("")]);
   return /* @__PURE__ */ jsx15(
-    Origin,
+    Origin2,
     __spreadProps(__spreadValues({}, props), {
       items
     })
@@ -1730,11 +1702,11 @@ function Tabs(props) {
 }
 
 // src/Title.tsx
-import { useEffect as useEffect9, cloneElement as cloneElement5 } from "react";
+import { useEffect as useEffect8, cloneElement as cloneElement4 } from "react";
 import { Fragment as Fragment6, jsx as jsx16 } from "react/jsx-runtime";
 function Title(props) {
   const { Title: Title2 } = useConfigContext();
-  useEffect9(() => {
+  useEffect8(() => {
     const title = Array.isArray(props.title) ? props.title : [props.title];
     document.title = title.concat(props.suffix || Title2.suffix).filter((t) => !!t).join(props.separator || Title2.separator);
   }, [props]);
@@ -1753,7 +1725,7 @@ function Title(props) {
   if (props.plain)
     return /* @__PURE__ */ jsx16(Fragment6, { children: Array.isArray(props.title) ? props.title[0] : props.title });
   if (props.children)
-    return cloneElement5(props.children, { title: props.title });
+    return cloneElement4(props.children, { title: props.title });
   return null;
 }
 export {
@@ -1764,7 +1736,7 @@ export {
   Description,
   Drawer,
   ErrorBoundary,
-  FaasDataWrapper2 as FaasDataWrapper,
+  FaasDataWrapper,
   Form,
   FormItem,
   Link,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "0.0.3-beta.69",
+  "version": "0.0.3-beta.70",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -16,7 +16,7 @@
   },
   "funding": "https://github.com/sponsors/faasjs",
   "scripts": {
-    "build": "tsup-node src/index.ts --format esm,cjs --inject react-shim.js --dts --clean"
+    "build": "tsup-node src/index.ts --format esm,cjs --tsconfig tsconfig.build.json --dts --clean"
   },
   "files": [
     "dist"