@ant-design/pro-components 2.8.10 → 3.0.0-beta.2

package/es/form/layouts/StepsForm/index.js

@@ -0,0 +1,420 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["current", "onCurrentChange", "submitter", "stepsFormRender", "stepsRender", "stepFormRender", "stepsProps", "onFinish", "formProps", "containerStyle", "formRef", "formMapRef", "layoutRender"];
+import { Button, Col, ConfigProvider, Form, Row, Space, Steps } from 'antd';
+import classNames from 'classnames';
+import { useMergedState } from 'rc-util';
+import toArray from 'rc-util/lib/Children/toArray';
+import React, { useCallback, useContext, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { ProConfigProvider, useIntl } from "../../../provider";
+import { merge, useRefFunction } from "../../../utils";
+import StepForm from "./StepForm";
+import { useStyle } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var StepsFormProvide = /*#__PURE__*/React.createContext(undefined);
+var StepsLayoutStrategy = {
+  horizontal: function horizontal(_ref) {
+    var stepsDom = _ref.stepsDom,
+      formDom = _ref.formDom;
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Row, {
+        gutter: {
+          xs: 8,
+          sm: 16,
+          md: 24
+        },
+        children: /*#__PURE__*/_jsx(Col, {
+          span: 24,
+          children: stepsDom
+        })
+      }), /*#__PURE__*/_jsx(Row, {
+        gutter: {
+          xs: 8,
+          sm: 16,
+          md: 24
+        },
+        children: /*#__PURE__*/_jsx(Col, {
+          span: 24,
+          children: formDom
+        })
+      })]
+    });
+  },
+  vertical: function vertical(_ref2) {
+    var stepsDom = _ref2.stepsDom,
+      formDom = _ref2.formDom;
+    return /*#__PURE__*/_jsxs(Row, {
+      align: "stretch",
+      wrap: true,
+      gutter: {
+        xs: 8,
+        sm: 16,
+        md: 24
+      },
+      children: [/*#__PURE__*/_jsx(Col, {
+        xxl: 4,
+        xl: 6,
+        lg: 7,
+        md: 8,
+        sm: 10,
+        xs: 12,
+        children: /*#__PURE__*/React.cloneElement(stepsDom, {
+          style: {
+            height: '100%'
+          }
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        children: /*#__PURE__*/_jsx("div", {
+          style: {
+            display: 'flex',
+            alignItems: 'center',
+            width: '100%',
+            height: '100%'
+          },
+          children: formDom
+        })
+      })]
+    });
+  }
+};
+
+/**
+ * 给  StepForm 传递信息
+ */
+export var StepFormProvide = /*#__PURE__*/React.createContext(null);
+function StepsForm(props) {
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-steps-form');
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var current = props.current,
+    onCurrentChange = props.onCurrentChange,
+    submitter = props.submitter,
+    stepsFormRender = props.stepsFormRender,
+    stepsRender = props.stepsRender,
+    stepFormRender = props.stepFormRender,
+    stepsProps = props.stepsProps,
+    onFinish = props.onFinish,
+    formProps = props.formProps,
+    containerStyle = props.containerStyle,
+    formRef = props.formRef,
+    propsFormMapRef = props.formMapRef,
+    propsLayoutRender = props.layoutRender,
+    rest = _objectWithoutProperties(props, _excluded);
+  var formDataRef = useRef(new Map());
+  var formMapRef = useRef(new Map());
+  var formArrayRef = useRef([]);
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    formArray = _useState2[0],
+    setFormArray = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var intl = useIntl();
+
+  /**
+   * 受控的方式来操作表单
+   */
+  var _useMergedState = useMergedState(0, {
+      value: props.current,
+      onChange: props.onCurrentChange
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    step = _useMergedState2[0],
+    setStep = _useMergedState2[1];
+  var layoutRender = useMemo(function () {
+    return StepsLayoutStrategy[(stepsProps === null || stepsProps === void 0 ? void 0 : stepsProps.direction) || 'horizontal'];
+  }, [stepsProps === null || stepsProps === void 0 ? void 0 : stepsProps.direction]);
+  var lastStep = useMemo(function () {
+    return step === formArray.length - 1;
+  }, [formArray.length, step]);
+
+  /**
+   * 注册一个form进入，方便进行 props 的修改
+   */
+  var regForm = useCallback(function (name, childrenFormProps) {
+    if (!formMapRef.current.has(name)) {
+      setFormArray(function (oldFormArray) {
+        return [].concat(_toConsumableArray(oldFormArray), [name]);
+      });
+    }
+    formMapRef.current.set(name, childrenFormProps);
+  }, []);
+
+  /**
+   * 解除挂载掉这个 form，同时步数 -1
+   */
+  var unRegForm = useCallback(function (name) {
+    setFormArray(function (oldFormArray) {
+      return oldFormArray.filter(function (n) {
+        return n !== name;
+      });
+    });
+    formMapRef.current.delete(name);
+    formDataRef.current.delete(name);
+  }, []);
+  useImperativeHandle(propsFormMapRef, function () {
+    return formArrayRef.current;
+  }, [formArrayRef.current]);
+  useImperativeHandle(formRef, function () {
+    var _formArrayRef$current;
+    return (_formArrayRef$current = formArrayRef.current[step || 0]) === null || _formArrayRef$current === void 0 ? void 0 : _formArrayRef$current.current;
+  }, [step, formArrayRef.current]);
+
+  /**
+   * ProForm处理了一下 from 的数据，在其中做了一些操作 如果使用 Provider 自带的，自带的数据处理就无法生效了
+   */
+  var onFormFinish = useCallback( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(name, formData) {
+      var values, success;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            formDataRef.current.set(name, formData);
+            // 如果不是最后一步
+            if (!(!lastStep || !onFinish)) {
+              _context.next = 3;
+              break;
+            }
+            return _context.abrupt("return");
+          case 3:
+            setLoading(true);
+            values = merge.apply(void 0, [{}].concat(_toConsumableArray(Array.from(formDataRef.current.values()))));
+            _context.prev = 5;
+            _context.next = 8;
+            return onFinish(values);
+          case 8:
+            success = _context.sent;
+            if (success) {
+              setStep(0);
+              formArrayRef.current.forEach(function (form) {
+                var _form$current;
+                return (_form$current = form.current) === null || _form$current === void 0 ? void 0 : _form$current.resetFields();
+              });
+            }
+            _context.next = 15;
+            break;
+          case 12:
+            _context.prev = 12;
+            _context.t0 = _context["catch"](5);
+            console.log(_context.t0);
+          case 15:
+            _context.prev = 15;
+            setLoading(false);
+            return _context.finish(15);
+          case 18:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[5, 12, 15, 18]]);
+    }));
+    return function (_x, _x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [lastStep, onFinish, setLoading, setStep]);
+  var stepsDom = useMemo(function () {
+    var itemsProps = {
+      items: formArray.map(function (item) {
+        var itemProps = formMapRef.current.get(item);
+        return _objectSpread({
+          key: item,
+          title: itemProps === null || itemProps === void 0 ? void 0 : itemProps.title
+        }, itemProps === null || itemProps === void 0 ? void 0 : itemProps.stepProps);
+      })
+    };
+    return /*#__PURE__*/_jsx("div", {
+      className: "".concat(prefixCls, "-steps-container ").concat(hashId).trim(),
+      style: {
+        maxWidth: Math.min(formArray.length * 320, 1160)
+      },
+      children: /*#__PURE__*/_jsx(Steps, _objectSpread(_objectSpread(_objectSpread({}, stepsProps), itemsProps), {}, {
+        current: step,
+        onChange: undefined
+      }))
+    });
+  }, [formArray, hashId, prefixCls, step, stepsProps]);
+  var onSubmit = useRefFunction(function () {
+    var _from$current;
+    var from = formArrayRef.current[step];
+    (_from$current = from.current) === null || _from$current === void 0 || _from$current.submit();
+  });
+
+  /** 上一页功能 */
+  var prePage = useRefFunction(function () {
+    if (step < 1) return;
+    setStep(step - 1);
+  });
+  var next = useMemo(function () {
+    return submitter !== false && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      type: "primary",
+      loading: loading
+    }, submitter === null || submitter === void 0 ? void 0 : submitter.submitButtonProps), {}, {
+      onClick: function onClick() {
+        var _submitter$onSubmit;
+        submitter === null || submitter === void 0 || (_submitter$onSubmit = submitter.onSubmit) === null || _submitter$onSubmit === void 0 || _submitter$onSubmit.call(submitter);
+        onSubmit();
+      },
+      children: intl.getMessage('stepsForm.next', '下一步')
+    }), "next");
+  }, [intl, loading, onSubmit, submitter]);
+  var pre = useMemo(function () {
+    return submitter !== false && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, submitter === null || submitter === void 0 ? void 0 : submitter.resetButtonProps), {}, {
+      onClick: function onClick() {
+        var _submitter$onReset;
+        prePage();
+        submitter === null || submitter === void 0 || (_submitter$onReset = submitter.onReset) === null || _submitter$onReset === void 0 || _submitter$onReset.call(submitter);
+      },
+      children: intl.getMessage('stepsForm.prev', '上一步')
+    }), "pre");
+  }, [intl, prePage, submitter]);
+  var submit = useMemo(function () {
+    return submitter !== false && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      type: "primary",
+      loading: loading
+    }, submitter === null || submitter === void 0 ? void 0 : submitter.submitButtonProps), {}, {
+      onClick: function onClick() {
+        var _submitter$onSubmit2;
+        submitter === null || submitter === void 0 || (_submitter$onSubmit2 = submitter.onSubmit) === null || _submitter$onSubmit2 === void 0 || _submitter$onSubmit2.call(submitter);
+        onSubmit();
+      },
+      children: intl.getMessage('stepsForm.submit', '提交')
+    }), "submit");
+  }, [intl, loading, onSubmit, submitter]);
+  var nextPage = useRefFunction(function () {
+    // Ensure we have forms registered before checking step bounds
+    if (formArray.length === 0) return;
+    if (step > formArray.length - 2) return;
+    setStep(step + 1);
+  });
+  var submitterDom = useMemo(function () {
+    var buttons = [];
+    var index = step || 0;
+    if (index < 1) {
+      // 如果有且只有一个 StepForm 第一步就应该是提交按钮
+      if (formArray.length === 1) {
+        buttons.push(submit);
+      } else {
+        buttons.push(next);
+      }
+    } else if (index + 1 === formArray.length) {
+      buttons.push(pre, submit);
+    } else {
+      buttons.push(pre, next);
+    }
+    buttons = buttons.filter(React.isValidElement);
+    if (submitter && submitter.render) {
+      var _formArrayRef$current2;
+      var submitterProps = {
+        form: (_formArrayRef$current2 = formArrayRef.current[step]) === null || _formArrayRef$current2 === void 0 ? void 0 : _formArrayRef$current2.current,
+        onSubmit: onSubmit,
+        step: step,
+        onPre: prePage
+      };
+      return submitter.render(submitterProps, buttons);
+    }
+    if (submitter && (submitter === null || submitter === void 0 ? void 0 : submitter.render) === false) {
+      return null;
+    }
+    return buttons;
+  }, [formArray.length, next, onSubmit, pre, prePage, step, submit, submitter]);
+  var formDom = useMemo(function () {
+    return toArray(props.children).map(function (item, index) {
+      var itemProps = item.props;
+      var name = itemProps.name || "".concat(index);
+      /** 是否是当前的表单 */
+      var isShow = step === index;
+      var config = isShow ? {
+        contentRender: stepFormRender,
+        submitter: false
+      } : {};
+      return /*#__PURE__*/_jsx("div", {
+        className: classNames("".concat(prefixCls, "-step"), hashId, _defineProperty({}, "".concat(prefixCls, "-step-active"), isShow)),
+        children: /*#__PURE__*/_jsx(StepFormProvide.Provider, {
+          value: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, config), formProps), itemProps), {}, {
+            name: name,
+            step: index
+          }),
+          children: item
+        })
+      }, name);
+    });
+  }, [formProps, hashId, prefixCls, props.children, step, stepFormRender]);
+  var finalStepsDom = useMemo(function () {
+    if (stepsRender) {
+      return stepsRender(formArray.map(function (item) {
+        var _formMapRef$current$g;
+        return {
+          key: item,
+          title: (_formMapRef$current$g = formMapRef.current.get(item)) === null || _formMapRef$current$g === void 0 ? void 0 : _formMapRef$current$g.title
+        };
+      }), stepsDom);
+    }
+    return stepsDom;
+  }, [formArray, stepsDom, stepsRender]);
+  var formContainer = useMemo(function () {
+    return /*#__PURE__*/_jsxs("div", {
+      className: "".concat(prefixCls, "-container ").concat(hashId).trim(),
+      style: containerStyle,
+      children: [formDom, stepsFormRender ? null : /*#__PURE__*/_jsx(Space, {
+        children: submitterDom
+      })]
+    });
+  }, [containerStyle, formDom, hashId, prefixCls, stepsFormRender, submitterDom]);
+  var stepsFormDom = useMemo(function () {
+    var doms = {
+      stepsDom: finalStepsDom,
+      formDom: formContainer
+    };
+    if (stepsFormRender) {
+      if (propsLayoutRender) {
+        return stepsFormRender(propsLayoutRender(doms), submitterDom);
+      } else {
+        return stepsFormRender(layoutRender(doms), submitterDom);
+      }
+    }
+    if (propsLayoutRender) {
+      return propsLayoutRender(doms);
+    }
+    return layoutRender(doms);
+  }, [finalStepsDom, formContainer, layoutRender, stepsFormRender, submitterDom, propsLayoutRender]);
+  return wrapSSR( /*#__PURE__*/_jsx("div", {
+    className: classNames(prefixCls, hashId),
+    children: /*#__PURE__*/_jsx(Form.Provider, _objectSpread(_objectSpread({}, rest), {}, {
+      children: /*#__PURE__*/_jsx(StepsFormProvide.Provider, {
+        value: {
+          loading: loading,
+          setLoading: setLoading,
+          regForm: regForm,
+          keyArray: formArray,
+          next: nextPage,
+          formArrayRef: formArrayRef,
+          formMapRef: formMapRef,
+          lastStep: lastStep,
+          unRegForm: unRegForm,
+          onFormFinish: onFormFinish
+        },
+        children: stepsFormDom
+      })
+    }))
+  }));
+}
+function StepsFormWarp(props) {
+  return /*#__PURE__*/_jsx(ProConfigProvider, {
+    needDeps: true,
+    children: /*#__PURE__*/_jsx(StepsForm, _objectSpread({}, props))
+  });
+}
+StepsFormWarp.StepForm = StepForm;
+StepsFormWarp.useForm = Form.useForm;
+export { StepsFormWarp as StepsForm };

