@faasjs/ant-design 0.0.5-beta.2 → 0.0.5-beta.4

package/dist/index.d.mts

@@ -5,7 +5,7 @@ import { ConfigProviderProps as ConfigProviderProps$1 } from 'antd/es/config-pro
 import { StyleProviderProps } from '@ant-design/cssinjs/lib/StyleContext';
 import { MessageInstance } from 'antd/es/message/interface';
 import { NotificationInstance } from 'antd/es/notification/interface';
-import { ModalProps as ModalProps$1, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, InputProps, InputNumberProps, SwitchProps, SelectProps, DatePickerProps, TimePickerProps, FormInstance, DescriptionsProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1 } from 'antd';
+import { ModalProps as ModalProps$1, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, InputProps, InputNumberProps, SwitchProps, SelectProps, DatePickerProps, FormInstance, DescriptionsProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1 } from 'antd';
 export { Drawer, Modal } from 'antd';
 import { BrowserRouterProps, RouteProps } from 'react-router-dom';
 import * as react from 'react';
@@ -181,7 +181,7 @@ type ExtendTypes = {
 };
 type ExtendFormItemProps = BaseItemProps & FormItemProps$1;
 interface FormItemProps<T = any> extends FaasItemProps, Omit<FormItemProps$1<T>, 'id' | 'children' | 'render'> {
-    input?: InputProps | InputNumberProps | SwitchProps | SelectProps<T> | DatePickerProps | TimePickerProps;
+    input?: InputProps | InputNumberProps | SwitchProps | SelectProps<T> | DatePickerProps;
     maxCount?: number;
     object?: FormItemProps[];
     disabled?: boolean;

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import { ConfigProviderProps as ConfigProviderProps$1 } from 'antd/es/config-pro
 import { StyleProviderProps } from '@ant-design/cssinjs/lib/StyleContext';
 import { MessageInstance } from 'antd/es/message/interface';
 import { NotificationInstance } from 'antd/es/notification/interface';
-import { ModalProps as ModalProps$1, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, InputProps, InputNumberProps, SwitchProps, SelectProps, DatePickerProps, TimePickerProps, FormInstance, DescriptionsProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1 } from 'antd';
+import { ModalProps as ModalProps$1, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, InputProps, InputNumberProps, SwitchProps, SelectProps, DatePickerProps, FormInstance, DescriptionsProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1 } from 'antd';
 export { Drawer, Modal } from 'antd';
 import { BrowserRouterProps, RouteProps } from 'react-router-dom';
 import * as react from 'react';
@@ -181,7 +181,7 @@ type ExtendTypes = {
 };
 type ExtendFormItemProps = BaseItemProps & FormItemProps$1;
 interface FormItemProps<T = any> extends FaasItemProps, Omit<FormItemProps$1<T>, 'id' | 'children' | 'render'> {
-    input?: InputProps | InputNumberProps | SwitchProps | SelectProps<T> | DatePickerProps | TimePickerProps;
+    input?: InputProps | InputNumberProps | SwitchProps | SelectProps<T> | DatePickerProps;
     maxCount?: number;
     object?: FormItemProps[];
     disabled?: boolean;

package/dist/index.js

@@ -646,7 +646,12 @@ function FormItem(props) {
     case "date":
       return /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { ...computedProps, children: /* @__PURE__ */ jsxRuntime.jsx(antd.DatePicker, { ...computedProps.input }) });
     case "time":
-      return /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { ...computedProps, children: /* @__PURE__ */ jsxRuntime.jsx(antd.TimePicker, { ...computedProps.input }) });
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { ...computedProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.DatePicker,
+        {
+          ...{ ...computedProps.input, showTime: true }
+        }
+      ) });
     case "object":
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         computedProps.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ant-form-item-label", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1041,8 +1046,9 @@ function Table(props) {
     return item;
   };
   react$1.useEffect(() => {
-    var _a, _b;
-    for (const item of props.items) {
+    var _a, _b, _c;
+    const items = lodashEs.cloneDeep(props.items);
+    for (const item of items) {
       if (!item.key)
         item.key = item.id;
       if (!item.dataIndex)
@@ -1355,6 +1361,7 @@ function Table(props) {
           }
           break;
         case "time":
+          item.width = (_c = item.width) != null ? _c : 200;
           if (!item.render)
             item.render = (value) => processValue(item, value);
           if (typeof item.sorter === "undefined")
@@ -1428,8 +1435,8 @@ function Table(props) {
           break;
       }
     }
-    setColumns(props.items);
-  }, [JSON.stringify(props.items)]);
+    setColumns(items);
+  }, [props.items]);
   react$1.useEffect(() => {
     if (!props.dataSource || !columns)
       return;
@@ -1595,23 +1602,23 @@ function Title(props) {
   return null;
 }
 
-Object.defineProperty(exports, 'faas', {
+Object.defineProperty(exports, "faas", {
   enumerable: true,
   get: function () { return react.faas; }
 });
-Object.defineProperty(exports, 'useFaas', {
+Object.defineProperty(exports, "useFaas", {
   enumerable: true,
   get: function () { return react.useFaas; }
 });
-Object.defineProperty(exports, 'Drawer', {
+Object.defineProperty(exports, "Drawer", {
   enumerable: true,
   get: function () { return antd.Drawer; }
 });
-Object.defineProperty(exports, 'Modal', {
+Object.defineProperty(exports, "Modal", {
   enumerable: true,
   get: function () { return antd.Modal; }
 });
-Object.defineProperty(exports, 'lazy', {
+Object.defineProperty(exports, "lazy", {
   enumerable: true,
   get: function () { return react$1.lazy; }
 });

package/dist/index.mjs

@@ -1,13 +1,13 @@
 import { ErrorBoundary as ErrorBoundary$1, FaasReactClient, FaasDataWrapper as FaasDataWrapper$1, faas } from '@faasjs/react';
 export { faas, useFaas } from '@faasjs/react';
-import { Form as Form$1, Modal, Drawer, message, notification, ConfigProvider as ConfigProvider$1, Typography, Spin, Descriptions, Input, Button, Row, Col, TimePicker, DatePicker, Switch, Select, InputNumber, Radio, Result, Skeleton, Table as Table$1, Tabs as Tabs$1, Alert, Space } from 'antd';
+import { Form as Form$1, Modal, Drawer, message, notification, ConfigProvider as ConfigProvider$1, Typography, Spin, Descriptions, Input, Button, Row, Col, DatePicker, Switch, Select, InputNumber, Radio, Result, Skeleton, Table as Table$1, Tabs as Tabs$1, Alert, Space } from 'antd';
 export { Drawer, Modal } from 'antd';
 import { StyleProvider, legacyLogicalPropertiesTransformer } from '@ant-design/cssinjs';
 import { createContext, useState, useEffect, useContext, useMemo, cloneElement, useCallback, isValidElement, 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 { defaultsDeep, isNil, upperFirst, isFunction, uniqBy } from 'lodash-es';
+import { defaultsDeep, isNil, upperFirst, isFunction, cloneDeep, uniqBy } from 'lodash-es';
 import dayjs2 from 'dayjs';
 import { PlusOutlined, MinusCircleOutlined, CheckOutlined, CloseOutlined } from '@ant-design/icons';
 
@@ -643,7 +643,12 @@ function FormItem(props) {
     case "date":
       return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(DatePicker, { ...computedProps.input }) });
     case "time":
-      return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(TimePicker, { ...computedProps.input }) });
+      return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          ...{ ...computedProps.input, showTime: true }
+        }
+      ) });
     case "object":
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         computedProps.label && /* @__PURE__ */ jsx("div", { className: "ant-form-item-label", children: /* @__PURE__ */ jsx(
@@ -1038,8 +1043,9 @@ function Table(props) {
     return item;
   };
   useEffect(() => {
-    var _a, _b;
-    for (const item of props.items) {
+    var _a, _b, _c;
+    const items = cloneDeep(props.items);
+    for (const item of items) {
       if (!item.key)
         item.key = item.id;
       if (!item.dataIndex)
@@ -1352,6 +1358,7 @@ function Table(props) {
           }
           break;
         case "time":
+          item.width = (_c = item.width) != null ? _c : 200;
           if (!item.render)
             item.render = (value) => processValue(item, value);
           if (typeof item.sorter === "undefined")
@@ -1425,8 +1432,8 @@ function Table(props) {
           break;
       }
     }
-    setColumns(props.items);
-  }, [JSON.stringify(props.items)]);
+    setColumns(items);
+  }, [props.items]);
   useEffect(() => {
     if (!props.dataSource || !columns)
       return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "0.0.5-beta.2",
+  "version": "0.0.5-beta.4",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -26,7 +26,7 @@
     "lodash-es": "*"
   },
   "peerDependencies": {
-    "@faasjs/react": "0.0.5-beta.2",
+    "@faasjs/react": "0.0.5-beta.4",
     "antd": "*",
     "react": "*",
     "react-dom": "*",
@@ -37,7 +37,7 @@
     "@testing-library/jest-dom": "*",
     "@testing-library/react": "*",
     "@testing-library/user-event": "*",
-    "@faasjs/react": "0.0.5-beta.2",
+    "@faasjs/react": "0.0.5-beta.4",
     "antd": "*",
     "react": "*",
     "react-dom": "*",