@faasjs/ant-design 0.0.2-beta.347 → 0.0.2-beta.348

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import { DescriptionsProps, FormItemProps as FormItemProps$1, InputProps, InputNumberProps, SwitchProps, SelectProps, FormProps as FormProps$1, TableColumnProps, TableProps as TableProps$1 } from 'antd';
+import { DescriptionsProps, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, InputProps, InputNumberProps, SwitchProps, SelectProps, FormProps as FormProps$1, TableColumnProps, TableProps as TableProps$1 } from 'antd';
+export { Drawer } from 'antd';
 import * as antd_lib_form_Form from 'antd/lib/form/Form';
 import { RuleObject } from 'rc-field-form/lib/interface';
 
@@ -58,6 +59,15 @@ declare type DescriptionProps<T = any, ExtendItemProps = any> = {
 } & DescriptionsProps;
 declare function Description(props: DescriptionProps): JSX.Element;
 
+declare type DrawerProps = DrawerProps$1 & {
+    children?: JSX.Element | JSX.Element[];
+};
+declare function useDrawer(init?: DrawerProps): {
+    drawer: JSX.Element;
+    drawerProps: DrawerProps;
+    setDrawerProps(changes: Partial<DrawerProps>): void;
+};
+
 declare type StringProps = {
     type?: 'string';
     input?: InputProps;
@@ -135,4 +145,4 @@ declare type TableProps<T = any, ExtendTypes = any> = {
 } & TableProps$1<T>;
 declare function Table<T = any, ExtendTypes = any>(props: TableProps<T, ExtendTypes>): JSX.Element;
 
-export { BaseItemProps, BaseOption, Blank, Description, DescriptionItemProps, DescriptionProps, ExtendDescriptionItemProps, ExtendDescriptionTypeProps, ExtendFormItemProps, ExtendFormTypeProps, ExtendTableItemProps, ExtendTableTypeProps, FaasItemProps, FaasItemType, FaasItemTypeValue, Form, FormItem, FormItemProps, FormProps, Table, TableItemProps, TableProps, transferOptions };
+export { BaseItemProps, BaseOption, Blank, Description, DescriptionItemProps, DescriptionProps, DrawerProps, ExtendDescriptionItemProps, ExtendDescriptionTypeProps, ExtendFormItemProps, ExtendFormTypeProps, ExtendTableItemProps, ExtendTableTypeProps, FaasItemProps, FaasItemType, FaasItemTypeValue, Form, FormItem, FormItemProps, FormProps, Table, TableItemProps, TableProps, transferOptions, useDrawer };

package/dist/index.js

@@ -48,10 +48,12 @@ var src_exports = {};
 __export(src_exports, {
   Blank: () => Blank,
   Description: () => Description,
+  Drawer: () => import_antd3.Drawer,
   Form: () => Form,
   FormItem: () => FormItem,
   Table: () => Table,
-  transferOptions: () => transferOptions
+  transferOptions: () => transferOptions,
+  useDrawer: () => useDrawer
 });
 
 // react-shim.js
@@ -98,7 +100,7 @@ function FaasDataWrapper({
   (0, import_react2.useEffect)(() => {
     if (!faasData)
       return;
-    (0, import_react3.getClient)().faas(faasData.action, faasData.action).then((res) => setData(res.data));
+    (0, import_react3.getClient)().faas(faasData.action, faasData.params).then((res) => setData(res.data));
   }, [JSON.stringify(faasData)]);
   if (dataSource)
     return render({ data: dataSource });
@@ -188,17 +190,36 @@ function Description(props) {
   });
 }
 
+// src/Drawer.tsx
+var import_antd3 = require("antd");
+var import_react5 = require("react");
+function useDrawer(init) {
+  const [props, setProps] = (0, import_react5.useState)(__spreadValues({
+    visible: false,
+    onClose: () => setProps((prev) => __spreadProps(__spreadValues({}, prev), {
+      visible: false
+    }))
+  }, init));
+  return {
+    drawer: /* @__PURE__ */ import_react.default.createElement(import_antd3.Drawer, __spreadValues({}, props)),
+    drawerProps: props,
+    setDrawerProps(changes) {
+      setProps((prev) => __spreadValues(__spreadValues({}, prev), changes));
+    }
+  };
+}
+
 // src/Form.tsx
-var import_antd4 = require("antd");
+var import_antd5 = require("antd");
 
 // src/FormItem.tsx
-var import_antd3 = require("antd");
+var import_antd4 = require("antd");
 var import_icons2 = require("@ant-design/icons");
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_lodash4 = require("lodash");
 function FormItem(props) {
-  const [computedProps, setComputedProps] = (0, import_react5.useState)();
-  (0, import_react5.useEffect)(() => {
+  const [computedProps, setComputedProps] = (0, import_react6.useState)();
+  (0, import_react6.useEffect)(() => {
     const propsCopy = __spreadValues({}, props);
     if (!propsCopy.title)
       propsCopy.title = (0, import_lodash4.upperFirst)(propsCopy.id);
@@ -239,58 +260,58 @@ function FormItem(props) {
   if (!computedProps)
     return null;
   if (computedProps.extendTypes && computedProps.extendTypes[computedProps.type])
-    return /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.Item, __spreadValues({}, computedProps), computedProps.extendTypes[computedProps.type].children);
+    return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), computedProps.extendTypes[computedProps.type].children);
   if (computedProps.children)
-    return /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.Item, __spreadValues({}, computedProps), computedProps.children);
+    return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), computedProps.children);
   switch (computedProps.type) {
     case "string":
-      return /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.Item, __spreadValues({}, computedProps), computedProps.options ? /* @__PURE__ */ import_react.default.createElement(import_antd3.Select, __spreadValues({}, computedProps.input)) : /* @__PURE__ */ import_react.default.createElement(import_antd3.Input, __spreadValues({}, computedProps.input)));
+      return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), computedProps.options ? /* @__PURE__ */ import_react.default.createElement(import_antd4.Select, __spreadValues({}, computedProps.input)) : /* @__PURE__ */ import_react.default.createElement(import_antd4.Input, __spreadValues({}, computedProps.input)));
     case "string[]":
       if (computedProps.options)