package/es/form/layouts/StepsForm/style.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ProAliasToken } from '../../../provider';
+export interface StepsFormToken extends ProAliasToken {
+    componentCls: string;
+}
+export declare function useStyle(prefixCls: string): {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

package/es/form/layouts/StepsForm/style.js

@@ -0,0 +1,37 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { useStyle as useAntdStyle } from "../../../provider";
+var genStepsFormStyle = function genStepsFormStyle(token) {
+  return _defineProperty({}, token.componentCls, {
+    '&-container': {
+      width: 'max-content',
+      minWidth: '420px',
+      maxWidth: '100%',
+      margin: 'auto'
+    },
+    '&-steps-container': _defineProperty({
+      maxWidth: '1160px',
+      margin: 'auto'
+    }, "".concat(token.antCls, "-steps-vertical"), {
+      height: '100%'
+    }),
+    '&-step': {
+      display: 'none',
+      marginBlockStart: '32px',
+      '&-active': {
+        display: 'block'
+      },
+      '> form': {
+        maxWidth: '100%'
+      }
+    }
+  });
+};
+export function useStyle(prefixCls) {
+  return useAntdStyle('StepsForm', function (token) {
+    var loginFormToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genStepsFormStyle(loginFormToken)];
+  });
+}

package/es/form/layouts/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ProForm } from './ProForm';
+export { DrawerForm } from './DrawerForm';
+export type { DrawerFormProps } from './DrawerForm';
+export { LightFilter } from './LightFilter';
+export type { LightFilterProps } from './LightFilter';
+export { LoginForm } from './LoginForm';
+export type { LoginFormProps } from './LoginForm';
+export { LoginFormPage } from './LoginFormPage';
+export { ModalForm } from './ModalForm';
+export type { ModalFormProps } from './ModalForm';
+export type { ProFormProps } from './ProForm';
+export { QueryFilter } from './QueryFilter';
+export type { BaseQueryFilterProps, QueryFilterProps } from './QueryFilter';
+export { StepsForm } from './StepsForm';
+export type { StepFormProps, StepsFormProps } from './StepsForm';
+export { ProForm };
+export declare const ProFormGroup: import("react").FC<import("src/form").GroupProps>;

