@faasjs/ant-design 2.7.0 → 2.8.0

package/README.md

@@ -109,3 +109,4 @@ type FaasItemProps = {
 - [useDrawer](functions/useDrawer.md)
 - [useFaas](functions/useFaas.md)
 - [useModal](functions/useModal.md)
+- [withFaasData](functions/withFaasData.md)

package/dist/index.d.mts

@@ -9,13 +9,14 @@ import * as antd_es_modal_PurePanel from 'antd/es/modal/PurePanel';
 import * as antd_es_modal_useModal from 'antd/es/modal/useModal';
 import * as antd_es_modal_confirm from 'antd/es/modal/confirm';
 import * as react from 'react';
-import { Dispatch, SetStateAction, CSSProperties, ReactNode, ReactElement, LazyExoticComponent, ComponentType } from 'react';
+import { Dispatch, SetStateAction, CSSProperties, ComponentProps, ReactNode, ReactElement, LazyExoticComponent, ComponentType } from 'react';
 export { lazy } from 'react';
 import { ModalProps as ModalProps$1, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, FormInstance, InputProps, SelectProps, RadioProps, InputNumberProps, SwitchProps, DatePickerProps, DescriptionsProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1 } from 'antd';
 import { BrowserRouterProps, RouteProps } from 'react-router-dom';
 import { Dayjs } from 'dayjs';
 import * as antd_es_form_FormItem from 'antd/es/form/FormItem';
 import { RuleObject } from 'rc-field-form/lib/interface';
+import { FaasAction } from '@faasjs/types';
 import { FilterValue, SorterResult, TableCurrentDataSource } from 'antd/es/table/interface';
 import * as antd_es_form_context from 'antd/es/form/context';
 import * as antd_es_form from 'antd/es/form';
@@ -384,6 +385,15 @@ declare function FaasDataWrapper<T = any>(props: FaasDataWrapperProps<T>): JSX.E
 declare namespace FaasDataWrapper {
     var whyDidYouRender: boolean;
 }
+/**
+ * HOC to wrap a component with FaasDataWrapper and Loading
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = withFaasData(MyComponent, { action: 'test', params: { a: 1 } })
+ * ```
+ */
+declare function withFaasData<TComponent extends React.FC<any>, PathOrData extends FaasAction>(Component: TComponent, faasProps: FaasDataWrapperProps<PathOrData>): (props: ComponentProps<TComponent> & {}) => react_jsx_runtime.JSX.Element;
 
 interface ExtendDescriptionTypeProps<T = any> {
     children?: UnionFaasItemElement<T>;
@@ -604,7 +614,7 @@ interface LinkProps {
     text?: string | number;
     children?: ReactNode;
     style?: CSSProperties;
-    button?: ButtonProps;
+    button?: ButtonProps | boolean;
     block?: boolean;
     /** only use for text without button */
     copyable?: boolean;
@@ -737,4 +747,4 @@ 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, type setDrawerProps, type setModalProps, transferOptions, transferValue, useApp, type useAppProps, useConfigContext, useDrawer, useModal };
+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, type setDrawerProps, type setModalProps, transferOptions, transferValue, useApp, type useAppProps, useConfigContext, useDrawer, useModal, withFaasData };

package/dist/index.d.ts

@@ -9,13 +9,14 @@ import * as antd_es_modal_PurePanel from 'antd/es/modal/PurePanel';
 import * as antd_es_modal_useModal from 'antd/es/modal/useModal';
 import * as antd_es_modal_confirm from 'antd/es/modal/confirm';
 import * as react from 'react';
-import { Dispatch, SetStateAction, CSSProperties, ReactNode, ReactElement, LazyExoticComponent, ComponentType } from 'react';
+import { Dispatch, SetStateAction, CSSProperties, ComponentProps, ReactNode, ReactElement, LazyExoticComponent, ComponentType } from 'react';
 export { lazy } from 'react';
 import { ModalProps as ModalProps$1, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, FormInstance, InputProps, SelectProps, RadioProps, InputNumberProps, SwitchProps, DatePickerProps, DescriptionsProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1 } from 'antd';
 import { BrowserRouterProps, RouteProps } from 'react-router-dom';
 import { Dayjs } from 'dayjs';
 import * as antd_es_form_FormItem from 'antd/es/form/FormItem';
 import { RuleObject } from 'rc-field-form/lib/interface';
+import { FaasAction } from '@faasjs/types';
 import { FilterValue, SorterResult, TableCurrentDataSource } from 'antd/es/table/interface';
 import * as antd_es_form_context from 'antd/es/form/context';
 import * as antd_es_form from 'antd/es/form';
@@ -384,6 +385,15 @@ declare function FaasDataWrapper<T = any>(props: FaasDataWrapperProps<T>): JSX.E
 declare namespace FaasDataWrapper {
     var whyDidYouRender: boolean;
 }
+/**
+ * HOC to wrap a component with FaasDataWrapper and Loading
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = withFaasData(MyComponent, { action: 'test', params: { a: 1 } })
+ * ```
+ */
+declare function withFaasData<TComponent extends React.FC<any>, PathOrData extends FaasAction>(Component: TComponent, faasProps: FaasDataWrapperProps<PathOrData>): (props: ComponentProps<TComponent> & {}) => react_jsx_runtime.JSX.Element;
 
 interface ExtendDescriptionTypeProps<T = any> {
     children?: UnionFaasItemElement<T>;
@@ -604,7 +614,7 @@ interface LinkProps {
     text?: string | number;
     children?: ReactNode;
     style?: CSSProperties;
-    button?: ButtonProps;
+    button?: ButtonProps | boolean;
     block?: boolean;
     /** only use for text without button */
     copyable?: boolean;
@@ -737,4 +747,4 @@ 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, type setDrawerProps, type setModalProps, transferOptions, transferValue, useApp, type useAppProps, useConfigContext, useDrawer, useModal };
+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, type setDrawerProps, type setModalProps, transferOptions, transferValue, useApp, type useAppProps, useConfigContext, useDrawer, useModal, withFaasData };

package/dist/index.js

@@ -307,6 +307,9 @@ function FaasDataWrapper(props) {
   );
 }
 FaasDataWrapper.whyDidYouRender = true;
