@lobehub/ui 1.155.0 → 1.155.2

package/es/Form/components/FormDivider.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["style"];

package/es/Form/components/FormFooter.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "children"];

package/es/Form/components/FormGroup.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";

package/es/Form/components/FormItem.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";

package/es/Form/components/FormTitle.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject;
 import { createStyles } from 'antd-style';

package/es/Form/index.d.ts

@@ -19,6 +19,7 @@ export interface FormProps extends Omit<AntFormProps, 'variant'> {
     itemsType?: ItemsType;
     variant?: FormVariant;
 }
+export type { FormInstance } from 'antd';
 export interface IForm {
     (props: FormProps & RefAttributes<FormInstance>): ReactNode;
     Group: typeof FormGroup;

package/es/Form/index.js

@@ -61,7 +61,7 @@ var FormParent = /*#__PURE__*/forwardRef(function (_ref, ref) {
       gap: gap
     }, style)
   }, rest), {}, {
-    children: [(items === null || items === void 0 ? void 0 : items.length) > 0 ? itemsType === 'group' ? items === null || items === void 0 ? void 0 : items.map(function (item, i) {
+    children: [items && (items === null || items === void 0 ? void 0 : items.length) > 0 ? itemsType === 'group' ? items === null || items === void 0 ? void 0 : items.map(function (item, i) {
       return mapTree(item, i);
     }) : /*#__PURE__*/_jsx(FormGroup, {
       itemsType: 'flat',
@@ -71,7 +71,7 @@ var FormParent = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }).map(function (item, i) {
         return mapFlat(item, i);
       })
-    }) : null, children, footer && /*#__PURE__*/_jsx(FormFooter, {
+    }) : undefined, children, footer && /*#__PURE__*/_jsx(FormFooter, {
       children: footer
     })]
   }));

package/es/FormModal/index.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-import { FormInstance } from 'antd';
-import { type FormProps } from "../Form";
+import { type FormInstance, type FormProps } from "../Form";
 import { type ModalProps } from "../Modal";
-export interface FormModalProps extends Omit<FormProps, 'className' | 'style' | 'title'>, Pick<ModalProps, 'style' | 'className' | 'allowFullscreen' | 'title' | 'wrapClassName' | 'width' | 'onCancel' | 'open' | 'centered' | 'destroyOnClose' | 'paddings' | 'maxHeight' | 'enableResponsive' | 'afterClose' | 'afterOpenChange' | 'zIndex' | 'mask' | 'getContainer' | 'keyboard' | 'forceRender' | 'focusTriggerAfterClose' | 'closable' | 'loading' | 'closeIcon'> {
+type PickModalProps = Pick<ModalProps, 'style' | 'className' | 'allowFullscreen' | 'title' | 'wrapClassName' | 'width' | 'onCancel' | 'open' | 'centered' | 'destroyOnClose' | 'paddings' | 'maxHeight' | 'enableResponsive' | 'afterClose' | 'afterOpenChange' | 'zIndex' | 'mask' | 'getContainer' | 'keyboard' | 'forceRender' | 'focusTriggerAfterClose' | 'closable' | 'loading' | 'closeIcon'>;
+type PickFormProps = Omit<FormProps, 'className' | 'style' | 'title'>;
+export interface FormModalProps extends PickModalProps, PickFormProps {
     classNames?: {
         form?: FormProps['className'];
     } & ModalProps['classNames'];

package/es/FormModal/index.js

@@ -1,8 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["classNames", "className", "style", "closable", "styles", "children", "allowFullscreen", "title", "wrapClassName", "afterOpenChange", "width", "onCancel", "centered", "open", "afterClose", "destroyOnClose", "closeIcon", "paddings", "maxHeight", "enableResponsive", "zIndex", "mask", "getContainer", "keyboard", "focusTriggerAfterClose", "forceRender", "loading", "footer", "finishButtonProps", "finishLoading", "onFinish", "finishText", "variant", "gap"],
-  _excluded2 = ["form"],
-  _excluded3 = ["form"];
+  _excluded2 = ["form", "footer"],
+  _excluded3 = ["form", "footer"];
 import { Button } from 'antd';
 import { useResponsive } from 'antd-style';
 import { forwardRef } from 'react';
@@ -57,8 +57,10 @@ var FormModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     cx = _useStyles.cx,
     s = _useStyles.styles;
   var formClassName = classNames.form,
+    footerClassName = classNames.footer,
     modalClassNames = _objectWithoutProperties(classNames, _excluded2);
   var formStyle = styles.form,
+    footerStyle = styles.footer,
     modalStyles = _objectWithoutProperties(styles, _excluded3);
   return /*#__PURE__*/_jsx(Modal, {
     afterClose: afterClose,
@@ -94,7 +96,7 @@ var FormModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     wrapClassName: wrapClassName,
     zIndex: zIndex,
     children: /*#__PURE__*/_jsxs(Form, _objectSpread(_objectSpread({
-      className: cx(formClassName, s.form),
+      className: cx(s.form, formClassName),
       clearOnDestroy: destroyOnClose,
       gap: gap || (variant === 'pure' ? 24 : gap),
       onFinish: onFinish,
@@ -103,9 +105,10 @@ var FormModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
       variant: variant
     }, rest), {}, {
       children: [children, /*#__PURE__*/_jsx(Flexbox, {
-        className: s.footer,
+        className: cx(s.footer, footerClassName),
         gap: 8,
         horizontal: true,
+        style: footerStyle,
         width: '100%',
         children: footer || /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
           block: true,

package/es/components.d.ts

@@ -21,7 +21,7 @@ export { default as FileTypeIcon, type FileTypeIconProps } from './FileTypeIcon'
 export { default as FluentEmoji, type FluentEmojiProps } from './FluentEmoji';
 export { default as FontLoader, type FontLoaderProps } from './FontLoader';
 export { default as Footer, type FooterProps } from './Footer';
-export { default as Form, type FormProps, type ItemGroup } from './Form';
+export { default as Form, type FormInstance, type FormProps, type ItemGroup } from './Form';
 export { default as FormDivider, type FormDividerProps } from './Form/components/FormDivider';
 export { default as FormFooter, type FormFooterProps } from './Form/components/FormFooter';
 export { default as FormGroup, type FormGroupProps } from './Form/components/FormGroup';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.155.0",
+  "version": "1.155.2",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",