package/es/form/layouts/index.js

@@ -0,0 +1,10 @@
+import { ProForm } from "./ProForm";
+export { DrawerForm } from "./DrawerForm";
+export { LightFilter } from "./LightFilter";
+export { LoginForm } from "./LoginForm";
+export { LoginFormPage } from "./LoginFormPage";
+export { ModalForm } from "./ModalForm";
+export { QueryFilter } from "./QueryFilter";
+export { StepsForm } from "./StepsForm";
+export { ProForm };
+export var ProFormGroup = ProForm.Group;

package/es/form/typing.d.ts

@@ -0,0 +1,145 @@
+import type { ColProps, FormItemProps, RowProps } from 'antd';
+import type React from 'react';
+import type { ProFieldProps, ProFieldValueType, ProFormBaseGroupProps, ProSchema, SearchConvertKeyFn } from '../utils';
+import type { ProFormInstance } from './BaseForm';
+import type { ProFormItemProps } from './components';
+import type { CaptFieldRef } from './components/Captcha';
+export interface ProFormGridConfig {
+    /**
+     * open grid layout
+     * @default false
+     */
+    grid?: boolean;
+    /**
+     * only works when grid is enabled
+     *
+     * When passing the `span` attribute, the default value is empty
+     * @default
+     * { xs: 24 }
+     */
+    colProps?: ColProps;
+    /**
+     * only works when grid is enabled
+     * @default
+     * { gutter: 8 }
+     */
+    rowProps?: RowProps;
+}
+export type ProFormItemCreateConfig = {
+    /** 自定义类型 */
+    valueType?: ProFieldValueType;
+    /** 自定义 lightMode */
+    customLightMode?: boolean;
+    /** Light mode 自定义的 label 模式 */
+    lightFilterLabelFormatter?: (value: any) => string;
+    /** 默认的props，如果用户设置会被覆盖 */
+    defaultProps?: Record<string, any>;
+    /** @name 不使用默认的宽度 */
+    ignoreWidth?: boolean;
+} & ProFormItemProps;
+export type ExtendsProps = {
+    secondary?: boolean;
+    allowClear?: boolean;
+    bordered?: boolean;
+    colSize?: number;
+    /**
+     * 需要与 request 配合使用
+     *
+     * @name 网络请求用的输出，会触发reload
+     */
+    params?: ((form: ProFormInstance) => Record<string, any>) | Record<string, any>;
+    /** @name 需要放在formItem 时使用 */
+    ignoreFormItem?: boolean;
+    /**
+     * 实验性质，可能 api 会有改动，谨慎使用
+     *
+     * @name 只读模式
+     */
+    readonly?: boolean;
+    /**
+     * @name 获取时转化值，一般用于将数据格式化为组件接收的格式
+     */
+    convertValue?: SearchConvertKeyFn;
+    /**
+     * 给 protable 开的口子
+     *
+     * @name 自定义的 formItemProps
+     */
+    formItemProps?: FormItemProps;
+    /** 给自定义组件行为开的口子 */
+    filedConfig?: ProFormItemCreateConfig;
+    fieldRef?: React.Ref<CaptFieldRef | null | undefined>;
+};
+export type ProFormGroupProps = ProFormBaseGroupProps & ProFormGridConfig;
+export type FieldProps<K> = {
+    style?: React.CSSProperties;
+    width?: string;
+    ref?: React.Ref<K>;
+};
+export type LightFilterFooterRender = ((
+/**
+ * @name 确认选择的值
+ */
+onConfirm?: (e?: React.MouseEvent) => void, 
+/**
+ * @name 清除选择
+ */
+onClear?: (e?: React.MouseEvent) => void) => JSX.Element | false) | false;
+export type ProFormFieldItemProps<T = Record<string, any>, K = any> = {
+    /**
+     * @name 设置到控件上的属性
+     *
+     * @example 设置select 多选
+     * <ProFormSelect fieldProps={{mode:"multiple"}} />
+     * @example 设置select 多选
+     * <ProFormText fieldProps={{placeholder:"请输入！"}} />
+     */
+    fieldProps?: Partial<FieldProps<K> & T>;
+    /**
+     * @name 输入的描述，没有值的时候展示
+     */
+    placeholder?: string | string[];
+    /**
+     * @name 是否是次要控件，只针对 LightFilter 下有效
+     */
+    secondary?: boolean;
+    /**
+     * @name 只读模式渲染文本,没有值的时候展示
+     */
+    emptyText?: React.ReactNode;
+    /**
+     * @name 是否使用 swr 来缓存 缓存可能导致数据更新不及时，请谨慎使用，尤其是页面中多个组件 name 相同
+     *
+     * @default false
+     */
+    cacheForSwr?: boolean;
+    /**
+     * @name disabled=true 时控件不可用
+     */
+    disabled?: boolean;
+    /**
+     * @type auto 使用组件默认的宽度
+     * @type xs=104px 适用于短数字、短文本或选项。
+     * @type sm=216px 适用于较短字段录入、如姓名、电话、ID 等。
+     * @type md=328px 标准宽度，适用于大部分字段长度。
+     * @type lg=440px 适用于较长字段录入，如长网址、标签组、文件路径等。
+     * @type xl=552px 适用于长文本录入，如长链接、描述、备注等，通常搭配自适应多行输入框或定高文本域使用。
+     */
+    width?: number | 'sm' | 'md' | 'xl' | 'xs' | 'lg';
+    /**
+     * @name 设置到 ProField 上面的 Props，内部属性
+     */
+    proFieldProps?: ProFieldProps;
+    /**
+     * @name QueryFilter 上的footer
+     *
+     * @example 自定义清除按钮
+     * footerRender={(onConfirm,onClear)=>{ return <Button onClick={onClear}>清除</Button> }}
+     */
+    footerRender?: LightFilterFooterRender;
+    children?: any;
+} & Omit<ProFormItemProps, 'valueType'> & Pick<ProFormGridConfig, 'colProps'> & ExtendsProps;
+/**
+ * load remote data props
+ */
+export type ProFormFieldRemoteProps = Pick<ProSchema, 'debounceTime' | 'request' | 'valueEnum' | 'params'>;

package/es/form/typing.js

@@ -0,0 +1 @@
+export {};

package/es/index.d.ts

@@ -1,11 +1,11 @@
-export * from '@ant-design/pro-card';
-export * from '@ant-design/pro-descriptions';
-export * from '@ant-design/pro-field';
-export * from '@ant-design/pro-form';
-export * from '@ant-design/pro-layout';
-export * from '@ant-design/pro-list';
-export * from '@ant-design/pro-provider';
-export * from '@ant-design/pro-skeleton';
-export * from '@ant-design/pro-table';
-export * from '@ant-design/pro-utils';
-export * from './version';
+export * from './card';
+export * from './descriptions';
+export * from './field';
+export * from './form';
+export * from './layout';
+export * from './list';
+export * from './provider';
+export * from './skeleton';
+export * from './table';
+export * from './utils';
+export { version } from './version';