+function withFaasData(Component, faasProps) {
+  return (props) => /* @__PURE__ */ jsxRuntime.jsx(FaasDataWrapper, { ...faasProps, children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props }) });
+}
 function DescriptionItemContent(props) {
   var _a, _b;
   const [computedProps, setComputedProps] = react$1.useState();
@@ -891,9 +894,10 @@ Form.List = antd.Form.List;
 Form.ErrorList = antd.Form.ErrorList;
 Form.Provider = antd.Form.Provider;
 function Link(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c;
   const { theme } = useConfigContext();
   const navigate = reactRouterDom.useNavigate();
+  const target = props.target || ((_a = theme.Link) == null ? void 0 : _a.target) || (props.href.startsWith("http") ? "_blank" : void 0);
   let computedStyle = {
     ...theme.Link.style || {},
     cursor: "pointer",
@@ -907,85 +911,39 @@ function Link(props) {
       },
       computedStyle
     );
-  if (props.href.startsWith("http")) {
-    if (props.button)
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        antd.Button,
-        {
-          ...props.button,
-          target: props.target || ((_a = theme.Link) == null ? void 0 : _a.target) || "_blank",
-          style: computedStyle,
-          href: props.href,
-          onClick: props.onClick,
-          children: (_b = props.text) != null ? _b : props.children
-        }
-      );
-    if (props.children)
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
-        {
-          href: props.href,
-          target: props.target || ((_c = theme.Link) == null ? void 0 : _c.target),
-          style: computedStyle,
-          onClick: props.onClick,
-          children: props.children
-        }
-      );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      antd.Typography.Link,
-      {
-        href: props.href,
-        target: props.target || ((_d = theme.Link) == null ? void 0 : _d.target) || "_blank",
-        style: computedStyle,
-        copyable: props.copyable,
-        onClick: props.onClick,
-        children: props.text
-      }
-    );
-  }
   if (props.button)
     return /* @__PURE__ */ jsxRuntime.jsx(
       antd.Button,
       {
-        ...props.button,
+        ...props.button || {},
         style: computedStyle,
         onClick: (e) => {
-          var _a2;
-          return props.onClick ? props.onClick(e) : (props.target || ((_a2 = theme.Link) == null ? void 0 : _a2.target)) === "_blank" ? window.open(props.href) : navigate(props.href);
+          props.onClick ? props.onClick(e) : target === "_blank" ? window.open(props.href) : navigate(props.href);
+          e.preventDefault();
         },
-        children: (_e = props.text) != null ? _e : props.children
-      }
-    );
-  if (props.children)
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactRouterDom.Link,
-      {
-        to: props.href,
-        target: props.target || ((_f = theme.Link) == null ? void 0 : _f.target),
-        style: computedStyle,
-        onClick: props.onClick,
-        children: props.children
+        children: (_b = props.children) != null ? _b : props.text
       }
     );
   return /* @__PURE__ */ jsxRuntime.jsx(
     antd.Typography.Link,
     {
       href: props.href,
-      target: props.target || ((_g = theme.Link) == null ? void 0 : _g.target),
+      target,
       style: computedStyle,
       copyable: props.copyable,
       onClick: (e) => {
-        var _a2;
+        e.preventDefault();
         if (props.onClick) {
           props.onClick(e);
           return;
         }
-        if ((props.target || ((_a2 = theme.Link) == null ? void 0 : _a2.target)) !== "_blank") {
-          e.preventDefault();
-          navigate(props.href);
+        if (target === "_blank") {
+          window.open(props.href);
+          return;
         }
+        navigate(props.href);
       },
-      children: props.text
+      children: (_c = props.children) != null ? _c : props.text
     }
   );
 }