-        return /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.Item, __spreadValues({}, computedProps), /* @__PURE__ */ import_react.default.createElement(import_antd3.Select, __spreadValues({
+        return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), /* @__PURE__ */ import_react.default.createElement(import_antd4.Select, __spreadValues({
           mode: "multiple"
         }, computedProps.input)));
-      return /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.List, {
+      return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.List, {
         name: computedProps.name,
         rules: computedProps.rules
       }, (fields, { add, remove }, { errors }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, computedProps.label && /* @__PURE__ */ import_react.default.createElement("div", {
         className: "ant-form-item-label"
       }, /* @__PURE__ */ import_react.default.createElement("label", {
         className: computedProps.rules.find((r) => r.required) && "ant-form-item-required"
-      }, computedProps.label)), fields.map((field) => /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.Item, {
+      }, computedProps.label)), fields.map((field) => /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, {
         key: field.key
-      }, /* @__PURE__ */ import_react.default.createElement(import_antd3.Row, {
+      }, /* @__PURE__ */ import_react.default.createElement(import_antd4.Row, {
         gutter: 24
-      }, /* @__PURE__ */ import_react.default.createElement(import_antd3.Col, {
+      }, /* @__PURE__ */ import_react.default.createElement(import_antd4.Col, {
         span: 23
-      }, /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.Item, __spreadProps(__spreadValues({}, field), {
+      }, /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadProps(__spreadValues({}, field), {
         noStyle: true
-      }), /* @__PURE__ */ import_react.default.createElement(import_antd3.Input, __spreadValues({}, computedProps.input)))), /* @__PURE__ */ import_react.default.createElement(import_antd3.Col, {
+      }), /* @__PURE__ */ import_react.default.createElement(import_antd4.Input, __spreadValues({}, computedProps.input)))), /* @__PURE__ */ import_react.default.createElement(import_antd4.Col, {
         span: 1
-      }, (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ import_react.default.createElement(import_antd3.Button, {
+      }, (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ import_react.default.createElement(import_antd4.Button, {
         danger: true,
         type: "link",
         style: { float: "right" },
         icon: /* @__PURE__ */ import_react.default.createElement(import_icons2.MinusCircleOutlined, null),
         onClick: () => remove(field.name)
-      }))))), /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.Item, null, (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ import_react.default.createElement(import_antd3.Button, {
+      }))))), /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, null, (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ import_react.default.createElement(import_antd4.Button, {
         type: "dashed",
         block: true,
         onClick: () => add(),
         icon: /* @__PURE__ */ import_react.default.createElement(import_icons2.PlusOutlined, null)
-      }), /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.ErrorList, {
+      }), /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.ErrorList, {
         errors
       }))));
     case "number":
