@1money/react-ui 1.16.0 → 1.17.0

package/lib/components/ProForm/interface.d.ts

@@ -0,0 +1,306 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { FieldPath, FieldValues, UseFormReturn } from 'react-hook-form';
+import type { FormProps, FormItemRules } from '../Form';
+import type { ButtonProps } from '../Button';
+import type { ModalProps } from '../Modal';
+import type { DrawerProps } from '../Drawer';
+/**
+ * Common props shared by all ProForm field components created via {@link createProFormField}.
+ *
+ * @typeParam FieldProps - The props interface of the underlying input component.
+ * @typeParam TFieldValues - The form values type (inferred from the parent form).
+ */
+export interface ProFormFieldProps<FieldProps, TFieldValues extends FieldValues = FieldValues> {
+    /** Field name path within the form values. */
+    name: FieldPath<TFieldValues>;
+    /** Label displayed alongside the field. */
+    label?: ReactNode;
+    /** Validation rules applied to this field. */
+    rules?: FormItemRules<TFieldValues>;
+    /** Whether the field is required. Adds a required indicator to the label. */
+    required?: boolean;
+    /** Help text shown below the field. */
+    help?: ReactNode;
+    /** Extra content rendered beneath the field (after help text). */
+    extra?: ReactNode;
+    /** Other field names this field depends on for conditional validation. */
+    dependencies?: Array<FieldPath<TFieldValues>>;
+    /** When validation is triggered — on change, blur, or both. */
+    validateTrigger?: 'onChange' | 'onBlur' | Array<'onChange' | 'onBlur'>;
+    /** Column span for the label in grid layout. */
+    labelCol?: number;
+    /** Column span for the input wrapper in grid layout. */
+    wrapperCol?: number;
+    /** When `true`, renders the field without the `FormItem` wrapper styles. */
+    noStyle?: boolean;
+    /** When `true`, renders the field value as plain text instead of an input. */
+    readonly?: boolean;
+    /** When `true`, hides the field entirely (renders nothing). */
+    hidden?: boolean;
+    /** Grid column configuration for the field when `grid` mode is enabled. */
+    colProps?: {
+        span?: number;
+    };
+    /** Props forwarded directly to the underlying input component. */
+    fieldProps?: Partial<FieldProps>;
+    /** Placeholder text for the input. */
+    placeholder?: string;
+    /** Whether the field is disabled. */
+    disabled?: boolean;
+    /** Width of the field — a preset name (`'sm'` | `'md'` | `'lg'` | `'xl'`) or a pixel value. */
+    width?: 'sm' | 'md' | 'lg' | 'xl' | number;
+}
+/**
+ * Props passed to a custom submitter render function.
+ *
+ * @typeParam TFieldValues - The form values type.
+ */
+export interface SubmitterRenderProps<TFieldValues extends FieldValues = FieldValues> {
+    /** The `react-hook-form` form instance. */
+    form?: UseFormReturn<TFieldValues>;
+    /** Programmatically triggers form submission. */
+    submit: () => void;
+    /** Programmatically resets the form to its default values. */
+    reset: () => void;
+}
+/**
+ * Configuration for the form submit/reset button bar.
+ *
+ * @typeParam TFieldValues - The form values type.
+ */
+export interface SubmitterProps<TFieldValues extends FieldValues = FieldValues> {
+    /** Text displayed on the submit button. @default 'Submit' */
+    submitText?: ReactNode;
+    /** Text displayed on the reset button. @default 'Reset' */
+    resetText?: ReactNode;
+    /** Custom render function that replaces the default button bar. */
+    render?: (props: SubmitterRenderProps<TFieldValues>, dom: ReactElement[]) => ReactNode;
+    /** Callback fired when the submit button is clicked. */
+    onSubmit?: () => void;
+    /** Callback fired when the reset button is clicked. */
+    onReset?: () => void;
+    /** Additional props forwarded to the submit `<Button>`. */
+    submitButtonProps?: ButtonProps;
+    /** Additional props forwarded to the reset `<Button>`. */
+    resetButtonProps?: ButtonProps;
+}
+/**
+ * Props for the {@link ProForm} component — an enhanced form with built-in
+ * submitter, grid layout, readonly mode, and async data loading.
+ *
+ * @typeParam TFieldValues - The form values type.
+ */
+export interface ProFormProps<TFieldValues extends FieldValues = FieldValues> extends Omit<FormProps<TFieldValues>, 'onFinish'> {
+    /** Callback invoked with validated form values on successful submission. Return `false` to prevent the default post-submit behavior. */
+    onFinish?: (values: TFieldValues) => void | boolean | Promise<void | boolean>;
+    /** Submitter button configuration. Pass `false` to hide the button bar entirely. */
+    submitter?: false | SubmitterProps<TFieldValues>;
+    /** When `true`, all fields render their values as plain text. */
+    readonly?: boolean;
+    /** When `true`, wraps children in a responsive `<Row>` grid layout. */
+    grid?: boolean;
+    /** Default column props applied to each field when `grid` is enabled. */
+    colProps?: {
+        span?: number;
+    };
+    /** Row props (e.g. `gutter`) applied to the grid wrapper. */
+    rowProps?: {
+        gutter?: number;
+    };
+    /** When `true`, disables the form and shows a loading state on the submit button. */
+    loading?: boolean;
+    /** Async function to fetch initial/remote form values. Called when `params` change. */
+    request?: (params?: Record<string, unknown>) => Promise<TFieldValues>;
+    /** Parameters passed to the `request` function. Changing these re-triggers the request. */
+    params?: Record<string, unknown>;
+}
+/**
+ * Shared props for overlay-based ProForm containers (e.g., modal and drawer).
+ */
+export interface OverlayFormProps {
+    /** Controlled open state of the overlay. */
+    open?: boolean;
+    /** Callback fired when the overlay open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Element that opens the overlay when clicked. */
+    trigger?: ReactElement;
+    /** Delay (ms) before the overlay closes after a successful submit. */
+    submitTimeout?: number;
+    /** Whether the overlay closes automatically after a successful submit. @default true */
+    autoClose?: boolean;
+    /** Whether the overlay content is destroyed when closed. @default true */
+    destroyOnClose?: boolean;
+    /** Width of the overlay container. */
+    width?: string | number;
+    /** Title shown in the overlay header. */
+    title?: ReactNode;
+}
+/**
+ * Props for {@link ModalForm} — a ProForm rendered inside a modal dialog.
+ *
+ * @typeParam TFieldValues - The form values type.
+ */
+export interface ModalFormProps<TFieldValues extends FieldValues = FieldValues> extends ProFormProps<TFieldValues>, OverlayFormProps {
+    /** Props forwarded to the underlying `<Modal>` component. */
+    modalProps?: ModalProps;
+}
+/**
+ * Props for {@link DrawerForm} — a ProForm rendered inside a side drawer.
+ *
+ * @typeParam TFieldValues - The form values type.
+ */
+export interface DrawerFormProps<TFieldValues extends FieldValues = FieldValues> extends ProFormProps<TFieldValues>, OverlayFormProps {
+    /** Props forwarded to the underlying `<Drawer>` component. */
+    drawerProps?: DrawerProps;
+}
+/**
+ * Props for an individual step inside {@link StepsForm}.
+ *
+ * @typeParam TFieldValues - The form values type.
+ */
+export interface StepFormProps<TFieldValues extends FieldValues = FieldValues> extends ProFormProps<TFieldValues> {
+    /** Title displayed above the step form. */
+    title?: ReactNode;
+    /** Description displayed below the step title. */
+    description?: ReactNode;
+    /** Additional HTML/aria props for the step container. */
+    stepProps?: Record<string, unknown>;
+}
+/**
+ * Submitter configuration specific to {@link StepsForm}, adding previous/next navigation.
+ *
+ * @typeParam TFieldValues - The form values type.
+ */
+export interface StepsSubmitterProps<TFieldValues extends FieldValues = FieldValues> extends SubmitterProps<TFieldValues> {
+    /** Text for the "previous step" button. @default 'Previous' */
+    prevText?: ReactNode;
+    /** Text for the "next step" button. @default 'Next' */
+    nextText?: ReactNode;
+}
+/**
+ * Submitter configuration specific to {@link QueryFilter}, adding
+ * collapse/expand button text overrides.
+ *
+ * @typeParam TFieldValues - The form values type.
+ */
+export interface QueryFilterSubmitterProps<TFieldValues extends FieldValues = FieldValues> extends SubmitterProps<TFieldValues> {
+    /** Text overrides for the collapse/expand toggle in {@link QueryFilter}. */
+    searchConfig?: {
+        collapseText?: ReactNode;
+        expandText?: ReactNode;
+    };
+}
+/**
+ * Props for {@link StepsForm} — a multi-step wizard form that collects
+ * values across steps and submits them together on the final step.
+ *
+ * @typeParam TFieldValues - The form values type.
+ */
+export interface StepsFormProps<TFieldValues extends FieldValues = FieldValues> {
+    /** Controlled active step index (0-based). */
+    current?: number;
+    /** Callback fired when the active step changes. */
+    onCurrentChange?: (current: number) => void;
+    /** Callback invoked with all merged step values when the final step is submitted. */
+    onFinish?: (values: TFieldValues) => void | Promise<void>;
+    /** Additional HTML/aria props for the steps wrapper. */
+    stepsProps?: Record<string, unknown>;
+    /** Shared form props applied to every step's `<ProForm>`. */
+    formProps?: Partial<ProFormProps<TFieldValues>>;
+    /** Submitter configuration with step navigation. Pass `false` to hide. */
+    submitter?: false | StepsSubmitterProps<TFieldValues>;
+    /** One or more `<StepForm>` elements representing each wizard step. */
+    children: ReactElement<StepFormProps<TFieldValues>> | ReactElement<StepFormProps<TFieldValues>>[];
+}
+/**
+ * Props for {@link QueryFilter} — a horizontal search/filter form with
+ * collapsible fields and a search/reset button bar.
+ *
+ * @typeParam TFieldValues - The form values type.
+ */
+export interface QueryFilterProps<TFieldValues extends FieldValues = FieldValues> extends Omit<ProFormProps<TFieldValues>, 'submitter'> {
+    /** Whether the filter is collapsed by default. @default true */
+    defaultCollapsed?: boolean;
+    /** Controlled collapsed state. */
+    collapsed?: boolean;
+    /** Callback fired when the collapsed state changes. */
+    onCollapse?: (collapsed: boolean) => void;
+    /** Number of fields visible when collapsed. @default 3 */
+    defaultColsNumber?: number;
+    /** Fixed label width in pixels, or `'auto'`. */
+    labelWidth?: number | 'auto';
+    /** When `true`, adds a visual separator between filters. */
+    split?: boolean;
+    /** Callback fired when the reset button is clicked. */
+    onReset?: () => void;
+    /** Submitter configuration for search/reset/collapse actions. Pass `false` to hide. */
+    submitter?: false | QueryFilterSubmitterProps<TFieldValues>;
+}
+/**
+ * Imperative action handle exposed by {@link ProFormList} for programmatic list manipulation.
+ */
+export interface ProFormListAction {
+    /** Appends or inserts a new row with optional default values. */
+    add: (defaultValue?: Record<string, unknown>, index?: number) => void;
+    /** Removes the row at the given index. */
+    remove: (index: number) => void;
+    /** Moves a row from one index to another. */
+    move: (from: number, to: number) => void;
+    /** Duplicates the row at the given index. */
+    copy: (index: number) => void;
+    /** Returns the current list of row values. */
+    getList: () => Record<string, unknown>[];
+}
+/**
+ * Props for {@link ProFormList} — a dynamic, repeatable form field list
+ * with add/remove/copy/sort capabilities.
+ *
+ * @typeParam TFieldValues - The form values type.
+ */
+export interface ProFormListProps<TFieldValues extends FieldValues = FieldValues> {
+    /** Field name path for the array within the form values. */
+    name: FieldPath<TFieldValues>;
+    /** Label displayed above the list. */
+    label?: ReactNode;
+    /** Minimum number of rows (prevents removal below this count). */
+    min?: number;
+    /** Maximum number of rows (prevents adding above this count). */
+    max?: number;
+    /** Initial row values populated when the list is first rendered. */
+    initialValue?: Record<string, unknown>[];
+    /** Props for the copy icon button. Pass `false` to hide. */
+    copyIconProps?: false | Record<string, unknown>;
+    /** Props for the delete icon button. Pass `false` to hide. */
+    deleteIconProps?: false | Record<string, unknown>;
+    /** Props for the "add row" button. Pass `false` to hide. */
+    creatorButtonProps?: false | (ButtonProps & {
+        /** Button label text. @default 'Add' */
+        text?: ReactNode;
+        /** Position of the add button relative to the list. @default 'bottom' */
+        position?: 'top' | 'bottom';
+    });
+    /** When `true`, rows can be reordered via drag-and-drop. */
+    sortable?: boolean;
+    /** Custom render function for each list row. */
+    itemRender?: (props: {
+        listDom: ReactNode;
+        action: ProFormListAction;
+    }) => ReactNode;
+    /** Custom render function for the action buttons of each row. */
+    actionRender?: (row: {
+        index: number;
+        record: unknown;
+    }, action: ProFormListAction, defaultDom: {
+        delete: ReactNode;
+        copy: ReactNode;
+    }) => ReactNode[];
+    /** Row content — either static ReactNode or a render function receiving field metadata and actions. */
+    children: ReactNode | ((fields: {
+        name: string;
+        key: string;
+    }[], action: ProFormListAction) => ReactNode);
+    /** Callback fired after a row is added. */
+    onAfterAdd?: (defaultValue: Record<string, unknown>, insertIndex: number) => void;
+    /** Callback fired after a row is removed. */
+    onAfterRemove?: (index: number) => void;
+}