@@ -1649,3 +1607,4 @@ exports.useApp = useApp;
 exports.useConfigContext = useConfigContext;
 exports.useDrawer = useDrawer;
 exports.useModal = useModal;
+exports.withFaasData = withFaasData;

package/dist/index.mjs

@@ -5,7 +5,7 @@ import { legacyLogicalPropertiesTransformer, StyleProvider } from '@ant-design/c
 import { createContext, useState, useCallback, useEffect, useContext, useMemo, cloneElement, Suspense } from 'react';
 export { lazy } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { BrowserRouter, useNavigate, Link as Link$1, Routes as Routes$1, Route, useLocation } from 'react-router-dom';
+import { BrowserRouter, useNavigate, Routes as Routes$1, Route, useLocation } from 'react-router-dom';
 import { defaultsDeep, isNil, upperFirst, isFunction, cloneDeep, uniqBy } from 'lodash-es';
 import dayjs2 from 'dayjs';
 import { PlusOutlined, MinusCircleOutlined, CheckOutlined, CloseOutlined } from '@ant-design/icons';
@@ -303,6 +303,9 @@ function FaasDataWrapper(props) {
   );
 }
 FaasDataWrapper.whyDidYouRender = true;
+function withFaasData(Component, faasProps) {
+  return (props) => /* @__PURE__ */ jsx(FaasDataWrapper, { ...faasProps, children: /* @__PURE__ */ jsx(Component, { ...props }) });
+}
 function DescriptionItemContent(props) {
   var _a, _b;
   const [computedProps, setComputedProps] = useState();
@@ -887,9 +890,10 @@ Form.List = Form$1.List;
 Form.ErrorList = Form$1.ErrorList;
 Form.Provider = Form$1.Provider;
 function Link(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c;
   const { theme } = useConfigContext();
   const navigate = useNavigate();
+  const target = props.target || ((_a = theme.Link) == null ? void 0 : _a.target) || (props.href.startsWith("http") ? "_blank" : void 0);
   let computedStyle = {
     ...theme.Link.style || {},
     cursor: "pointer",
@@ -903,85 +907,39 @@ function Link(props) {
       },
       computedStyle
     );
-  if (props.href.startsWith("http")) {
-    if (props.button)
-      return /* @__PURE__ */ jsx(
-        Button,
-        {
-          ...props.button,
-          target: props.target || ((_a = theme.Link) == null ? void 0 : _a.target) || "_blank",
-          style: computedStyle,
-          href: props.href,
-          onClick: props.onClick,
-          children: (_b = props.text) != null ? _b : props.children
-        }
-      );
-    if (props.children)
-      return /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: props.href,
-          target: props.target || ((_c = theme.Link) == null ? void 0 : _c.target),
-          style: computedStyle,
-          onClick: props.onClick,
-          children: props.children
-        }
-      );
-    return /* @__PURE__ */ jsx(
-      Typography.Link,
-      {
-        href: props.href,
-        target: props.target || ((_d = theme.Link) == null ? void 0 : _d.target) || "_blank",
-        style: computedStyle,
-        copyable: props.copyable,
-        onClick: props.onClick,
-        children: props.text
-      }
-    );
-  }
   if (props.button)
     return /* @__PURE__ */ jsx(
       Button,
       {
-        ...props.button,
+        ...props.button || {},
         style: computedStyle,
         onClick: (e) => {
-          var _a2;
-          return props.onClick ? props.onClick(e) : (props.target || ((_a2 = theme.Link) == null ? void 0 : _a2.target)) === "_blank" ? window.open(props.href) : navigate(props.href);
+          props.onClick ? props.onClick(e) : target === "_blank" ? window.open(props.href) : navigate(props.href);
+          e.preventDefault();
         },
-        children: (_e = props.text) != null ? _e : props.children
-      }
-    );
-  if (props.children)
-    return /* @__PURE__ */ jsx(
-      Link$1,
-      {
-        to: props.href,
-        target: props.target || ((_f = theme.Link) == null ? void 0 : _f.target),
-        style: computedStyle,
-        onClick: props.onClick,
-        children: props.children
+        children: (_b = props.children) != null ? _b : props.text
       }
     );
   return /* @__PURE__ */ jsx(
     Typography.Link,
     {
       href: props.href,
-      target: props.target || ((_g = theme.Link) == null ? void 0 : _g.target),
+      target,
       style: computedStyle,
       copyable: props.copyable,
       onClick: (e) => {
-        var _a2;
+        e.preventDefault();
         if (props.onClick) {
           props.onClick(e);
           return;
         }
-        if ((props.target || ((_a2 = theme.Link) == null ? void 0 : _a2.target)) !== "_blank") {
-          e.preventDefault();
-          navigate(props.href);
+        if (target === "_blank") {
+          window.open(props.href);
+          return;
         }
+        navigate(props.href);
       },
-      children: props.text
+      children: (_c = props.children) != null ? _c : props.text
     }
   );
 }