-      return /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.Item, __spreadValues({}, computedProps), computedProps.options ? /* @__PURE__ */ import_react.default.createElement(import_antd3.Select, __spreadValues({}, computedProps.input)) : /* @__PURE__ */ import_react.default.createElement(import_antd3.InputNumber, __spreadValues({
+      return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), computedProps.options ? /* @__PURE__ */ import_react.default.createElement(import_antd4.Select, __spreadValues({}, computedProps.input)) : /* @__PURE__ */ import_react.default.createElement(import_antd4.InputNumber, __spreadValues({
         style: { width: "100%" }
       }, computedProps.input)));
     case "number[]":
       if (computedProps.options)
-        return /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.Item, __spreadValues({}, computedProps), /* @__PURE__ */ import_react.default.createElement(import_antd3.Select, __spreadValues({
+        return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), /* @__PURE__ */ import_react.default.createElement(import_antd4.Select, __spreadValues({
           mode: "multiple"
         }, computedProps.input)));
-      return /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.List, {
+      return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.List, {
         name: computedProps.name,
         rules: computedProps.rules
       }, (fields, { add, remove }, { errors }) => {
@@ -299,35 +320,35 @@ function FormItem(props) {
           className: "ant-form-item-label"
         }, /* @__PURE__ */ import_react.default.createElement("label", {
           className: ((_a2 = computedProps.rules) == null ? void 0 : _a2.find((r) => r.required)) && "ant-form-item-required"
-        }, computedProps.label)), fields.map((field) => /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.Item, {
+        }, computedProps.label)), fields.map((field) => /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, {
           key: field.key
-        }, /* @__PURE__ */ import_react.default.createElement(import_antd3.Row, {
+        }, /* @__PURE__ */ import_react.default.createElement(import_antd4.Row, {
           gutter: 24
-        }, /* @__PURE__ */ import_react.default.createElement(import_antd3.Col, {
+        }, /* @__PURE__ */ import_react.default.createElement(import_antd4.Col, {
           span: 23
-        }, /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.Item, __spreadProps(__spreadValues({}, field), {
+        }, /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadProps(__spreadValues({}, field), {
           noStyle: true
-        }), /* @__PURE__ */ import_react.default.createElement(import_antd3.InputNumber, __spreadValues({
+        }), /* @__PURE__ */ import_react.default.createElement(import_antd4.InputNumber, __spreadValues({
           style: { width: "100%" }
-        }, computedProps.input)))), /* @__PURE__ */ import_react.default.createElement(import_antd3.Col, {
+        }, computedProps.input)))), /* @__PURE__ */ import_react.default.createElement(import_antd4.Col, {
           span: 1
-        }, (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ import_react.default.createElement(import_antd3.Button, {
+        }, (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ import_react.default.createElement(import_antd4.Button, {
           danger: true,
           type: "link",
           style: { float: "right" },
           icon: /* @__PURE__ */ import_react.default.createElement(import_icons2.MinusCircleOutlined, null),
           onClick: () => remove(field.name)
-        }))))), /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.Item, null, (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ import_react.default.createElement(import_antd3.Button, {
+        }))))), /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, null, (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ import_react.default.createElement(import_antd4.Button, {
           type: "dashed",
           block: true,
           onClick: () => add(),
           icon: /* @__PURE__ */ import_react.default.createElement(import_icons2.PlusOutlined, null)
-        }), /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.ErrorList, {
+        }), /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.ErrorList, {
           errors
         })));
       });
     case "boolean":
-      return /* @__PURE__ */ import_react.default.createElement(import_antd3.Form.Item, __spreadValues({}, computedProps), /* @__PURE__ */ import_react.default.createElement(import_antd3.Switch, __spreadValues({}, computedProps.input)));
+      return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), /* @__PURE__ */ import_react.default.createElement(import_antd4.Switch, __spreadValues({}, computedProps.input)));
     default:
       return null;
   }