package/lib/components/ProForm/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9Qcm9Gb3JtL2ludGVyZmFjZS5qcyIsIm5hbWVzIjpbXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9Qcm9Gb3JtL2ludGVyZmFjZS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge307Il0sIm1hcHBpbmdzIjoiIiwiaWdub3JlTGlzdCI6W119

package/lib/components/ProForm/layouts/DrawerForm.d.ts

@@ -0,0 +1,16 @@
+import type { FieldValues } from 'react-hook-form';
+import type { DrawerFormProps } from '../interface';
+/**
+ * A {@link ProForm} displayed inside a side drawer panel.
+ *
+ * Supports controlled/uncontrolled open state, a trigger element, auto-close
+ * on submit, and optional close timeout.
+ *
+ * @typeParam TFieldValues - The form values type.
+ */
+declare function DrawerFormBase<TFieldValues extends FieldValues = FieldValues>(props: DrawerFormProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+declare namespace DrawerFormBase {
+    var displayName: string;
+}
+export declare const DrawerForm: typeof DrawerFormBase;
+export default DrawerForm;

package/lib/components/ProForm/layouts/DrawerForm.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DrawerForm = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _classnames = require("../../../utils/classnames");
+var _Drawer = require("../../Drawer");
+var _ProForm = _interopRequireDefault(require("../ProForm"));
+var _constants = require("../constants");
+var _ProFormModule = _interopRequireDefault(require("../style/ProForm.module.scss"));
+var _useOverlayForm2 = require("./useOverlayForm");
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+/**
+ * A {@link ProForm} displayed inside a side drawer panel.
+ *
+ * Supports controlled/uncontrolled open state, a trigger element, auto-close
+ * on submit, and optional close timeout.
+ *
+ * @typeParam TFieldValues - The form values type.
+ */
+function DrawerFormBase(props) {
+  var _a;
+  var open = props.open,
+    onOpenChange = props.onOpenChange,
+    trigger = props.trigger,
+    drawerProps = props.drawerProps,
+    submitTimeout = props.submitTimeout,
+    _props$autoClose = props.autoClose,
+    autoClose = _props$autoClose === void 0 ? true : _props$autoClose,
+    _props$destroyOnClose = props.destroyOnClose,
+    destroyOnClose = _props$destroyOnClose === void 0 ? true : _props$destroyOnClose,
+    width = props.width,
+    title = props.title,
+    onFinish = props.onFinish,
+    children = props.children,
+    formProps = __rest(props, ["open", "onOpenChange", "trigger", "drawerProps", "submitTimeout", "autoClose", "destroyOnClose", "width", "title", "onFinish", "children"]);
+  var drawerPropsObj = drawerProps !== null && drawerProps !== void 0 ? drawerProps : {};
+  var _useOverlayForm = (0, _useOverlayForm2.useOverlayForm)({
+      open: open,
+      onOpenChange: onOpenChange,
+      trigger: trigger,
+      submitTimeout: submitTimeout,
+      autoClose: autoClose,
+      destroyOnClose: destroyOnClose,
+      width: width,
+      onFinish: onFinish,
+      overlayStyle: drawerPropsObj.style,
+      onOverlayHide: drawerPropsObj.onHide
+    }),
+    mergedOpen = _useOverlayForm.mergedOpen,
+    shouldRenderPanel = _useOverlayForm.shouldRenderPanel,
+    triggerNode = _useOverlayForm.triggerNode,
+    handleFinish = _useOverlayForm.handleFinish,
+    handleHide = _useOverlayForm.handleHide,
+    mergedStyle = _useOverlayForm.mergedStyle;
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [triggerNode, shouldRenderPanel && (0, _jsxRuntime.jsx)(_Drawer.Drawer, Object.assign({}, drawerProps, {
+      visible: mergedOpen,
+      header: (_a = drawerPropsObj.header) !== null && _a !== void 0 ? _a : title,
+      style: mergedStyle,
+      onHide: handleHide,
+      children: (0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.joinCls)(_ProFormModule["default"]['proform__drawer-form'], "".concat(_constants.CSS_PREFIX, "-drawer-form")),
+        children: (0, _jsxRuntime.jsx)(_ProForm["default"], Object.assign({}, formProps, {
+          onFinish: handleFinish,
+          children: children
+        }))
+      })
+    }))]
+  });
+}
+DrawerFormBase.displayName = 'DrawerForm';
+var DrawerForm = exports.DrawerForm = /*#__PURE__*/(0, _react.memo)(DrawerFormBase);
+var _default = exports["default"] = DrawerForm;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvUHJvRm9ybS9sYXlvdXRzL0RyYXdlckZvcm0uanMiLCJjb21wb25lbnRzL1Byb0Zvcm0vc3JjL2NvbXBvbmVudHMvUHJvRm9ybS9sYXlvdXRzL0RyYXdlckZvcm0udHN4Il0sIm5hbWVzIjpbIl9qc3hSdW50aW1lIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9jbGFzc25hbWVzIiwiX0RyYXdlciIsIl9Qcm9Gb3JtIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9jb25zdGFudHMiLCJfUHJvRm9ybU1vZHVsZSIsIl91c2VPdmVybGF5Rm9ybTIiLCJfX3Jlc3QiLCJzIiwiZSIsInQiLCJwIiwiT2JqZWN0IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaW5kZXhPZiIsImdldE93blByb3BlcnR5U3ltYm9scyIsImkiLCJsZW5ndGgiLCJwcm9wZXJ0eUlzRW51bWVyYWJsZSIsIkRyYXdlckZvcm1CYXNlIiwicHJvcHMiLCJfYSIsIm9wZW4iLCJvbk9wZW5DaGFuZ2UiLCJ0cmlnZ2VyIiwiZHJhd2VyUHJvcHMiLCJzdWJtaXRUaW1lb3V0IiwiX3Byb3BzJGF1dG9DbG9zZSIsImF1dG9DbG9zZSIsIl9wcm9wcyRkZXN0cm95T25DbG9zZSIsImRlc3Ryb3lPbkNsb3NlIiwid2lkdGgiLCJ0aXRsZSIsIm9uRmluaXNoIiwiY2hpbGRyZW4iLCJmb3JtUHJvcHMiLCJkcmF3ZXJQcm9wc09iaiIsIl91c2VPdmVybGF5Rm9ybSIsInVzZU92ZXJsYXlGb3JtIiwib3ZlcmxheVN0eWxlIiwic3R5bGUiLCJvbk92ZXJsYXlIaWRlIiwib25IaWRlIiwibWVyZ2VkT3BlbiIsInNob3VsZFJlbmRlclBhbmVsIiwidHJpZ2dlck5vZGUiLCJoYW5kbGVGaW5pc2giLCJoYW5kbGVIaWRlIiwibWVyZ2VkU3R5bGUiLCJfanN4cyIsIl9GcmFnbWVudCIsIl9qc3giLCJEcmF3ZXIiLCJhc3NpZ24iLCJ2aXNpYmxlIiwiaGVhZGVyIiwiY2xhc3NOYW1lIiwiam9pbkNscyIsInN0eWxlcyIsImNvbmNhdCIsIkNTU19QUkVGSVgiLCJQcm9Gb3JtIiwiZGlzcGxheU5hbWUiLCJEcmF3ZXJGb3JtIiwiZXhwb3J0cyIsIm1lbW8iLCJfZGVmYXVsdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQVdBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ1hBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLFdBQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLE9BQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLFFBQUEsR0FBQUMsc0JBQUEsQ0FBQUwsT0FBQTtBQUNBLElBQUFNLFVBQUEsR0FBQU4sT0FBQTtBQUNBLElBQUFPLGNBQUEsR0FBQUYsc0JBQUEsQ0FBQUwsT0FBQTtBQUNBLElBQUFRLGdCQUFBLEdBQUFSLE9BQUE7QUROQSxJQUFJUyxNQUFNLEdBQUksVUFBUSxTQUFLQSxNQUFNLElBQUssVUFBVUMsQ0FBQyxFQUFFQyxDQUFDLEVBQUU7RUFDbEQsSUFBSUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztFQUNWLEtBQUssSUFBSUMsQ0FBQyxJQUFJSCxDQUFDLEVBQUUsSUFBSUksTUFBTSxDQUFDQyxTQUFTLENBQUNDLGNBQWMsQ0FBQ0MsSUFBSSxDQUFDUCxDQUFDLEVBQUVHLENBQUMsQ0FBQyxJQUFJRixDQUFDLENBQUNPLE9BQU8sQ0FBQ0wsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUMvRUQsQ0FBQyxDQUFDQyxDQUFDLENBQUMsR0FBR0gsQ0FBQyxDQUFDRyxDQUFDLENBQUM7RUFDZixJQUFJSCxDQUFDLElBQUksSUFBSSxJQUFJLE9BQU9JLE1BQU0sQ0FBQ0sscUJBQXFCLEtBQUssVUFBVSxFQUMvRCxLQUFLLElBQUlDLENBQUMsR0FBRyxDQUFDLEVBQUVQLENBQUMsR0FBR0MsTUFBTSxDQUFDSyxxQkFBcUIsQ0FBQ1QsQ0FBQyxDQUFDLEVBQUVVLENBQUMsR0FBR1AsQ0FBQyxDQUFDUSxNQUFNLEVBQUVELENBQUMsRUFBRSxFQUFFO0lBQ3BFLElBQUlULENB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bUIsTUFBZ0MsTUFBQSxJQUFBLElBQUFsQyxFQUFBLEtBQUEsS0FBQSxDQUFBLEdBQUFBLEVBQUEsR0FBSVcsS0FBSztNQUNqRVEsS0FBSyxFQUFFUSxXQUFXO01BQ2xCTixNQUFNLEVBQUVLLFVBQVU7TUFBQWIsUUFBQSxFQUVsQixJQUFBaUIsZUFBQSxFQUFBLEtBQUEsRUFBQTtRQUFLSyxTQUFTLEVBQUUsSUFBQUMsbUJBQU8sRUFBQ0MseUJBQU0sQ0FBQyxzQkFBc0IsQ0FBQyxLQUFBQyxNQUFBLENBQUtDLHFCQUFVLGlCQUFjLENBQUM7UUFBQTFCLFFBQUEsRUFDbEYsSUFBQWlCLGVBQUEsRUFBQ1UsbUJBQU8sRUFBQW5ELE1BQUEsQ0FBQTJDLE1BQUEsQ0FBQSxDQUFBLENBQUEsRUFDRmxCLFNBQVMsRUFBQTtVQUNiRixRQUFRLEVBQUVhLFlBQVk7VUFBQVosUUFBQSxFQUVyQkE7UUFBUSxDQUFBLENBQUE7TUFDRCxDQUFBO0lBQ04sQ0FBQSxDQUFBLENBRVQ7RUFBQSxDQUFBLENBQ0E7QUFFUDtBQUVBZixjQUFjLENBQUMyQyxXQUFXLEdBQUcsWUFBWTtBQUVsQyxJQUFNQyxVQUFVLEdBQUFDLE9BQUEsQ0FBQUQsVUFBQSxnQkFBRyxJQUFBRSxXQUFJLEVBQUM5QyxjQUFjLENBQTBCO0FBQUMsSUFBQStDLFFBQUEsR0FBQUYsT0FBQSxjQUV6REQsVUFBVSIsImZpbGUiOiJjb21wb25lbnRzL1Byb0Zvcm0vbGF5b3V0cy9EcmF3ZXJGb3JtLmpzIiwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fcmVzdCA9ICh0aGlzICYmIHRoaXMuX19yZXN0KSB8fCBmdW5jdGlvbiAocywgZSkge1xuICAgIHZhciB0ID0ge307XG4gICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApICYmIGUuaW5kZXhPZihwKSA8IDApXG4gICAgICAgIHRbcF0gPSBzW3BdO1xuICAgIGlmIChzICE9IG51bGwgJiYgdHlwZW9mIE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMgPT09IFwiZnVuY3Rpb25cIilcbiAgICAgICAgZm9yICh2YXIgaSA9IDAsIHAgPSBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKHMpOyBpIDwgcC5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgaWYgKGUuaW5kZXhPZihwW2ldKSA8IDAgJiYgT2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZS5jYWxsKHMsIHBbaV0pKVxuICAgICAgICAgICAgICAgIHRbcFtpXV0gPSBzW3BbaV1dO1xuICAgICAgICB9XG4gICAgcmV0dXJuIHQ7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIEZyYWdtZW50IGFzIF9GcmFnbWVudCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGpvaW5DbHMgfSBmcm9tICcuLi8uLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCB7IERyYXdlciB9IGZyb20gJy4uLy4uL0RyYXdlcic7XG5pbXBvcnQgUHJvRm9ybSBmcm9tICcuLi9Qcm9Gb3JtJztcbmltcG9ydCB7IENTU19QUkVGSVggfSBmcm9tICcuLi9jb25zdGFudHMnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuLi9zdHlsZS9Qcm9Gb3JtLm1vZHVsZS5zY3NzJztcbmltcG9ydCB7IHVzZU92ZXJsYXlGb3JtIH0gZnJvbSAnLi91c2VPdmVybGF5Rm9ybSc7XG4vKipcbiAqIEEge0BsaW5rIFByb0Zvcm19IGRpc3BsYXllZCBpbnNpZGUgYSBzaWRlIGRyYXdlciBwYW5lbC5cbiAqXG4gKiBTdXBwb3J0cyBjb250cm9sbGVkL3VuY29udHJvbGxlZCBvcGVuIHN0YXRlLCBhIHRyaWdnZXIgZWxlbWVudCwgYXV0by1jbG9zZVxuICogb24gc3VibWl0LCBhbmQgb3B0aW9uYWwgY2xvc2UgdGltZW91dC5cbiAqXG4gKiBAdHlwZVBhcmFtIFRGaWVsZFZhbHVlcyAtIFRoZSBmb3JtIHZhbHVlcyB0eXBlLlxuICovXG5mdW5jdGlvbiBEcmF3ZXJGb3JtQmFzZShwcm9wcykge1xuICAgIHZhciBfYTtcbiAgICBjb25zdCB7IG9wZW4sIG9uT3BlbkNoYW5nZSwgdHJpZ2dlciwgZHJhd2VyUHJvcHMsIHN1Ym1pdFRpbWVvdXQsIGF1dG9DbG9zZSA9IHRydWUsIGRlc3Ryb3lPbkNsb3NlID0gdHJ1ZSwgd2lkdGgsIHRpdGxlLCBvbkZpbmlzaCwgY2hpbGRyZW4gfSA9IHByb3BzLCBmb3JtUHJvcHMgPSBfX3Jlc3QocHJvcHMsIFtcIm9wZW5cIiwgXCJvbk9wZW5DaGFuZ2VcIiwgXCJ0cmlnZ2VyXCIsIFwiZHJhd2VyUHJvcHNcIiwgXCJzdWJtaXRUaW1lb3V0XCIsIFwiYXV0b0Nsb3NlXCIsIFwiZGVzdHJveU9uQ2xvc2VcIiwgXCJ3aWR0aFwiLCBcInRpdGxlXCIsIFwib25GaW5pc2hcIiwgXCJjaGlsZHJlblwiXSk7XG4gICAgY29uc3QgZHJhd2VyUHJvcHNPYmogPSAoZHJhd2VyUHJvcHMgIT09IG51bGwgJiYgZHJhd2VyUHJvcHMgIT09IHZvaWQgMCA/IGRyYXdlclByb3BzIDoge30pO1xuICAgIGNvbnN0IHsgbWVyZ2VkT3Blbiwgc2hvdWxkUmVuZGVyUGFuZWwsIHRyaWdnZXJOb2RlLCBoYW5kbGVGaW5pc2gsIGhhbmRsZUhpZGUsIG1lcmdlZFN0eWxlLCB9ID0gdXNlT3ZlcmxheUZvcm0oe1xuICAgICAgICBvcGVuLFxuICAgICAgICBvbk9wZW5DaGFuZ2UsXG4gICAgICAgIHRyaWdnZXIsXG4gICAgICAgIHN1Ym1pdFRpbWVvdXQsXG4gICAgICAgIGF1dG9DbG9zZSxcbiAgICAgICAgZGVzdHJveU9uQ2xvc2UsXG4gICAgICAgIHdpZHRoLFxuICAgICAgICBvbkZpbmlzaCxcbiAgICAgICAgb3ZlcmxheVN0eWxlOiBkcmF3ZXJQcm9wc09iai5zdHlsZSxcbiAgICAgICAgb25PdmVybGF5SGlkZTogZHJhd2VyUHJvcHNPYmoub25IaWRlLFxuICAgIH0pO1xuICAgIHJldHVybiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbdHJpZ2dlck5vZGUsIHNob3VsZFJlbmRlclBhbmVsICYmIChfanN4KERyYXdlciwgT2JqZWN0LmFzc2lnbih7fSwgZHJhd2VyUHJvcHMsIHsgdmlzaWJsZTogbWVyZ2VkT3BlbiwgaGVhZGVyOiAoX2EgPSBkcmF3ZXJQcm9wc09iai5oZWFkZXIpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IHRpdGxlLCBzdHlsZTogbWVyZ2VkU3R5bGUsIG9uSGlkZTogaGFuZGxlSGlkZSwgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IGpvaW5DbHMoc3R5bGVzWydwcm9mb3JtX19kcmF3ZXItZm9ybSddLCBgJHtDU1NfUFJFRklYfS1kcmF3ZXItZm9ybWApLCBjaGlsZHJlbjogX2pzeChQcm9Gb3JtLCBPYmplY3QuYXNzaWduKHt9LCBmb3JtUHJvcHMsIHsgb25GaW5pc2g6IGhhbmRsZUZpbmlzaCwgY2hpbGRyZW46IGNoaWxkcmVuIH0pKSB9KSB9KSkpXSB9KSk7XG59XG5EcmF3ZXJGb3JtQmFzZS5kaXNwbGF5TmFtZSA9ICdEcmF3ZXJGb3JtJztcbmV4cG9ydCBjb25zdCBEcmF3ZXJGb3JtID0gbWVtbyhEcmF3ZXJGb3JtQmFzZSk7XG5leHBvcnQgZGVmYXVsdCBEcmF3ZXJGb3JtOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/ProForm/layouts/ModalForm.d.ts

