@faasjs/ant-design 0.0.3-beta.81 → 0.0.3-beta.83

package/README.md

@@ -68,7 +68,9 @@ Form are based on [Ant Design's Form.Item component](https://ant.design/componen
 - [LinkProps](interfaces/LinkProps.md)
 - [ModalProps](interfaces/ModalProps.md)
 - [RoutesProps](interfaces/RoutesProps.md)
+- [TabProps](interfaces/TabProps.md)
 - [TableItemProps](interfaces/TableItemProps.md)
+- [TabsProps](interfaces/TabsProps.md)
 - [TitleProps](interfaces/TitleProps.md)
 - [UnionFaasItemProps](interfaces/UnionFaasItemProps.md)
 - [useAppProps](interfaces/useAppProps.md)
@@ -113,19 +115,22 @@ Form are based on [Ant Design's Form.Item component](https://ant.design/componen
 - [PageNotFound](#pagenotfound)
 - [Routes](#routes)
 - [Table](#table)
+- [Tabs](#tabs)
 - [Title](#title)
+- [faas](#faas)
 - [transferOptions](#transferoptions)
 - [transferValue](#transfervalue)
 - [useApp](#useapp)
 - [useConfigContext](#useconfigcontext)
 - [useDrawer](#usedrawer)
+- [useFaas](#usefaas)
 - [useModal](#usemodal)
 
 ## Type Aliases
 
 ### BaseOption
 
-Ƭ **BaseOption**: `string` \| `number` \| { `label`: `string` ; `value?`: `string` \| `number`  }
+Ƭ **BaseOption**: `string` \| `number` \| { `label`: `string` ; `value?`: `any`  }
 
 ___
 
@@ -323,7 +328,7 @@ ___
 
 ### UnionFaasItemRender
 
-Ƭ **UnionFaasItemRender**<`Value`, `Values`\>: (`value`: `Value`, `values`: `Values`, `index`: `number`, `scene`: [`UnionScene`](#unionscene)) => `JSX.Element` \| ``null``
+Ƭ **UnionFaasItemRender**<`Value`, `Values`\>: (`value`: `Value`, `values`: `Values`, `index`: `number`, `scene`: [`UnionScene`](#unionscene)) => `React.ReactNode`
 
 #### Type parameters
 
@@ -334,7 +339,7 @@ ___
 
 #### Type declaration
 
-▸ (`value`, `values`, `index`, `scene`): `JSX.Element` \| ``null``
+▸ (`value`, `values`, `index`, `scene`): `React.ReactNode`
 
 ##### Parameters
 
@@ -347,7 +352,7 @@ ___
 
 ##### Returns
 
-`JSX.Element` \| ``null``
+`React.ReactNode`
 
 ___
 
@@ -720,6 +725,28 @@ https://ant.design/components/table/
 
 ___
 
+### Tabs
+
+▸ **Tabs**(`props`): `Element`
+
+Tabs component with Ant Design & FaasJS
+
+**`Ref`**
+
+https://ant.design/components/tabs/
+
+#### Parameters
+
+| Name | Type |
+| :------ | :------ |
+| `props` | [`TabsProps`](interfaces/TabsProps.md) |
+
+#### Returns
+
+`Element`
+
+___
+
 ### Title
 
 ▸ **Title**(`props`): `JSX.Element`
@@ -752,6 +779,37 @@ Return null by default.
 
 ___
 
+### faas
+
+▸ **faas**<`PathOrData`\>(`action`, `params`): `Promise`<`Response`<`FaasData`<`PathOrData`\>\>\>
+
+Request faas server
+
+#### Type parameters
+
+| Name | Type |
+| :------ | :------ |
+| `PathOrData` | extends `Record`<`string`, `any`\> |
+
+#### Parameters
+
+| Name | Type | Description |
+| :------ | :------ | :------ |
+| `action` | `string` \| `PathOrData` | {string} action name |
+| `params` | `FaasParams`<`PathOrData`\> | {object} action params |
+
+#### Returns
+
+`Promise`<`Response`<`FaasData`<`PathOrData`\>\>\>
+
+```ts
+faas<{ title: string }>('post/get', { id: 1 }).then(res => {
+  console.log(res.data.title)
+})
+```
+
+___
+
 ### transferOptions
 
 ▸ **transferOptions**(`options`): { `label`: `string` ; `value?`: `string` \| `number`  }[]
@@ -831,6 +889,42 @@ Hook style drawer.
 
 ___
 
+### useFaas
+
+▸ **useFaas**<`PathOrData`\>(`action`, `defaultParams`, `options?`): `FaasDataInjection`<`FaasData`<`PathOrData`\>\>
+
+Request faas server with React hook
+
+#### Type parameters
+
+| Name | Type |
+| :------ | :------ |
+| `PathOrData` | extends `Record`<`string`, `any`\> |
+
+#### Parameters
+
+| Name | Type | Description |
+| :------ | :------ | :------ |
+| `action` | `string` \| `PathOrData` | {string} action name |
+| `defaultParams` | `FaasParams`<`PathOrData`\> | {object} initial action params |
+| `options?` | `Object` | - |
+| `options.data?` | `FaasData`<`PathOrData`\> | - |
+| `options.setData?` | `Dispatch`<`SetStateAction`<`FaasData`<`PathOrData`\>\>\> | - |
+| `options.skip?` | `boolean` | - |
+
+#### Returns
+
+`FaasDataInjection`<`FaasData`<`PathOrData`\>\>
+
+```ts
+function Post ({ id }) {
+  const { data } = useFaas<{ title: string }>('post/get', { id })
+  return <h1>{data.title}</h1>
+}
+```
+
+___
+
 ### useModal
 
 ▸ **useModal**(`init?`): `Object`

package/dist/index.js

@@ -676,11 +676,18 @@ function FormItem(props) {
     });
   switch (computedProps.type) {
     case "string":
+      if (computedProps.options)
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Form.Item, {
+          ...computedProps,
+          children: computedProps.options.length > 10 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Select, {
+            ...computedProps.input
+          }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Radio.Group, {
+            ...computedProps.input
+          })
+        });
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Form.Item, {
         ...computedProps,
-        children: computedProps.options ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Select, {
-          ...computedProps.input
-        }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Input, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Input, {
           ...computedProps.input
         })
       });
@@ -760,11 +767,18 @@ function FormItem(props) {
         }
       });
     case "number":
+      if (computedProps.options)
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Form.Item, {
+          ...computedProps,
+          children: computedProps.options.length > 10 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Select, {
+            ...computedProps.input
+          }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Radio.Group, {
+            ...computedProps.input
+          })
+        });
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Form.Item, {
         ...computedProps,
-        children: computedProps.options ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Select, {
-          ...computedProps.input
-        }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.InputNumber, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.InputNumber, {
           style: { width: "100%" },
           ...computedProps.input
         })

package/dist/index.mjs

@@ -539,7 +539,8 @@ import {
   Switch,
   Select,
   DatePicker,
-  TimePicker
+  TimePicker,
+  Radio
 } from "antd";
 import { MinusCircleOutlined, PlusOutlined } from "@ant-design/icons";
 import {
@@ -664,11 +665,18 @@ function FormItem(props) {
     });
   switch (computedProps.type) {
     case "string":
+      if (computedProps.options)
+        return /* @__PURE__ */ jsx10(AntdForm.Item, {
+          ...computedProps,
+          children: computedProps.options.length > 10 ? /* @__PURE__ */ jsx10(Select, {
+            ...computedProps.input
+          }) : /* @__PURE__ */ jsx10(Radio.Group, {
+            ...computedProps.input
+          })
+        });
       return /* @__PURE__ */ jsx10(AntdForm.Item, {
         ...computedProps,
-        children: computedProps.options ? /* @__PURE__ */ jsx10(Select, {
-          ...computedProps.input
-        }) : /* @__PURE__ */ jsx10(Input, {
+        children: /* @__PURE__ */ jsx10(Input, {
           ...computedProps.input
         })
       });
@@ -748,11 +756,18 @@ function FormItem(props) {
         }
       });
     case "number":
+      if (computedProps.options)
+        return /* @__PURE__ */ jsx10(AntdForm.Item, {
+          ...computedProps,
+          children: computedProps.options.length > 10 ? /* @__PURE__ */ jsx10(Select, {
+            ...computedProps.input
+          }) : /* @__PURE__ */ jsx10(Radio.Group, {
+            ...computedProps.input
+          })
+        });
       return /* @__PURE__ */ jsx10(AntdForm.Item, {
         ...computedProps,
-        children: computedProps.options ? /* @__PURE__ */ jsx10(Select, {
-          ...computedProps.input
-        }) : /* @__PURE__ */ jsx10(InputNumber, {
+        children: /* @__PURE__ */ jsx10(InputNumber, {
           style: { width: "100%" },
           ...computedProps.input
         })
@@ -1164,7 +1179,7 @@ import {
 } from "react";
 import {
   Table as AntdTable,
-  Radio,
+  Radio as Radio2,
   Input as Input2,
   Select as Select2,
   DatePicker as DatePicker2
@@ -1456,7 +1471,7 @@ function Table(props) {
               setSelectedKeys,
               selectedKeys,
               confirm
-            }) => /* @__PURE__ */ jsxs5(Radio.Group, {
+            }) => /* @__PURE__ */ jsxs5(Radio2.Group, {
               style: { padding: 8 },
               buttonStyle: "solid",
               value: JSON.stringify(selectedKeys[0]),
@@ -1470,10 +1485,10 @@ function Table(props) {
                 confirm();
               },
               children: [
-                /* @__PURE__ */ jsx14(Radio.Button, {
+                /* @__PURE__ */ jsx14(Radio2.Button, {
                   children: common2.all
                 }),
-                /* @__PURE__ */ jsx14(Radio.Button, {
+                /* @__PURE__ */ jsx14(Radio2.Button, {
                   value: "true",
                   children: /* @__PURE__ */ jsx14(CheckOutlined2, {
                     style: {
@@ -1482,7 +1497,7 @@ function Table(props) {
                     }
                   })
                 }),
-                /* @__PURE__ */ jsx14(Radio.Button, {
+                /* @__PURE__ */ jsx14(Radio2.Button, {
                   value: "false",
                   children: /* @__PURE__ */ jsx14(CloseOutlined2, {
                     style: {
@@ -1491,7 +1506,7 @@ function Table(props) {
                     }
                   })
                 }),
-                /* @__PURE__ */ jsx14(Radio.Button, {
+                /* @__PURE__ */ jsx14(Radio2.Button, {
                   value: "null",
                   children: common2.blank
                 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "0.0.3-beta.81",
+  "version": "0.0.3-beta.83",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",