@@ -336,21 +357,21 @@ function FormItem(props) {
 // src/Form.tsx
 function Form(props) {
   var _a2, _b;
-  return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form, __spreadValues({}, props), (_a2 = props.items) == null ? void 0 : _a2.map((item) => /* @__PURE__ */ import_react.default.createElement(FormItem, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ import_react.default.createElement(import_antd5.Form, __spreadValues({}, props), (_a2 = props.items) == null ? void 0 : _a2.map((item) => /* @__PURE__ */ import_react.default.createElement(FormItem, __spreadProps(__spreadValues({
     key: item.id
   }, item), {
     extendTypes: props.extendTypes
-  }))), props.children, props.submit !== false && /* @__PURE__ */ import_react.default.createElement(import_antd4.Button, {
+  }))), props.children, props.submit !== false && /* @__PURE__ */ import_react.default.createElement(import_antd5.Button, {
     htmlType: "submit",
     type: "primary"
   }, ((_b = props.submit) == null ? void 0 : _b.text) || "Submit"));
 }
-Form.useForm = import_antd4.Form.useForm;
+Form.useForm = import_antd5.Form.useForm;
 Form.Item = FormItem;
 
 // src/Table.tsx
-var import_react6 = require("react");
-var import_antd5 = require("antd");
+var import_react7 = require("react");
+var import_antd6 = require("antd");
 var import_icons3 = require("@ant-design/icons");
 var import_lodash5 = require("lodash");
 function processValue(item, value) {
@@ -367,8 +388,8 @@ function processValue(item, value) {
   return value;
 }
 function Table(props) {
-  const [columns, setColumns] = (0, import_react6.useState)();
-  (0, import_react6.useEffect)(() => {
+  const [columns, setColumns] = (0, import_react7.useState)();
+  (0, import_react7.useEffect)(() => {
     var _a2;
     for (const item of props.items) {
       if (!item.key)
@@ -390,7 +411,7 @@ function Table(props) {
         continue;
       if (props.extendTypes && props.extendTypes[item.type]) {
         if (props.extendTypes[item.type].children) {
-          item.render = (value, values) => (0, import_react6.cloneElement)(props.extendTypes[item.type].children, {
+          item.render = (value, values) => (0, import_react7.cloneElement)(props.extendTypes[item.type].children, {
             value,
             values
           });
@@ -431,7 +452,7 @@ function Table(props) {
               confirm
             }) => {
               var _a3, _b;
-              return /* @__PURE__ */ import_react.default.createElement(import_antd5.Radio.Group, {
+              return /* @__PURE__ */ import_react.default.createElement(import_antd6.Radio.Group, {
                 style: { padding: 8 },
                 buttonStyle: "solid",
                 value: selectedKeys[0],
@@ -439,21 +460,21 @@ function Table(props) {
                   setSelectedKeys(e.target.value ? [e.target.value] : []);
                   confirm();
                 }
-              }, /* @__PURE__ */ import_react.default.createElement(import_antd5.Radio.Button, null, ((_a3 = navigator.language) == null ? void 0 : _a3.includes("CN")) ? "\u5168\u90E8" : "All"), /* @__PURE__ */ import_react.default.createElement(import_antd5.Radio.Button, {
+              }, /* @__PURE__ */ import_react.default.createElement(import_antd6.Radio.Button, null, ((_a3 = navigator.language) == null ? void 0 : _a3.includes("CN")) ? "\u5168\u90E8" : "All"), /* @__PURE__ */ import_react.default.createElement(import_antd6.Radio.Button, {
                 value: "true"
               }, /* @__PURE__ */ import_react.default.createElement(import_icons3.CheckOutlined, {
                 style: {
                   color: "#52c41a",
                   verticalAlign: "middle"
                 }
-              })), /* @__PURE__ */ import_react.default.createElement(import_antd5.Radio.Button, {
+              })), /* @__PURE__ */ import_react.default.createElement(import_antd6.Radio.Button, {
                 value: "false"
               }, /* @__PURE__ */ import_react.default.createElement(import_icons3.CloseOutlined, {
                 style: {
                   verticalAlign: "middle",
                   color: "#ff4d4f"
                 }
-              })), /* @__PURE__ */ import_react.default.createElement(import_antd5.Radio.Button, {
+              })), /* @__PURE__ */ import_react.default.createElement(import_antd6.Radio.Button, {
                 value: "empty"
               }, ((_b = navigator.language) == null ? void 0 : _b.includes("CN")) ? "\u7A7A" : "Empty"));
             };
@@ -483,7 +504,7 @@ function Table(props) {
   return /* @__PURE__ */ import_react.default.createElement(FaasDataWrapper, {
     dataSource: props.dataSource,
     faasData: props.faasData,
-    render: ({ data }) => /* @__PURE__ */ import_react.default.createElement(import_antd5.Table, __spreadProps(__spreadValues({}, props), {
+    render: ({ data }) => /* @__PURE__ */ import_react.default.createElement(import_antd6.Table, __spreadProps(__spreadValues({}, props), {
       rowKey: props.rowKey || "id",
       columns,
       dataSource: data
@@ -495,8 +516,10 @@ module.exports = __toCommonJS(src_exports);
 0 && (module.exports = {
   Blank,
   Description,
+  Drawer,
   Form,
   FormItem,
   Table,
-  transferOptions
+  transferOptions,
+  useDrawer
 });

package/dist/index.mjs

@@ -66,7 +66,7 @@ function FaasDataWrapper({
   useEffect(() => {
     if (!faasData)
       return;
-    getClient().faas(faasData.action, faasData.action).then((res) => setData(res.data));
+    getClient().faas(faasData.action, faasData.params).then((res) => setData(res.data));
   }, [JSON.stringify(faasData)]);
   if (dataSource)
     return render({ data: dataSource });
@@ -156,6 +156,25 @@ function Description(props) {
   });
 }
 
+// src/Drawer.tsx
+import { Drawer } from "antd";
+import { useState as useState3 } from "react";
+function useDrawer(init) {
+  const [props, setProps] = useState3(__spreadValues({
+    visible: false,
+    onClose: () => setProps((prev) => __spreadProps(__spreadValues({}, prev), {
+      visible: false
+    }))
+  }, init));
+  return {
+    drawer: /* @__PURE__ */ React.createElement(Drawer, __spreadValues({}, props)),
+    drawerProps: props,
+    setDrawerProps(changes) {
+      setProps((prev) => __spreadValues(__spreadValues({}, prev), changes));
+    }
+  };
+}
+
 // src/Form.tsx
 import {
   Button as Button2,
@@ -176,11 +195,11 @@ import {
 import { MinusCircleOutlined, PlusOutlined } from "@ant-design/icons";
 import {
   useEffect as useEffect3,
-  useState as useState3
+  useState as useState4
 } from "react";
 import { upperFirst as upperFirst3 } from "lodash";
 function FormItem(props) {
-  const [computedProps, setComputedProps] = useState3();
+  const [computedProps, setComputedProps] = useState4();
   useEffect3(() => {
     const propsCopy = __spreadValues({}, props);
     if (!propsCopy.title)
@@ -333,7 +352,7 @@ Form.Item = FormItem;
 
 // src/Table.tsx
 import {
-  useState as useState4,
+  useState as useState5,
   useEffect as useEffect4,
   cloneElement as cloneElement2
 } from "react";
@@ -357,7 +376,7 @@ function processValue(item, value) {
   return value;
 }
 function Table(props) {
-  const [columns, setColumns] = useState4();
+  const [columns, setColumns] = useState5();
   useEffect4(() => {
     var _a2;
     for (const item of props.items) {
@@ -483,8 +502,10 @@ function Table(props) {
 export {
   Blank,
   Description,
+  Drawer,
   Form,
   FormItem,
   Table,
-  transferOptions
+  transferOptions,
+  useDrawer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "0.0.2-beta.347",
+  "version": "0.0.2-beta.348",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -27,7 +27,7 @@
     "lodash": "*",
     "react": "*",
     "react-dom": "*",
-    "@faasjs/react": "^0.0.2-beta.347"
+    "@faasjs/react": "^0.0.2-beta.348"
   },
   "devDependencies": {
     "@types/lodash": "*",