@@ -0,0 +1,16 @@
+import type { FieldValues } from 'react-hook-form';
+import type { ModalFormProps } from '../interface';
+/**
+ * A {@link ProForm} displayed inside a modal dialog.
+ *
+ * Supports controlled/uncontrolled open state, a trigger element, auto-close
+ * on submit, and optional close timeout.
+ *
+ * @typeParam TFieldValues - The form values type.
+ */
+declare function ModalFormBase<TFieldValues extends FieldValues = FieldValues>(props: ModalFormProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+declare namespace ModalFormBase {
+    var displayName: string;
+}
+export declare const ModalForm: typeof ModalFormBase;
+export default ModalForm;

package/lib/components/ProForm/layouts/ModalForm.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ModalForm = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _classnames = require("../../../utils/classnames");
+var _Modal = require("../../Modal");
+var _ProForm = _interopRequireDefault(require("../ProForm"));
+var _constants = require("../constants");
+var _ProFormModule = _interopRequireDefault(require("../style/ProForm.module.scss"));
+var _useOverlayForm2 = require("./useOverlayForm");
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+/**
+ * A {@link ProForm} displayed inside a modal dialog.
+ *
+ * Supports controlled/uncontrolled open state, a trigger element, auto-close
+ * on submit, and optional close timeout.
+ *
+ * @typeParam TFieldValues - The form values type.
+ */
+function ModalFormBase(props) {
+  var _a;
+  var open = props.open,
+    onOpenChange = props.onOpenChange,
+    trigger = props.trigger,
+    modalProps = props.modalProps,
+    submitTimeout = props.submitTimeout,
+    _props$autoClose = props.autoClose,
+    autoClose = _props$autoClose === void 0 ? true : _props$autoClose,
+    _props$destroyOnClose = props.destroyOnClose,
+    destroyOnClose = _props$destroyOnClose === void 0 ? true : _props$destroyOnClose,
+    width = props.width,
+    title = props.title,
+    onFinish = props.onFinish,
+    children = props.children,
+    formProps = __rest(props, ["open", "onOpenChange", "trigger", "modalProps", "submitTimeout", "autoClose", "destroyOnClose", "width", "title", "onFinish", "children"]);
+  var modalRef = (0, _react.useRef)(null);
+  var _useOverlayForm = (0, _useOverlayForm2.useOverlayForm)({
+      open: open,
+      onOpenChange: onOpenChange,
+      trigger: trigger,
+      submitTimeout: submitTimeout,
+      autoClose: autoClose,
+      destroyOnClose: destroyOnClose,
+      width: width,
+      onFinish: onFinish,
+      overlayStyle: modalProps === null || modalProps === void 0 ? void 0 : modalProps.style,
+      onOverlayHide: modalProps === null || modalProps === void 0 ? void 0 : modalProps.onHide
+    }),
+    mergedOpen = _useOverlayForm.mergedOpen,
+    shouldRenderPanel = _useOverlayForm.shouldRenderPanel,
+    triggerNode = _useOverlayForm.triggerNode,
+    handleFinish = _useOverlayForm.handleFinish,
+    handleHide = _useOverlayForm.handleHide,
+    mergedStyle = _useOverlayForm.mergedStyle;
+  (0, _react.useEffect)(function () {
+    var _a, _b;
+    if (!shouldRenderPanel) return;
+    if (mergedOpen) {
+      (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.show();
+      return;
+    }
+    (_b = modalRef.current) === null || _b === void 0 ? void 0 : _b.hide();
+  }, [mergedOpen, shouldRenderPanel]);
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [triggerNode, shouldRenderPanel && (0, _jsxRuntime.jsx)(_Modal.Modal, Object.assign({
+      ref: modalRef
+    }, modalProps, {
+      header: (_a = modalProps === null || modalProps === void 0 ? void 0 : modalProps.header) !== null && _a !== void 0 ? _a : title,
+      style: mergedStyle,
+      onHide: handleHide,
+      children: (0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.joinCls)(_ProFormModule["default"]['proform__modal-form'], "".concat(_constants.CSS_PREFIX, "-modal-form")),
+        children: (0, _jsxRuntime.jsx)(_ProForm["default"], Object.assign({}, formProps, {
+          onFinish: handleFinish,
+          children: children
+        }))
+      })
+    }))]
+  });
+}
+ModalFormBase.displayName = 'ModalForm';
+var ModalForm = exports.ModalForm = /*#__PURE__*/(0, _react.memo)(ModalFormBase);
+var _default = exports["default"] = ModalForm;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvUHJvRm9ybS9sYXlvdXRzL01vZGFsRm9ybS5qcyIsImNvbXBvbmVudHMvUHJvRm9ybS9zcmMvY29tcG9uZW50cy9Qcm9Gb3JtL2xheW91dHMvTW9kYWxGb3JtLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfcmVhY3QiLCJfY2xhc3NuYW1lcyIsIl9Nb2RhbCIsIl9Qcm9Gb3JtIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9jb25zdGFudHMiLCJfUHJvRm9ybU1vZHVsZSIsIl91c2VPdmVybGF5Rm9ybTIiLCJfX3Jlc3QiLCJzIiwiZSIsInQiLCJwIiwiT2JqZWN0IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaW5kZXhPZiIsImdldE93blByb3BlcnR5U3ltYm9scyIsImkiLCJsZW5ndGgiLCJwcm9wZXJ0eUlzRW51bWVyYWJsZSIsIk1vZGFsRm9ybUJhc2UiLCJwcm9wcyIsIl9hIiwib3BlbiIsIm9uT3BlbkNoYW5nZSIsInRyaWdnZXIiLCJtb2RhbFByb3BzIiwic3VibWl0VGltZW91dCIsIl9wcm9wcyRhdXRvQ2xvc2UiLCJhdXRvQ2xvc2UiLCJfcHJvcHMkZGVzdHJveU9uQ2xvc2UiLCJkZXN0cm95T25DbG9zZSIsIndpZHRoIiwidGl0bGUiLCJvbkZpbmlzaCIsImNoaWxkcmVuIiwiZm9ybVByb3BzIiwibW9kYWxSZWYiLCJ1c2VSZWYiLCJfdXNlT3ZlcmxheUZvcm0iLCJ1c2VPdmVybGF5Rm9ybSIsIm92ZXJsYXlTdHlsZSIsInN0eWxlIiwib25PdmVybGF5SGlkZSIsIm9uSGlkZSIsIm1lcmdlZE9wZW4iLCJzaG91bGRSZW5kZXJQYW5lbCIsInRyaWdnZXJOb2RlIiwiaGFuZGxlRmluaXNoIiwiaGFuZGxlSGlkZSIsIm1lcmdlZFN0eWxlIiwidXNlRWZmZWN0IiwiX2IiLCJjdXJyZW50Iiwic2hvdyIsImhpZGUiLCJfanN4cyIsIl9GcmFnbWVudCIsIl9qc3giLCJNb2RhbCIsImFzc2lnbiIsInJlZiIsImhlYWRlciIsImNsYXNzTmFtZSIsImpvaW5DbHMiLCJzdHlsZXMiLCJjb25jYXQiLCJDU1NfUFJFRklYIiwiUHJvRm9ybSIsImRpc3BsYXlOYW1lIiwiTW9kYWxGb3JtIiwiZXhwb3J0cyIsIm1lbW8iLCJfZGVmYXVsdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQVdBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ1hBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLFdBQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLE1BQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLFFBQUEsR0FBQUMsc0JBQUEsQ0FBQUwsT0FBQTtBQUNBLElBQUFNLFVBQUEsR0FBQU4sT0FBQTtBQUNBLElBQUFPLGNBQUEsR0FBQUYsc0JBQUEsQ0FBQUwsT0FBQTtBQUNBLElBQUFRLGdCQUFBLEdBQUFSLE9BQUE7QUROQSxJQUFJUyxNQUFNLEdBQUksVUFBUSxTQUFLQSxNQUFNLElBQUssVUFBVUMsQ0FBQyxFQUFFQyxDQUFDLEVBQUU7RUFDbEQsSUFBSUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztFQUNWLEtBQUssSUFBSUMsQ0FBQyxJQUFJSCxDQUFDLEVBQUUsSUFBSUksTUFBTSxDQUFDQyxTQUFTLENBQUNDLGNBQWMsQ0FBQ0MsSUFBSSxDQUFDUCxDQUFDLEVBQUVHLENBQUMsQ0FBQyxJQUFJRixDQUFDLENBQUNPLE9BQU8sQ0FBQ0wsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUMvRUQsQ0FBQyxDQUFDQyxDQUFDLENBQUMsR0FBR0gsQ0FBQyxDQUFDRyxDQUFDLENBQUM7RUFDZixJQUFJSCxDQUFDLElBQUksSUFBSSxJQUFJLE9BQU9JLE1BQU0sQ0FBQ0sscUJBQXFCLEtBQUssVUFBVSxFQUMvRCxLQUFLLElBQUlDLENBQUMsR0FBRyxDQUFDLEVBQUVQLENBQUMsR0FBR0MsTUFBTSxDQUFDSyxxQkFBcUIsQ0FBQ1QsQ0FBQyxDQUFDLEVBQUVVLENBQUMsR0FBR1AsQ0FBQyxDQUFDUSxNQUFNLEVB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QUEsQ0FBQSxDQUFBLENBQUEsRUFDRnhCLFNBQVMsRUFBQTtVQUNiRixRQUFRLEVBQUVjLFlBQVk7VUFBQWIsUUFBQSxFQUVyQkE7UUFBUSxDQUFBLENBQUE7TUFDRCxDQUFBO0lBQ04sQ0FBQSxDQUFBLENBRVQ7RUFBQSxDQUFBLENBQ0E7QUFFUDtBQUVBZixhQUFhLENBQUNpRCxXQUFXLEdBQUcsV0FBVztBQUVoQyxJQUFNQyxTQUFTLEdBQUFDLE9BQUEsQ0FBQUQsU0FBQSxnQkFBRyxJQUFBRSxXQUFJLEVBQUNwRCxhQUFhLENBQXlCO0FBQUMsSUFBQXFELFFBQUEsR0FBQUYsT0FBQSxjQUV0REQsU0FBUyIsImZpbGUiOiJjb21wb25lbnRzL1Byb0Zvcm0vbGF5b3V0cy9Nb2RhbEZvcm0uanMiLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19yZXN0ID0gKHRoaXMgJiYgdGhpcy5fX3Jlc3QpIHx8IGZ1bmN0aW9uIChzLCBlKSB7XG4gICAgdmFyIHQgPSB7fTtcbiAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkgJiYgZS5pbmRleE9mKHApIDwgMClcbiAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgaWYgKHMgIT0gbnVsbCAmJiB0eXBlb2YgT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyA9PT0gXCJmdW5jdGlvblwiKVxuICAgICAgICBmb3IgKHZhciBpID0gMCwgcCA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMocyk7IGkgPCBwLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBpZiAoZS5pbmRleE9mKHBbaV0pIDwgMCAmJiBPYmplY3QucHJvdG90eXBlLnByb3BlcnR5SXNFbnVtZXJhYmxlLmNhbGwocywgcFtpXSkpXG4gICAgICAgICAgICAgICAgdFtwW2ldXSA9IHNbcFtpXV07XG4gICAgICAgIH1cbiAgICByZXR1cm4gdDtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vLCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGpvaW5DbHMgfSBmcm9tICcuLi8uLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCB7IE1vZGFsIH0gZnJvbSAnLi4vLi4vTW9kYWwnO1xuaW1wb3J0IFByb0Zvcm0gZnJvbSAnLi4vUHJvRm9ybSc7XG5pbXBvcnQgeyBDU1NfUFJFRklYIH0gZnJvbSAnLi4vY29uc3RhbnRzJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi4vc3R5bGUvUHJvRm9ybS5tb2R1bGUuc2Nzcyc7XG5pbXBvcnQgeyB1c2VPdmVybGF5Rm9ybSB9IGZyb20gJy4vdXNlT3ZlcmxheUZvcm0nO1xuLyoqXG4gKiBBIHtAbGluayBQcm9Gb3JtfSBkaXNwbGF5ZWQgaW5zaWRlIGEgbW9kYWwgZGlhbG9nLlxuICpcbiAqIFN1cHBvcnRzIGNvbnRyb2xsZWQvdW5jb250cm9sbGVkIG9wZW4gc3RhdGUsIGEgdHJpZ2dlciBlbGVtZW50LCBhdXRvLWNsb3NlXG4gKiBvbiBzdWJtaXQsIGFuZCBvcHRpb25hbCBjbG9zZSB0aW1lb3V0LlxuICpcbiAqIEB0eXBlUGFyYW0gVEZpZWxkVmFsdWVzIC0gVGhlIGZvcm0gdmFsdWVzIHR5cGUuXG4gKi9cbmZ1bmN0aW9uIE1vZGFsRm9ybUJhc2UocHJvcHMpIHtcbiAgICB2YXIgX2E7XG4gICAgY29uc3QgeyBvcGVuLCBvbk9wZW5DaGFuZ2UsIHRyaWdnZXIsIG1vZGFsUHJvcHMsIHN1Ym1pdFRpbWVvdXQsIGF1dG9DbG9zZSA9IHRydWUsIGRlc3Ryb3lPbkNsb3NlID0gdHJ1ZSwgd2lkdGgsIHRpdGxlLCBvbkZpbmlzaCwgY2hpbGRyZW4gfSA9IHByb3BzLCBmb3JtUHJvcHMgPSBfX3Jlc3QocHJvcHMsIFtcIm9wZW5cIiwgXCJvbk9wZW5DaGFuZ2VcIiwgXCJ0cmlnZ2VyXCIsIFwibW9kYWxQcm9wc1wiLCBcInN1Ym1pdFRpbWVvdXRcIiwgXCJhdXRvQ2xvc2VcIiwgXCJkZXN0cm95T25DbG9zZVwiLCBcIndpZHRoXCIsIFwidGl0bGVcIiwgXCJvbkZpbmlzaFwiLCBcImNoaWxkcmVuXCJdKTtcbiAgICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCB7IG1lcmdlZE9wZW4sIHNob3VsZFJlbmRlclBhbmVsLCB0cmlnZ2VyTm9kZSwgaGFuZGxlRmluaXNoLCBoYW5kbGVIaWRlLCBtZXJnZWRTdHlsZSwgfSA9IHVzZU92ZXJsYXlGb3JtKHtcbiAgICAgICAgb3BlbixcbiAgICAgICAgb25PcGVuQ2hhbmdlLFxuICAgICAgICB0cmlnZ2VyLFxuICAgICAgICBzdWJtaXRUaW1lb3V0LFxuICAgICAgICBhdXRvQ2xvc2UsXG4gICAgICAgIGRlc3Ryb3lPbkNsb3NlLFxuICAgICAgICB3aWR0aCxcbiAgICAgICAgb25GaW5pc2gsXG4gICAgICAgIG92ZXJsYXlTdHlsZTogbW9kYWxQcm9wcyA9PT0gbnVsbCB8fCBtb2RhbFByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBtb2RhbFByb3BzLnN0eWxlLFxuICAgICAgICBvbk92ZXJsYXlIaWRlOiBtb2RhbFByb3BzID09PSBudWxsIHx8IG1vZGFsUHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG1vZGFsUHJvcHMub25IaWRlLFxuICAgIH0pO1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIHZhciBfYSwgX2I7XG4gICAgICAgIGlmICghc2hvdWxkUmVuZGVyUGFuZWwpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIGlmIChtZXJnZWRPcGVuKSB7XG4gICAgICAgICAgICAoX2EgPSBtb2RhbFJlZi5jdXJyZW50KSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2Euc2hvdygpO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIChfYiA9IG1vZGFsUmVmLmN1cnJlbnQpID09PSBudWxsIHx8IF9iID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYi5oaWRlKCk7XG4gICAgfSwgW21lcmdlZE9wZW4sIHNob3VsZFJlbmRlclBhbmVsXSk7XG4gICAgcmV0dXJuIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFt0cmlnZ2VyTm9kZSwgc2hvdWxkUmVuZGVyUGFuZWwgJiYgKF9qc3goTW9kYWwsIE9iamVjdC5hc3NpZ24oeyByZWY6IG1vZGFsUmVmIH0sIG1vZGFsUHJvcHMsIHsgaGVhZGVyOiAoX2EgPSBtb2RhbFByb3BzID09PSBudWxsIHx8IG1vZGFsUHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG1vZGFsUHJvcHMuaGVhZGVyKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB0aXRsZSwgc3R5bGU6IG1lcmdlZFN0eWxlLCBvbkhpZGU6IGhhbmRsZUhpZGUsIGNoaWxkcmVuOiBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBqb2luQ2xzKHN0eWxlc1sncHJvZm9ybV9fbW9kYWwtZm9ybSddLCBgJHtDU1NfUFJFRklYfS1tb2RhbC1mb3JtYCksIGNoaWxkcmVuOiBfanN4KFByb0Zvcm0sIE9iamVjdC5hc3NpZ24oe30sIGZvcm1Qcm9wcywgeyBvbkZpbmlzaDogaGFuZGxlRmluaXNoLCBjaGlsZHJlbjogY2hpbGRyZW4gfSkpIH0pIH0pKSldIH0pKTtcbn1cbk1vZGFsRm9ybUJhc2UuZGlzcGxheU5hbWUgPSAnTW9kYWxGb3JtJztcbmV4cG9ydCBjb25zdCBNb2RhbEZvcm0gPSBtZW1vKE1vZGFsRm9ybUJhc2UpO1xuZXhwb3J0IGRlZmF1bHQgTW9kYWxGb3JtOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/ProForm/layouts/QueryFilter.d.ts

@@ -0,0 +1,21 @@
+import type { FieldValues } from 'react-hook-form';
+import type { QueryFilterProps } from '../interface';
+/**
+ * Horizontal search/filter form with collapsible fields and a
+ * search/reset/expand button bar.
+ *
+ * Fields beyond {@link QueryFilterProps.defaultColsNumber} are hidden
+ * when the filter is collapsed.
+ *
+ * @example
+ * ```tsx
+ * <QueryFilter onFinish={handleSearch} defaultColsNumber={2}>
+ *   <ProFormText name="keyword" label="Keyword" />
+ *   <ProFormSelect name="status" label="Status" fieldProps={{ options }} />
+ *   <ProFormText name="author" label="Author" />
+ * </QueryFilter>
+ * ```
+ */
+declare const QueryFilterBase: <TFieldValues extends FieldValues = FieldValues>(props: QueryFilterProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export declare const QueryFilter: typeof QueryFilterBase;
+export default QueryFilter;