@@ -1609,4 +1567,4 @@ function Title(props) {
 }
 Title.whyDidYouRender = true;
 
-export { App, Blank, ConfigContext, ConfigProvider, Description, Drawer, ErrorBoundary, FaasDataWrapper, Form, FormItem, Link, Loading, Modal, PageNotFound, Routes, Table, Tabs, Title, transferOptions, transferValue, useApp, useConfigContext, useDrawer, useModal };
+export { App, Blank, ConfigContext, ConfigProvider, Description, Drawer, ErrorBoundary, FaasDataWrapper, Form, FormItem, Link, Loading, Modal, PageNotFound, Routes, Table, Tabs, Title, transferOptions, transferValue, useApp, useConfigContext, useDrawer, useModal, withFaasData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -38,7 +38,7 @@
     "lodash-es": "*"
   },
   "peerDependencies": {
-    "@faasjs/react": "2.7.0",
+    "@faasjs/react": "2.8.0",
     "antd": "*",
     "react": "*",
     "react-dom": "*",
@@ -46,11 +46,7 @@
   },
   "devDependencies": {
     "@types/lodash-es": "*",
-    "@testing-library/jest-dom": "*",
-    "@testing-library/react": "*",
-    "@testing-library/user-event": "*",
-    "@welldone-software/why-did-you-render": "*",
-    "@faasjs/react": "2.7.0",
+    "@faasjs/react": "2.8.0",
     "antd": "*",
     "react": "*",
     "react-dom": "*",