@faasjs/ant-design 0.0.2-beta.371 → 0.0.2-beta.375

package/README.md

@@ -158,7 +158,7 @@ ___
 
 ### DescriptionProps
 
-Ƭ **DescriptionProps**<`T`, `ExtendItemProps`\>: { `dataSource?`: `T` ; `extendTypes?`: { [key: string]: [`ExtendDescriptionTypeProps`](#extenddescriptiontypeprops);  } ; `faasData?`: `FaasDataWrapperProps`<`T`\> ; `items`: ([`DescriptionItemProps`](#descriptionitemprops) \| `ExtendItemProps`)[]  } & `DescriptionsProps`
+Ƭ **DescriptionProps**<`T`, `ExtendItemProps`\>: { `dataSource?`: `T` ; `extendTypes?`: { `[key: string]`: [`ExtendDescriptionTypeProps`](#extenddescriptiontypeprops);  } ; `faasData?`: `FaasDataWrapperProps`<`T`\> ; `items`: ([`DescriptionItemProps`](#descriptionitemprops) \| `ExtendItemProps`)[]  } & `DescriptionsProps`
 
 #### Type parameters
 
@@ -293,7 +293,7 @@ ___
 
 ### FormItemProps
 
-Ƭ **FormItemProps**<`T`\>: { `children?`: `JSX.Element` \| ``null`` ; `extendTypes?`: { [type: string]: [`ExtendFormTypeProps`](#extendformtypeprops);  } ; `label?`: `string` \| ``false`` ; `rules?`: `RuleObject`[] ; `render?`: () => `Element`  } & `FormItemInputProps`<`T`\> & [`FaasItemProps`](#faasitemprops) & `AntdFormItemProps`<`T`\>
+Ƭ **FormItemProps**<`T`\>: { `children?`: `JSX.Element` \| ``null`` ; `extendTypes?`: { `[type: string]`: [`ExtendFormTypeProps`](#extendformtypeprops);  } ; `label?`: `string` \| ``false`` ; `rules?`: `RuleObject`[] ; `render?`: () => `Element`  } & `FormItemInputProps`<`T`\> & [`FaasItemProps`](#faasitemprops) & `AntdFormItemProps`<`T`\>
 
 #### Type parameters
 
@@ -305,7 +305,7 @@ ___
 
 ### FormProps
 
-Ƭ **FormProps**<`Values`, `ExtendItemProps`\>: { `extendTypes?`: { [type: string]: [`ExtendFormTypeProps`](#extendformtypeprops);  } ; `items?`: ([`FormItemProps`](#formitemprops) \| `ExtendItemProps`)[] ; `submit?`: ``false`` \| { `text?`: `string`  }  } & `AntdFormProps`<`Values`\>
+Ƭ **FormProps**<`Values`, `ExtendItemProps`\>: { `extendTypes?`: { `[type: string]`: [`ExtendFormTypeProps`](#extendformtypeprops);  } ; `items?`: ([`FormItemProps`](#formitemprops) \| `ExtendItemProps`)[] ; `submit?`: ``false`` \| { `text?`: `string` ; `to?`: { `action`: `string` ; `params?`: `Record`<`string`, `any`\>  }  } ; `onFinish?`: (`values`: `Values`, `submit?`: (`values`: `any`) => `Promise`<`any`\>) => `Promise`<`any`\>  } & `Omit`<`AntdFormProps`<`Values`\>, ``"onFinish"``\>
 
 #### Type parameters
 
@@ -350,7 +350,7 @@ ___
 
 ### TableProps
 
-Ƭ **TableProps**<`T`, `ExtendTypes`\>: { `extendTypes?`: { [key: string]: [`ExtendTableTypeProps`](#extendtabletypeprops);  } ; `faasData?`: `FaasDataWrapperProps`<`T`\> ; `items`: ([`TableItemProps`](#tableitemprops) \| `ExtendTypes` & [`ExtendTableItemProps`](#extendtableitemprops))[] ; `onChange?`: (`pagination`: `TablePaginationConfig`, `filters`: `Record`<`string`, `FilterValue`\>, `sorter`: `SorterResult`<`T`\> \| `SorterResult`<`T`\>[], `extra`: `TableCurrentDataSource`<`T`\>) => { `extra`: `TableCurrentDataSource`<`T`\> ; `filters`: `Record`<`string`, `FilterValue` \| ``null``\> ; `pagination`: `TablePaginationConfig` ; `sorter`: `SorterResult`<`T`\> \| `SorterResult`<`T`\>[]  }  } & `AntdTableProps`<`T`\>
+Ƭ **TableProps**<`T`, `ExtendTypes`\>: { `extendTypes?`: { `[key: string]`: [`ExtendTableTypeProps`](#extendtabletypeprops);  } ; `faasData?`: `FaasDataWrapperProps`<`T`\> ; `items`: ([`TableItemProps`](#tableitemprops) \| `ExtendTypes` & [`ExtendTableItemProps`](#extendtableitemprops))[] ; `onChange?`: (`pagination`: `TablePaginationConfig`, `filters`: `Record`<`string`, `FilterValue`\>, `sorter`: `SorterResult`<`T`\> \| `SorterResult`<`T`\>[], `extra`: `TableCurrentDataSource`<`T`\>) => { `extra`: `TableCurrentDataSource`<`T`\> ; `filters`: `Record`<`string`, `FilterValue` \| ``null``\> ; `pagination`: `TablePaginationConfig` ; `sorter`: `SorterResult`<`T`\> \| `SorterResult`<`T`\>[]  }  } & `AntdTableProps`<`T`\>
 
 #### Type parameters
 
@@ -375,7 +375,8 @@ ___
 
 | Name | Type | Description |
 | :------ | :------ | :------ |
-| `h1?` | `boolean` \| { `className?`: `string` ; `style?`: `React.CSSProperties`  } | - |
+| `children?` | `JSX.Element` | return children |
+| `h1?` | `boolean` \| { `className?`: `string` ; `style?`: `React.CSSProperties`  } | return a h1 element |
 | `separator?` | `string` | ` - ` as default |
 | `suffix?` | `string` | - |
 | `title` | `string` \| `string`[] | - |
@@ -621,13 +622,19 @@ ___
 ▸ **Title**(`props`): `JSX.Element`
 
 Title is used to change the title of the page.
+Return null by default.
 
 ```ts
-<Title title='hi' /> // => return null, change the document.title to 'hi'
-<Title title={['a', 'b']} /> // => return null, change the document.title to 'a - b'
+// return null
+<Title title='hi' /> // => change the document.title to 'hi'
+<Title title={['a', 'b']} /> // => change the document.title to 'a - b'
 
-<Title title='hi' h1 /> // => return <h1>hi</h1>, change the document.title to 'hi'
-<Title title={['a', 'b']} h1 /> // => return <h1>a</h1>, change the document.title to 'a - b'
+// return h1
+<Title title='hi' h1 /> // => <h1>hi</h1>
+<Title title={['a', 'b']} h1 /> // => <h1>a</h1>
+
+// return children
+<Title title='hi'><CustomTitle /></Title> // => <CustomTitle />
 ```
 
 #### Parameters

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import * as antd_es_calendar_generateCalendar from 'antd/es/calendar/generateCalendar';
+import * as antd_es_calendar_generateCalendar_js from 'antd/es/calendar/generateCalendar.js';
 import { Dayjs } from 'dayjs';
 import { CalendarProps as CalendarProps$1, DescriptionsProps, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, InputProps, InputNumberProps, SwitchProps, DatePickerProps as DatePickerProps$1, TimePickerProps as TimePickerProps$1, SelectProps, FormProps as FormProps$1, ModalProps as ModalProps$1, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1 } from 'antd';
 export { Drawer, Modal } from 'antd';
@@ -33,7 +33,7 @@ declare type BlankProps = {
 declare function Blank(options?: BlankProps): any;
 
 declare type CalendarProps = CalendarProps$1<Dayjs>;
-declare const Calendar: (props: antd_es_calendar_generateCalendar.CalendarProps<Dayjs>) => JSX.Element;
+declare const Calendar: (props: antd_es_calendar_generateCalendar_js.CalendarProps<Dayjs>) => JSX.Element;
 
 declare type FaasState = {
     common: {
@@ -231,11 +231,42 @@ declare type FormProps<Values = any, ExtendItemProps = any> = {
     submit?: false | {
         /** Default: Submit */
         text?: string;
+        /**
+         * Submit to FaasJS server.
+         *
+         * If use onFinish, you should call submit manually.
+         * ```ts
+         * {
+         *   submit: {
+         *     to: {
+         *       action: 'action_name'
+         *     }
+         *   },
+         *   onFinish: (values, submit) => {
+         *     // do something before submit
+         *
+         *     // submit
+         *     await submit({
+         *      ...values,
+         *      extraProps: 'some extra props'
+         *     })
+         *
+         *     // do something after submit
+         *   }
+         * }
+         * ```
+         */
+        to?: {
+            action: string;
+            /** params will overwrite form values before submit */
+            params?: Record<string, any>;
+        };
     };
+    onFinish?: (values: Values, submit?: (values: any) => Promise<any>) => Promise<any>;
     extendTypes?: {
         [type: string]: ExtendFormTypeProps;
     };
-} & FormProps$1<Values>;
+} & Omit<FormProps$1<Values>, 'onFinish'>;
 declare function Form<Values = any>(props: FormProps<Values>): JSX.Element;
 declare namespace Form {
     var useForm: typeof antd_lib_form_Form.useForm;
@@ -305,20 +336,29 @@ declare type TitleProps = {
     /** ` - ` as default */
     separator?: string;
     suffix?: string;
+    /** return a h1 element */
     h1?: boolean | {
         className?: string;
         style?: React.CSSProperties;
     };
+    /** return children */
+    children?: JSX.Element;
 };
 /**
  * Title is used to change the title of the page.
+ * Return null by default.
  *
  * ```ts
- * <Title title='hi' /> // => return null, change the document.title to 'hi'
- * <Title title={['a', 'b']} /> // => return null, change the document.title to 'a - b'
+ * // return null
+ * <Title title='hi' /> // => change the document.title to 'hi'
+ * <Title title={['a', 'b']} /> // => change the document.title to 'a - b'
+ *
+ * // return h1
+ * <Title title='hi' h1 /> // => <h1>hi</h1>
+ * <Title title={['a', 'b']} h1 /> // => <h1>a</h1>
  *
- * <Title title='hi' h1 /> // => return <h1>hi</h1>, change the document.title to 'hi'
- * <Title title={['a', 'b']} h1 /> // => return <h1>a</h1>, change the document.title to 'a - b'
+ * // return children
+ * <Title title='hi'><CustomTitle /></Title> // => <CustomTitle />
  * ```
  */
 declare function Title(props: TitleProps): JSX.Element;

package/dist/index.js

@@ -112,180 +112,11 @@ function Blank(options) {
   }, (options == null ? void 0 : options.text) || config.Blank.text) : options.value;
 }
 
-// ../../node_modules/rc-picker/es/generate/dayjs.js
-var import_dayjs = __toESM(require("dayjs"));
-
-// ../../node_modules/rc-util/es/warning.js
-var warned = {};
-function note(valid, message) {
-  if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
-    console.warn("Note: ".concat(message));
-  }
-}
-function call(method, valid, message) {
-  if (!valid && !warned[message]) {
-    method(false, message);
-    warned[message] = true;
-  }
-}
-function noteOnce(valid, message) {
-  call(note, valid, message);
-}
-
-// ../../node_modules/rc-picker/es/generate/dayjs.js
-var import_weekday = __toESM(require("dayjs/plugin/weekday"));
-var import_localeData = __toESM(require("dayjs/plugin/localeData"));
-var import_weekOfYear = __toESM(require("dayjs/plugin/weekOfYear"));
-var import_weekYear = __toESM(require("dayjs/plugin/weekYear"));
-var import_advancedFormat = __toESM(require("dayjs/plugin/advancedFormat"));
-var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat"));
-import_dayjs.default.extend(import_customParseFormat.default);
-import_dayjs.default.extend(import_advancedFormat.default);
-import_dayjs.default.extend(import_weekday.default);
-import_dayjs.default.extend(import_localeData.default);
-import_dayjs.default.extend(import_weekOfYear.default);
-import_dayjs.default.extend(import_weekYear.default);
-import_dayjs.default.extend(function(o, c) {
-  var proto = c.prototype;
-  var oldFormat = proto.format;
-  proto.format = function f(formatStr) {
-    var str = (formatStr || "").replace("Wo", "wo");
-    return oldFormat.bind(this)(str);
-  };
-});
-var localeMap = {
-  en_GB: "en-gb",
-  en_US: "en",
-  zh_CN: "zh-cn",
-  zh_TW: "zh-tw"
-};
-var parseLocale = function parseLocale2(locale) {
-  var mapLocale = localeMap[locale];
-  return mapLocale || locale.split("_")[0];
-};
-var parseNoMatchNotice = function parseNoMatchNotice2() {
-  noteOnce(false, "Not match any format. Please help to fire a issue about this.");
-};
-var generateConfig = {
-  getNow: function getNow() {
-    return (0, import_dayjs.default)();
-  },
-  getFixedDate: function getFixedDate(string) {
-    return (0, import_dayjs.default)(string, "YYYY-MM-DD");
-  },
-  getEndDate: function getEndDate(date) {
-    return date.endOf("month");
-  },
-  getWeekDay: function getWeekDay(date) {
-    var clone = date.locale("en");
-    return clone.weekday() + clone.localeData().firstDayOfWeek();
-  },
-  getYear: function getYear(date) {
-    return date.year();
-  },
-  getMonth: function getMonth(date) {
-    return date.month();
-  },
-  getDate: function getDate(date) {
-    return date.date();
-  },
-  getHour: function getHour(date) {
-    return date.hour();
-  },
-  getMinute: function getMinute(date) {
-    return date.minute();
-  },
-  getSecond: function getSecond(date) {
-    return date.second();
-  },
-  addYear: function addYear(date, diff) {
-    return date.add(diff, "year");
-  },
-  addMonth: function addMonth(date, diff) {
-    return date.add(diff, "month");
-  },
-  addDate: function addDate(date, diff) {
-    return date.add(diff, "day");
-  },
-  setYear: function setYear(date, year) {
-    return date.year(year);
-  },
-  setMonth: function setMonth(date, month) {
-    return date.month(month);
-  },
-  setDate: function setDate(date, num) {
-    return date.date(num);
-  },
-  setHour: function setHour(date, hour) {
-    return date.hour(hour);
-  },
-  setMinute: function setMinute(date, minute) {
-    return date.minute(minute);
-  },
-  setSecond: function setSecond(date, second) {
-    return date.second(second);
-  },
-  isAfter: function isAfter(date1, date2) {
-    return date1.isAfter(date2);
-  },
-  isValidate: function isValidate(date) {
-    return date.isValid();
-  },
-  locale: {
-    getWeekFirstDay: function getWeekFirstDay(locale) {
-      return (0, import_dayjs.default)().locale(parseLocale(locale)).localeData().firstDayOfWeek();
-    },
-    getWeekFirstDate: function getWeekFirstDate(locale, date) {
-      return date.locale(parseLocale(locale)).weekday(0);
-    },
-    getWeek: function getWeek(locale, date) {
-      return date.locale(parseLocale(locale)).week();
-    },
-    getShortWeekDays: function getShortWeekDays(locale) {
-      return (0, import_dayjs.default)().locale(parseLocale(locale)).localeData().weekdaysMin();
-    },
-    getShortMonths: function getShortMonths(locale) {
-      return (0, import_dayjs.default)().locale(parseLocale(locale)).localeData().monthsShort();
-    },
-    format: function format(locale, date, _format) {
-      return date.locale(parseLocale(locale)).format(_format);
-    },
-    parse: function parse(locale, text, formats) {
-      var localeStr = parseLocale(locale);
-      for (var i = 0; i < formats.length; i += 1) {
-        var format2 = formats[i];
-        var formatText = text;
-        if (format2.includes("wo") || format2.includes("Wo")) {
-          var year = formatText.split("-")[0];
-          var weekStr = formatText.split("-")[1];
-          var firstWeek = (0, import_dayjs.default)(year, "YYYY").startOf("year").locale(localeStr);
-          for (var j = 0; j <= 52; j += 1) {
-            var nextWeek = firstWeek.add(j, "week");
-            if (nextWeek.format("Wo") === weekStr) {
-              return nextWeek;
-            }
-          }
-          parseNoMatchNotice();
-          return null;
-        }
-        var date = (0, import_dayjs.default)(formatText, format2).locale(localeStr);
-        if (date.isValid()) {
-          return date;
-        }
-      }
-      if (text) {
-        parseNoMatchNotice();
-      }
-      return null;
-    }
-  }
-};
-var dayjs_default = generateConfig;
-
 // src/Calendar.tsx
-var import_generateCalendar = __toESM(require("antd/es/calendar/generateCalendar"));
-var import_style = require("antd/es/calendar/style");
-var Calendar = (0, import_generateCalendar.default)(dayjs_default);
+var import_dayjs = __toESM(require("rc-picker/es/generate/dayjs.js"));
+var import_generateCalendar = __toESM(require("antd/es/calendar/generateCalendar.js"));
+var import_style = require("antd/es/calendar/style/index.js");
+var Calendar = (0, import_generateCalendar.default)(import_dayjs.default);
 
 // src/data.ts
 var import_lodash2 = require("lodash");
@@ -299,16 +130,17 @@ function transferOptions(options) {
 }
 
 // src/DatePicker.tsx
-var import_generatePicker = __toESM(require("antd/es/date-picker/generatePicker"));
-var import_style2 = require("antd/es/date-picker/style");
-var DatePicker = (0, import_generatePicker.default)(dayjs_default);
+var import_dayjs2 = __toESM(require("rc-picker/es/generate/dayjs.js"));
+var import_generatePicker = __toESM(require("antd/es/date-picker/generatePicker/index.js"));
+var import_style2 = require("antd/es/date-picker/style/index.js");
+var DatePicker = (0, import_generatePicker.default)(import_dayjs2.default);
 
 // src/Description.tsx
 var import_icons = require("@ant-design/icons");
 var import_antd2 = require("antd");
 var import_lodash3 = require("lodash");
 var import_react3 = require("react");
-var import_dayjs4 = __toESM(require("dayjs"));
+var import_dayjs3 = __toESM(require("dayjs"));
 var import_react4 = require("@faasjs/react");
 function DescriptionItemContent(props) {
   const [computedProps, setComputedProps] = (0, import_react3.useState)();
@@ -375,9 +207,9 @@ function DescriptionItemContent(props) {
         }
       });
     case "time":
-      return typeof computedProps.value === "number" && computedProps.value.toString().length === 10 ? import_dayjs4.default.unix(computedProps.value).format("YYYY-MM-DD HH:mm:ss") : (0, import_dayjs4.default)(computedProps.value).format("YYYY-MM-DD HH:mm:ss");
+      return typeof computedProps.value === "number" && computedProps.value.toString().length === 10 ? import_dayjs3.default.unix(computedProps.value).format("YYYY-MM-DD HH:mm:ss") : (0, import_dayjs3.default)(computedProps.value).format("YYYY-MM-DD HH:mm:ss");
     case "date":
-      return typeof computedProps.value === "number" && computedProps.value.toString().length === 10 ? import_dayjs4.default.unix(computedProps.value).format("YYYY-MM-DD") : (0, import_dayjs4.default)(computedProps.value).format("YYYY-MM-DD");
+      return typeof computedProps.value === "number" && computedProps.value.toString().length === 10 ? import_dayjs3.default.unix(computedProps.value).format("YYYY-MM-DD") : (0, import_dayjs3.default)(computedProps.value).format("YYYY-MM-DD");
     default:
       return computedProps.value;
   }
@@ -429,8 +261,9 @@ function useDrawer(init) {
 }
 
 // src/Form.tsx
+var import_react8 = require("@faasjs/react");
 var import_antd5 = require("antd");
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/FormItem.tsx
 var import_antd4 = require("antd");
@@ -607,44 +440,48 @@ function FormItem(props) {
 // src/Form.tsx
 function Form(props) {
   var _a, _b;
-  const [loading, setLoading] = (0, import_react8.useState)(false);
-  const [computedProps, setComputedProps] = (0, import_react8.useState)();
+  const [loading, setLoading] = (0, import_react9.useState)(false);
+  const [computedProps, setComputedProps] = (0, import_react9.useState)();
   const [config] = useFaasState();
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const propsCopy = __spreadValues({}, props);
     if (propsCopy.onFinish) {
       propsCopy.onFinish = async (values) => {
+        var _a2;
         setLoading(true);
         try {
-          await propsCopy.onFinish(values);
+          if (propsCopy.submit && ((_a2 = propsCopy.submit.to) == null ? void 0 : _a2.action)) {
+            await props.onFinish(values, async (values2) => (0, import_react8.faas)(propsCopy.submit.to.action, propsCopy.submit.to.params ? __spreadValues(__spreadValues({}, values2), propsCopy.submit.to.params) : values2));
+          } else
+            await propsCopy.onFinish(values);
         } catch (error) {
           console.error(error);
         }
         setLoading(false);
       };
     }
-    setComputedProps(props);
+    setComputedProps(propsCopy);
   }, []);
   if (!computedProps)
     return null;
-  return /* @__PURE__ */ import_react.default.createElement(import_antd5.Form, __spreadValues({}, computedProps), (_a = props.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ import_react.default.createElement(FormItem, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ import_react.default.createElement(import_antd5.Form, __spreadValues({}, computedProps), (_a = computedProps.items) == null ? void 0 : _a.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_antd5.Button, {
+    extendTypes: computedProps.extendTypes
+  }))), computedProps.children, computedProps.submit !== false && /* @__PURE__ */ import_react.default.createElement(import_antd5.Button, {
     htmlType: "submit",
     type: "primary",
     loading
-  }, ((_b = props.submit) == null ? void 0 : _b.text) || config.Form.submit.text));
+  }, ((_b = computedProps.submit) == null ? void 0 : _b.text) || config.Form.submit.text));
 }
 Form.useForm = import_antd5.Form.useForm;
 Form.Item = FormItem;
 
 // src/Modal.tsx
 var import_antd6 = require("antd");
-var import_react9 = require("react");
+var import_react10 = require("react");
 function useModal(init) {
-  const [props, setProps] = (0, import_react9.useState)(__spreadValues({
+  const [props, setProps] = (0, import_react10.useState)(__spreadValues({
     visible: false,
     onCancel: () => setProps((prev) => __spreadProps(__spreadValues({}, prev), {
       visible: false
@@ -661,7 +498,7 @@ function useModal(init) {
 
 // src/Routers.tsx
 var import_antd7 = require("antd");
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_react_router_dom = require("react-router-dom");
 function NotFound() {
   const [config] = useFaasState();
@@ -674,7 +511,7 @@ function Routes(props) {
   return /* @__PURE__ */ import_react.default.createElement(import_react_router_dom.Routes, null, props.routes.map((r) => /* @__PURE__ */ import_react.default.createElement(import_react_router_dom.Route, __spreadProps(__spreadValues({
     key: r.path
   }, r), {
-    element: r.element || /* @__PURE__ */ import_react.default.createElement(import_react10.Suspense, {
+    element: r.element || /* @__PURE__ */ import_react.default.createElement(import_react11.Suspense, {
       fallback: props.fallback || /* @__PURE__ */ import_react.default.createElement("div", {
         style: { padding: "24px" }
       }, /* @__PURE__ */ import_react.default.createElement(import_antd7.Skeleton, {
@@ -689,12 +526,12 @@ function Routes(props) {
 }
 
 // src/Table.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_antd8 = require("antd");
-var import_dayjs5 = __toESM(require("dayjs"));
+var import_dayjs4 = __toESM(require("dayjs"));
 var import_icons3 = require("@ant-design/icons");
 var import_lodash5 = require("lodash");
-var import_react12 = require("@faasjs/react");
+var import_react13 = require("@faasjs/react");
 function processValue(item, value) {
   var _a;
   if (typeof value !== "undefined" && value !== null) {
@@ -719,15 +556,15 @@ function processValue(item, value) {
     if (["date", "time"].includes(item.type)) {
       if (typeof value === "number" && value.toString().length === 10)
         value = value * 1e3;
-      value = (0, import_dayjs5.default)(value).format(dayjsFormat);
+      value = (0, import_dayjs4.default)(value).format(dayjsFormat);
     }
   }
   return value;
 }
 function Table(props) {
-  const [columns, setColumns] = (0, import_react11.useState)();
+  const [columns, setColumns] = (0, import_react12.useState)();
   const [config] = useFaasState();
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     var _a;
     for (const item of props.items) {
       if (!item.key)
@@ -751,7 +588,7 @@ function Table(props) {
         delete item.children;
       if (props.extendTypes && props.extendTypes[item.type]) {
         if (props.extendTypes[item.type].children) {
-          item.render = (value, values) => (0, import_react11.cloneElement)(props.extendTypes[item.type].children, {
+          item.render = (value, values) => (0, import_react12.cloneElement)(props.extendTypes[item.type].children, {
             value,
             values
           });
@@ -838,12 +675,12 @@ function Table(props) {
         case "date":
           item.render = (value) => processValue(item, value);
           if (!item.onFilter)
-            item.onFilter = (value, row) => (0, import_dayjs5.default)(row[item.id]).isSame((0, import_dayjs5.default)(value));
+            item.onFilter = (value, row) => (0, import_dayjs4.default)(row[item.id]).isSame((0, import_dayjs4.default)(value));
           break;
         case "time":
           item.render = (value) => processValue(item, value);
           if (!item.onFilter)
-            item.onFilter = (value, row) => (0, import_dayjs5.default)(row[item.id]).isSame((0, import_dayjs5.default)(value));
+            item.onFilter = (value, row) => (0, import_dayjs4.default)(row[item.id]).isSame((0, import_dayjs4.default)(value));
           break;
         default:
           item.render = (value) => processValue(item, value);
@@ -862,7 +699,7 @@ function Table(props) {
       columns,
       dataSource: props.dataSource
     }));
-  return /* @__PURE__ */ import_react.default.createElement(import_react12.FaasDataWrapper, __spreadValues({
+  return /* @__PURE__ */ import_react.default.createElement(import_react13.FaasDataWrapper, __spreadValues({
     fallback: props.faasData.fallback || /* @__PURE__ */ import_react.default.createElement(import_antd8.Skeleton, {
       active: true
     }),
@@ -910,10 +747,10 @@ function Table(props) {
 }
 
 // src/Title.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 function Title(props) {
   const [config] = useFaasState();
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const title = Array.isArray(props.title) ? props.title : [props.title];
     document.title = title.concat(props.suffix || config.Title.suffix).filter((t) => !!t).join(props.separator || config.Title.separator);
   }, []);
@@ -925,6 +762,8 @@ function Title(props) {
       style: props.h1.style
     }, Array.isArray(props.title) ? props.title[0] : props.title);
   }
+  if (props.children)
+    return (0, import_react14.cloneElement)(props.children, { title: props.title });
   return null;
 }
 module.exports = __toCommonJS(src_exports);

package/dist/index.mjs

@@ -65,180 +65,11 @@ function Blank(options) {
   }, (options == null ? void 0 : options.text) || config.Blank.text) : options.value;
 }
 
-// ../../node_modules/rc-picker/es/generate/dayjs.js
-import dayjs from "dayjs";
-
-// ../../node_modules/rc-util/es/warning.js
-var warned = {};
-function note(valid, message) {
-  if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
-    console.warn("Note: ".concat(message));
-  }
-}
-function call(method, valid, message) {
-  if (!valid && !warned[message]) {
-    method(false, message);
-    warned[message] = true;
-  }
-}
-function noteOnce(valid, message) {
-  call(note, valid, message);
-}
-
-// ../../node_modules/rc-picker/es/generate/dayjs.js
-import weekday from "dayjs/plugin/weekday";
-import localeData from "dayjs/plugin/localeData";
-import weekOfYear from "dayjs/plugin/weekOfYear";
-import weekYear from "dayjs/plugin/weekYear";
-import advancedFormat from "dayjs/plugin/advancedFormat";
-import customParseFormat from "dayjs/plugin/customParseFormat";
-dayjs.extend(customParseFormat);
-dayjs.extend(advancedFormat);
-dayjs.extend(weekday);
-dayjs.extend(localeData);
-dayjs.extend(weekOfYear);
-dayjs.extend(weekYear);
-dayjs.extend(function(o, c) {
-  var proto = c.prototype;
-  var oldFormat = proto.format;
-  proto.format = function f(formatStr) {
-    var str = (formatStr || "").replace("Wo", "wo");
-    return oldFormat.bind(this)(str);
-  };
-});
-var localeMap = {
-  en_GB: "en-gb",
-  en_US: "en",
-  zh_CN: "zh-cn",
-  zh_TW: "zh-tw"
-};
-var parseLocale = function parseLocale2(locale) {
-  var mapLocale = localeMap[locale];
-  return mapLocale || locale.split("_")[0];
-};
-var parseNoMatchNotice = function parseNoMatchNotice2() {
-  noteOnce(false, "Not match any format. Please help to fire a issue about this.");
-};
-var generateConfig = {
-  getNow: function getNow() {
-    return dayjs();
-  },
-  getFixedDate: function getFixedDate(string) {
-    return dayjs(string, "YYYY-MM-DD");
-  },
-  getEndDate: function getEndDate(date) {
-    return date.endOf("month");
-  },
-  getWeekDay: function getWeekDay(date) {
-    var clone = date.locale("en");
-    return clone.weekday() + clone.localeData().firstDayOfWeek();
-  },
-  getYear: function getYear(date) {
-    return date.year();
-  },
-  getMonth: function getMonth(date) {
-    return date.month();
-  },
-  getDate: function getDate(date) {
-    return date.date();
-  },
-  getHour: function getHour(date) {
-    return date.hour();
-  },
-  getMinute: function getMinute(date) {
-    return date.minute();
-  },
-  getSecond: function getSecond(date) {
-    return date.second();
-  },
-  addYear: function addYear(date, diff) {
-    return date.add(diff, "year");
-  },
-  addMonth: function addMonth(date, diff) {
-    return date.add(diff, "month");
-  },
-  addDate: function addDate(date, diff) {
-    return date.add(diff, "day");
-  },
-  setYear: function setYear(date, year) {
-    return date.year(year);
-  },
-  setMonth: function setMonth(date, month) {
-    return date.month(month);
-  },
-  setDate: function setDate(date, num) {
-    return date.date(num);
-  },
-  setHour: function setHour(date, hour) {
-    return date.hour(hour);
-  },
-  setMinute: function setMinute(date, minute) {
-    return date.minute(minute);
-  },
-  setSecond: function setSecond(date, second) {
-    return date.second(second);
-  },
-  isAfter: function isAfter(date1, date2) {
-    return date1.isAfter(date2);
-  },
-  isValidate: function isValidate(date) {
-    return date.isValid();
-  },
-  locale: {
-    getWeekFirstDay: function getWeekFirstDay(locale) {
-      return dayjs().locale(parseLocale(locale)).localeData().firstDayOfWeek();
-    },
-    getWeekFirstDate: function getWeekFirstDate(locale, date) {
-      return date.locale(parseLocale(locale)).weekday(0);
-    },
-    getWeek: function getWeek(locale, date) {
-      return date.locale(parseLocale(locale)).week();
-    },
-    getShortWeekDays: function getShortWeekDays(locale) {
-      return dayjs().locale(parseLocale(locale)).localeData().weekdaysMin();
-    },
-    getShortMonths: function getShortMonths(locale) {
-      return dayjs().locale(parseLocale(locale)).localeData().monthsShort();
-    },
-    format: function format(locale, date, _format) {
-      return date.locale(parseLocale(locale)).format(_format);
-    },
-    parse: function parse(locale, text, formats) {
-      var localeStr = parseLocale(locale);
-      for (var i = 0; i < formats.length; i += 1) {
-        var format2 = formats[i];
-        var formatText = text;
-        if (format2.includes("wo") || format2.includes("Wo")) {
-          var year = formatText.split("-")[0];
-          var weekStr = formatText.split("-")[1];
-          var firstWeek = dayjs(year, "YYYY").startOf("year").locale(localeStr);
-          for (var j = 0; j <= 52; j += 1) {
-            var nextWeek = firstWeek.add(j, "week");
-            if (nextWeek.format("Wo") === weekStr) {
-              return nextWeek;
-            }
-          }
-          parseNoMatchNotice();
-          return null;
-        }
-        var date = dayjs(formatText, format2).locale(localeStr);
-        if (date.isValid()) {
-          return date;
-        }
-      }
-      if (text) {
-        parseNoMatchNotice();
-      }
-      return null;
-    }
-  }
-};
-var dayjs_default = generateConfig;
-
 // src/Calendar.tsx
-import generateCalendar from "antd/es/calendar/generateCalendar";
-import "antd/es/calendar/style";
-var Calendar = generateCalendar(dayjs_default);
+import dayjsGenerateConfig from "rc-picker/es/generate/dayjs.js";
+import generateCalendar from "antd/es/calendar/generateCalendar.js";
+import "antd/es/calendar/style/index.js";
+var Calendar = generateCalendar(dayjsGenerateConfig);
 
 // src/data.ts
 import { upperFirst } from "lodash";
@@ -252,9 +83,10 @@ function transferOptions(options) {
 }
 
 // src/DatePicker.tsx
-import generatePicker from "antd/es/date-picker/generatePicker";
-import "antd/es/date-picker/style";
-var DatePicker = generatePicker(dayjs_default);
+import dayjsGenerateConfig2 from "rc-picker/es/generate/dayjs.js";
+import generatePicker from "antd/es/date-picker/generatePicker/index.js";
+import "antd/es/date-picker/style/index.js";
+var DatePicker = generatePicker(dayjsGenerateConfig2);
 
 // src/Description.tsx
 import { CheckOutlined, CloseOutlined } from "@ant-design/icons";
@@ -268,7 +100,7 @@ import {
   useEffect as useEffect2,
   useState
 } from "react";
-import dayjs2 from "dayjs";
+import dayjs from "dayjs";
 import { FaasDataWrapper } from "@faasjs/react";
 function DescriptionItemContent(props) {
   const [computedProps, setComputedProps] = useState();
@@ -335,9 +167,9 @@ function DescriptionItemContent(props) {
         }
       });
     case "time":
-      return typeof computedProps.value === "number" && computedProps.value.toString().length === 10 ? dayjs2.unix(computedProps.value).format("YYYY-MM-DD HH:mm:ss") : dayjs2(computedProps.value).format("YYYY-MM-DD HH:mm:ss");
+      return typeof computedProps.value === "number" && computedProps.value.toString().length === 10 ? dayjs.unix(computedProps.value).format("YYYY-MM-DD HH:mm:ss") : dayjs(computedProps.value).format("YYYY-MM-DD HH:mm:ss");
     case "date":
-      return typeof computedProps.value === "number" && computedProps.value.toString().length === 10 ? dayjs2.unix(computedProps.value).format("YYYY-MM-DD") : dayjs2(computedProps.value).format("YYYY-MM-DD");
+      return typeof computedProps.value === "number" && computedProps.value.toString().length === 10 ? dayjs.unix(computedProps.value).format("YYYY-MM-DD") : dayjs(computedProps.value).format("YYYY-MM-DD");
     default:
       return computedProps.value;
   }
@@ -389,6 +221,7 @@ function useDrawer(init) {
 }
 
 // src/Form.tsx
+import { faas } from "@faasjs/react";
 import {
   Button as Button2,
   Form as AntdForm2
@@ -586,28 +419,32 @@ function Form(props) {
     const propsCopy = __spreadValues({}, props);
     if (propsCopy.onFinish) {
       propsCopy.onFinish = async (values) => {
+        var _a2;
         setLoading(true);
         try {
-          await propsCopy.onFinish(values);
+          if (propsCopy.submit && ((_a2 = propsCopy.submit.to) == null ? void 0 : _a2.action)) {
+            await props.onFinish(values, async (values2) => faas(propsCopy.submit.to.action, propsCopy.submit.to.params ? __spreadValues(__spreadValues({}, values2), propsCopy.submit.to.params) : values2));
+          } else
+            await propsCopy.onFinish(values);
         } catch (error) {
           console.error(error);
         }
         setLoading(false);
       };
     }
-    setComputedProps(props);
+    setComputedProps(propsCopy);
   }, []);
   if (!computedProps)
     return null;
-  return /* @__PURE__ */ React.createElement(AntdForm2, __spreadValues({}, computedProps), (_a = props.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ React.createElement(FormItem, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ React.createElement(AntdForm2, __spreadValues({}, computedProps), (_a = computedProps.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ React.createElement(FormItem, __spreadProps(__spreadValues({
     key: item.id
   }, item), {
-    extendTypes: props.extendTypes
-  }))), props.children, props.submit !== false && /* @__PURE__ */ React.createElement(Button2, {
+    extendTypes: computedProps.extendTypes
+  }))), computedProps.children, computedProps.submit !== false && /* @__PURE__ */ React.createElement(Button2, {
     htmlType: "submit",
     type: "primary",
     loading
-  }, ((_b = props.submit) == null ? void 0 : _b.text) || config.Form.submit.text));
+  }, ((_b = computedProps.submit) == null ? void 0 : _b.text) || config.Form.submit.text));
 }
 Form.useForm = AntdForm2.useForm;
 Form.Item = FormItem;
@@ -676,7 +513,7 @@ import {
   Radio,
   Skeleton as Skeleton3
 } from "antd";
-import dayjs3 from "dayjs";
+import dayjs2 from "dayjs";
 import { CheckOutlined as CheckOutlined2, CloseOutlined as CloseOutlined2 } from "@ant-design/icons";
 import { isNil as isNil2, upperFirst as upperFirst4 } from "lodash";
 import { FaasDataWrapper as FaasDataWrapper2 } from "@faasjs/react";
@@ -704,7 +541,7 @@ function processValue(item, value) {
     if (["date", "time"].includes(item.type)) {
       if (typeof value === "number" && value.toString().length === 10)
         value = value * 1e3;
-      value = dayjs3(value).format(dayjsFormat);
+      value = dayjs2(value).format(dayjsFormat);
     }
   }
   return value;
@@ -823,12 +660,12 @@ function Table(props) {
         case "date":
           item.render = (value) => processValue(item, value);
           if (!item.onFilter)
-            item.onFilter = (value, row) => dayjs3(row[item.id]).isSame(dayjs3(value));
+            item.onFilter = (value, row) => dayjs2(row[item.id]).isSame(dayjs2(value));
           break;
         case "time":
           item.render = (value) => processValue(item, value);
           if (!item.onFilter)
-            item.onFilter = (value, row) => dayjs3(row[item.id]).isSame(dayjs3(value));
+            item.onFilter = (value, row) => dayjs2(row[item.id]).isSame(dayjs2(value));
           break;
         default:
           item.render = (value) => processValue(item, value);
@@ -895,7 +732,7 @@ function Table(props) {
 }
 
 // src/Title.tsx
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect6, cloneElement as cloneElement3 } from "react";
 function Title(props) {
   const [config] = useFaasState();
   useEffect6(() => {
@@ -910,6 +747,8 @@ function Title(props) {
       style: props.h1.style
     }, Array.isArray(props.title) ? props.title[0] : props.title);
   }
+  if (props.children)
+    return cloneElement3(props.children, { title: props.title });
   return null;
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "0.0.2-beta.371",
+  "version": "0.0.2-beta.375",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -16,7 +16,7 @@
   },
   "funding": "https://github.com/sponsors/faasjs",
   "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --inject react-shim.js",
+    "build": "tsup-node src/index.ts --format esm,cjs --inject react-shim.js",
     "build:types": "tsup-node src/index.ts --dts-only"
   },
   "files": [
@@ -28,7 +28,7 @@
     "lodash": "*",
     "react": "*",
     "react-dom": "*",
-    "@faasjs/react": "^0.0.2-beta.371",
+    "@faasjs/react": "^0.0.2-beta.375",
     "react-use": "*",
     "react-router-dom": "*",
     "dayjs": "*"