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

package/es/form/BaseForm/EditOrReadOnlyContext.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const EditOrReadOnlyContext: React.Context<{
+    mode: 'edit' | 'read' | 'update';
+}>;

package/es/form/BaseForm/EditOrReadOnlyContext.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export var EditOrReadOnlyContext = /*#__PURE__*/React.createContext({
+  mode: 'edit'
+});

package/es/form/BaseForm/LightWrapper/index.d.ts

@@ -0,0 +1,34 @@
+import type { TooltipPlacement } from 'antd/lib/tooltip';
+import React from 'react';
+import type { LightFilterFooterRender } from '../../typing';
+export type SizeType = 'small' | 'middle' | 'large' | undefined;
+export type LightWrapperProps = {
+    label?: React.ReactNode;
+    disabled?: boolean;
+    placeholder?: React.ReactNode;
+    size?: SizeType;
+    value?: any;
+    onChange?: (value?: any) => void;
+    onBlur?: (value?: any) => void;
+    style?: React.CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+    valuePropName?: string;
+    customLightMode?: boolean;
+    light?: boolean;
+    /**
+     * @name 自定义label的值
+     *
+     * @example <caption>自定义数组的转化</caption>
+     * labelFormatter={(value) =>value.join('-')} }
+     */
+    labelFormatter?: (value: any) => React.ReactNode;
+    variant?: 'outlined' | 'filled' | 'borderless';
+    otherFieldProps?: any;
+    valueType?: string;
+    allowClear?: boolean;
+    footerRender?: LightFilterFooterRender;
+    placement?: TooltipPlacement;
+};
+declare const LightWrapper: React.ForwardRefRenderFunction<any, LightWrapperProps>;
+export { LightWrapper };

package/es/form/BaseForm/LightWrapper/index.js

@@ -0,0 +1,111 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["label", "size", "disabled", "onChange", "className", "style", "children", "valuePropName", "placeholder", "labelFormatter", "variant", "footerRender", "allowClear", "otherFieldProps", "valueType", "placement"];
+import { ConfigProvider } from 'antd';
+import classNames from 'classnames';
+import React, { useContext, useMemo, useState } from 'react';
+import { dateArrayFormatter, dateFormatterMap, FieldLabel, FilterDropdown, useMountMergeState } from "../../../utils";
+import { useStyle } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var LightWrapper = function LightWrapper(props) {
+  var label = props.label,
+    size = props.size,
+    disabled = props.disabled,
+    propsOnChange = props.onChange,
+    className = props.className,
+    style = props.style,
+    children = props.children,
+    valuePropName = props.valuePropName,
+    placeholder = props.placeholder,
+    labelFormatter = props.labelFormatter,
+    variant = props.variant,
+    footerRender = props.footerRender,
+    allowClear = props.allowClear,
+    otherFieldProps = props.otherFieldProps,
+    valueType = props.valueType,
+    placement = props.placement,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-field-light-wrapper');
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var _useState = useState(props[valuePropName]),
+    _useState2 = _slicedToArray(_useState, 2),
+    tempValue = _useState2[0],
+    setTempValue = _useState2[1];
+  var _useMountMergeState = useMountMergeState(false),
+    _useMountMergeState2 = _slicedToArray(_useMountMergeState, 2),
+    open = _useMountMergeState2[0],
+    setOpen = _useMountMergeState2[1];
+  var onChange = function onChange() {
+    var _otherFieldProps$onCh;
+    for (var _len = arguments.length, restParams = new Array(_len), _key = 0; _key < _len; _key++) {
+      restParams[_key] = arguments[_key];
+    }
+    otherFieldProps === null || otherFieldProps === void 0 || (_otherFieldProps$onCh = otherFieldProps.onChange) === null || _otherFieldProps$onCh === void 0 || _otherFieldProps$onCh.call.apply(_otherFieldProps$onCh, [otherFieldProps].concat(restParams));
+    propsOnChange === null || propsOnChange === void 0 || propsOnChange.apply(void 0, restParams);
+  };
+  var labelValue = props[valuePropName];
+
+  /** DateRange的转化，dayjs 的 toString 有点不好用 */
+  var labelValueText = useMemo(function () {
+    var _valueType$toLowerCas;
+    if (!labelValue) return labelValue;
+    if (valueType !== null && valueType !== void 0 && (_valueType$toLowerCas = valueType.toLowerCase()) !== null && _valueType$toLowerCas !== void 0 && _valueType$toLowerCas.endsWith('range') && valueType !== 'digitRange' && !labelFormatter) {
+      return dateArrayFormatter(labelValue, dateFormatterMap[valueType] || 'YYYY-MM-DD');
+    }
+    if (Array.isArray(labelValue)) return labelValue.map(function (item) {
+      if (_typeof(item) === 'object' && item.label && item.value) {
+        return item.label;
+      }
+      return item;
+    });
+    return labelValue;
+  }, [labelValue, valueType, labelFormatter]);
+  return wrapSSR( /*#__PURE__*/_jsx(FilterDropdown, {
+    disabled: disabled,
+    open: open,
+    onOpenChange: setOpen,
+    placement: placement,
+    label: /*#__PURE__*/_jsx(FieldLabel, {
+      ellipsis: true,
+      size: size,
+      onClear: function onClear() {
+        onChange === null || onChange === void 0 || onChange();
+        setTempValue(null);
+      },
+      variant: variant,
+      style: style,
+      className: className,
+      label: label,
+      placeholder: placeholder,
+      value: labelValueText,
+      disabled: disabled,
+      formatter: labelFormatter,
+      allowClear: allowClear
+    }),
+    footer: {
+      onClear: function onClear() {
+        return setTempValue(null);
+      },
+      onConfirm: function onConfirm() {
+        onChange === null || onChange === void 0 || onChange(tempValue);
+        setOpen(false);
+      }
+    },
+    footerRender: footerRender,
+    children: /*#__PURE__*/_jsx("div", {
+      className: classNames("".concat(prefixCls, "-container"), hashId, className),
+      style: style,
+      children: /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, rest), {}, _defineProperty(_defineProperty({}, valuePropName, tempValue), "onChange", function onChange(e) {
+        setTempValue(e !== null && e !== void 0 && e.target ? e.target.value : e);
+      }), children.props))
+    })
+  }));
+};
+export { LightWrapper };

package/es/form/BaseForm/LightWrapper/style.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ProAliasToken } from '../../../provider';
+export interface ProToken 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/BaseForm/LightWrapper/style.js

@@ -0,0 +1,19 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { useStyle as useAntdStyle } from "../../../provider";
+var genProStyle = function genProStyle(token) {
+  return _defineProperty(_defineProperty({}, "".concat(token.componentCls, "-collapse-label"), {
+    paddingInline: 1,
+    paddingBlock: 1
+  }), "".concat(token.componentCls, "-container"), _defineProperty({}, "".concat(token.antCls, "-form-item"), {
+    marginBlockEnd: 0
+  }));
+};
+export function useStyle(prefixCls) {
+  return useAntdStyle('LightWrapper', function (token) {
+    var proToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genProStyle(proToken)];
+  });
+}

package/es/form/BaseForm/Submitter/index.d.ts

@@ -0,0 +1,37 @@
+import type { ButtonProps } from 'antd';
+import React from 'react';
+/** @name 用于配置操作栏 */
+export type SearchConfig = {
+    /** @name 重置按钮的文本 */
+    resetText?: React.ReactNode;
+    /** @name 提交按钮的文本 */
+    submitText?: React.ReactNode;
+};
+export type SubmitterProps<T = Record<string, any>> = {
+    /** @name 提交方法 */
+    onSubmit?: (value?: T) => void;
+    /** @name 重置方法 */
+    onReset?: (value?: T) => void;
+    /** @name 搜索的配置，一般用来配置文本 */
+    searchConfig?: SearchConfig;
+    /** @name 提交按钮的 props */
+    submitButtonProps?: false | (ButtonProps & {
+        preventDefault?: boolean;
+    });
+    /** @name 重置按钮的 props */
+    resetButtonProps?: false | (ButtonProps & {
+        preventDefault?: boolean;
+    });
+    /** @name 自定义操作的渲染 */
+    render?: ((props: SubmitterProps & T & {
+        submit: () => void;
+        reset: () => void;
+    }, dom: JSX.Element[]) => React.ReactNode[] | React.ReactNode | false) | false;
+};
+/**
+ * FormFooter 的组件，可以自动进行一些配置
+ *
+ * @param props
+ */
+declare const Submitter: React.FC<SubmitterProps>;
+export default Submitter;

package/es/form/BaseForm/Submitter/index.js

@@ -0,0 +1,93 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { Button, Form } from 'antd';
+import omit from 'rc-util/lib/omit';
+import React from 'react';
+import { proTheme, useIntl } from "../../../provider";
+
+/** @name 用于配置操作栏 */
+import { createElement as _createElement } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * FormFooter 的组件，可以自动进行一些配置
+ *
+ * @param props
+ */
+
+var Submitter = function Submitter(props) {
+  var intl = useIntl();
+  var form = Form.useFormInstance();
+  if (props.render === false) {
+    return null;
+  }
+  var onSubmit = props.onSubmit,
+    render = props.render,
+    onReset = props.onReset,
+    _props$searchConfig = props.searchConfig,
+    searchConfig = _props$searchConfig === void 0 ? {} : _props$searchConfig,
+    submitButtonProps = props.submitButtonProps,
+    resetButtonProps = props.resetButtonProps;
+  var _proTheme$useToken = proTheme.useToken(),
+    token = _proTheme$useToken.token;
+  var submit = function submit() {
+    form.submit();
+    onSubmit === null || onSubmit === void 0 || onSubmit();
+  };
+  var reset = function reset() {
+    form.resetFields();
+    onReset === null || onReset === void 0 || onReset();
+  };
+  var _searchConfig$submitT = searchConfig.submitText,
+    submitText = _searchConfig$submitT === void 0 ? intl.getMessage('tableForm.submit', '提交') : _searchConfig$submitT,
+    _searchConfig$resetTe = searchConfig.resetText,
+    resetText = _searchConfig$resetTe === void 0 ? intl.getMessage('tableForm.reset', '重置') : _searchConfig$resetTe;
+  /** 默认的操作的逻辑 */
+  var dom = [];
+  if (resetButtonProps !== false) {
+    dom.push( /*#__PURE__*/_createElement(Button, _objectSpread(_objectSpread({}, omit(resetButtonProps !== null && resetButtonProps !== void 0 ? resetButtonProps : {}, ['preventDefault'])), {}, {
+      key: "rest",
+      onClick: function onClick(e) {
+        var _resetButtonProps$onC;
+        if (!(resetButtonProps !== null && resetButtonProps !== void 0 && resetButtonProps.preventDefault)) reset();
+        resetButtonProps === null || resetButtonProps === void 0 || (_resetButtonProps$onC = resetButtonProps.onClick) === null || _resetButtonProps$onC === void 0 || _resetButtonProps$onC.call(resetButtonProps, e);
+      }
+    }), resetText));
+  }
+  if (submitButtonProps !== false) {
+    dom.push( /*#__PURE__*/_createElement(Button, _objectSpread(_objectSpread({
+      type: "primary"
+    }, omit(submitButtonProps || {}, ['preventDefault'])), {}, {
+      key: "submit",
+      onClick: function onClick(e) {
+        var _submitButtonProps$on;
+        if (!(submitButtonProps !== null && submitButtonProps !== void 0 && submitButtonProps.preventDefault)) submit();
+        submitButtonProps === null || submitButtonProps === void 0 || (_submitButtonProps$on = submitButtonProps.onClick) === null || _submitButtonProps$on === void 0 || _submitButtonProps$on.call(submitButtonProps, e);
+      }
+    }), submitText));
+  }
+  var renderDom = render ? render(_objectSpread(_objectSpread({}, props), {}, {
+    form: form,
+    submit: submit,
+    reset: reset
+  }), dom) : dom;
+  if (!renderDom) {
+    return null;
+  }
+  if (Array.isArray(renderDom)) {
+    if ((renderDom === null || renderDom === void 0 ? void 0 : renderDom.length) < 1) {
+      return null;
+    }
+    if ((renderDom === null || renderDom === void 0 ? void 0 : renderDom.length) === 1) {
+      return renderDom[0];
+    }
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        display: 'flex',
+        gap: token.marginXS,
+        alignItems: 'center'
+      },
+      children: renderDom
+    });
+  }
+  return renderDom;
+};
+export default Submitter;

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

@@ -0,0 +1,3 @@
+export * from '../components/FormItem/warpField';
+export * from './BaseForm';
+export * from './LightWrapper';

package/es/form/BaseForm/index.js

@@ -0,0 +1,3 @@
+export * from "../components/FormItem/warpField";
+export * from "./BaseForm";
+export * from "./LightWrapper";

package/es/form/FieldContext.d.ts

@@ -0,0 +1,27 @@
+import type { FormItemProps } from 'antd';
+import type { NamePath } from 'antd/lib/form/interface';
+import React from 'react';
+import type { ProFieldProps, ProFieldValueType, SearchTransformKeyFn } from '../utils';
+import type { CommonFormProps } from './BaseForm';
+import type { FieldProps, ProFormGroupProps } from './typing';
+export type FiledContextProps = {
+    fieldProps?: FieldProps<unknown>;
+    proFieldProps?: ProFieldProps;
+    formItemProps?: FormItemProps;
+    groupProps?: ProFormGroupProps;
+    setFieldValueType?: (name: NamePath, obj: {
+        valueType?: ProFieldValueType;
+        dateFormat?: string;
+        /** 数据转化的地方 */
+        transform?: SearchTransformKeyFn;
+    }) => void;
+    /** Form 组件的类型 */
+    formComponentType?: string;
+    /** 获取表单实例计数器 */
+    formKey?: string;
+    /** 表单的 getPopupContainer 控制 */
+    getPopupContainer?: (e: HTMLElement) => ParentNode;
+} & Pick<CommonFormProps, 'formRef' | 'grid'>;
+declare const FieldContext: React.Context<FiledContextProps>;
+export { FieldContext };
+export default FieldContext;

package/es/form/FieldContext.js

@@ -0,0 +1,4 @@
+import React from 'react';
+var FieldContext = /*#__PURE__*/React.createContext({});
+export { FieldContext };
+export default FieldContext;

package/es/form/components/Captcha/index.d.ts

@@ -0,0 +1,26 @@
+import type { ButtonProps, InputProps } from 'antd';
+import type { NamePath } from 'antd/lib/form/interface';
+import React from 'react';
+import type { ProFormFieldItemProps } from '../../typing';
+export type ProFormCaptchaProps = ProFormFieldItemProps<InputProps> & {
+    /** @name 倒计时的秒数 */
+    countDown?: number;
+    /** 手机号的 name */
+    phoneName?: NamePath;
+    /** @name 获取验证码的方法 */
+    onGetCaptcha: (mobile: string) => Promise<void>;
+    /** @name 计时回调 */
+    onTiming?: (count: number) => void;
+    /** @name 渲染按钮的文字 */
+    captchaTextRender?: (timing: boolean, count: number) => React.ReactNode;
+    /** @name 获取按钮验证码的props */
+    captchaProps?: ButtonProps;
+    value?: any;
+    onChange?: any;
+};
+export type CaptFieldRef = {
+    startTiming: () => never;
+    endTiming: () => never;
+};
+declare const ProFormCaptcha: React.FC<ProFormCaptchaProps>;
+export default ProFormCaptcha;

package/es/form/components/Captcha/index.js

@@ -0,0 +1,168 @@
+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 _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["rules", "name", "phoneName", "fieldProps", "onTiming", "captchaTextRender", "captchaProps"];
+import { Button, Form, Input } from 'antd';
+import React, { useEffect, useImperativeHandle, useState } from 'react';
+import { warpField } from "../FormItem/warpField";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var BaseProFormCaptcha = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var form = Form.useFormInstance();
+  var _useState = useState(props.countDown || 60),
+    _useState2 = _slicedToArray(_useState, 2),
+    count = _useState2[0],
+    setCount = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    timing = _useState4[0],
+    setTiming = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  // 这么写是为了防止restProps中 带入 onChange, defaultValue, rules props tabUtil
+  var rules = props.rules,
+    name = props.name,
+    phoneName = props.phoneName,
+    fieldProps = props.fieldProps,
+    onTiming = props.onTiming,
+    _props$captchaTextRen = props.captchaTextRender,
+    captchaTextRender = _props$captchaTextRen === void 0 ? function (paramsTiming, paramsCount) {
+      return paramsTiming ? "".concat(paramsCount, " \u79D2\u540E\u91CD\u65B0\u83B7\u53D6") : '获取验证码';
+    } : _props$captchaTextRen,
+    captchaProps = props.captchaProps,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var onGetCaptcha = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(mobile) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            setLoading(true);
+            _context.next = 4;
+            return restProps.onGetCaptcha(mobile);
+          case 4:
+            setLoading(false);
+            setTiming(true);
+            _context.next = 13;
+            break;
+          case 8:
+            _context.prev = 8;
+            _context.t0 = _context["catch"](0);
+            setTiming(false);
+            setLoading(false);
+            // eslint-disable-next-line no-console
+            console.log(_context.t0);
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 8]]);
+    }));
+    return function onGetCaptcha(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  /**
+   * 暴露ref方法
+   */
+  useImperativeHandle(ref, function () {
+    return {
+      startTiming: function startTiming() {
+        return setTiming(true);
+      },
+      endTiming: function endTiming() {
+        return setTiming(false);
+      }
+    };
+  });
+  useEffect(function () {
+    var interval = 0;
+    var countDown = props.countDown;
+    if (timing) {
+      interval = setInterval(function () {
+        setCount(function (preSecond) {
+          if (preSecond <= 1) {
+            setTiming(false);
+            clearInterval(interval);
+            // 重置秒数
+            return countDown || 60;
+          }
+          return preSecond - 1;
+        });
+      }, 1000);
+    }
+    return function () {
+      return clearInterval(interval);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [timing]);
+  useEffect(function () {
+    if (onTiming) {
+      onTiming(count);
+    }
+  }, [count, onTiming]);
+  return /*#__PURE__*/_jsxs("div", {
+    style: _objectSpread(_objectSpread({}, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), {}, {
+      display: 'flex',
+      alignItems: 'center'
+    }),
+    ref: ref,
+    children: [/*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({}, fieldProps), {}, {
+      style: _objectSpread({
+        flex: 1,
+        transition: 'width .3s',
+        marginRight: 8
+      }, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style)
+    })), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      style: {
+        display: 'block'
+      },
+      disabled: timing,
+      loading: loading
+    }, captchaProps), {}, {
+      onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        var _mobile;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              if (!phoneName) {
+                _context2.next = 9;
+                break;
+              }
+              _context2.next = 4;
+              return form.validateFields([phoneName].flat(1));
+            case 4:
+              _mobile = form.getFieldValue([phoneName].flat(1));
+              _context2.next = 7;
+              return onGetCaptcha(_mobile);
+            case 7:
+              _context2.next = 11;
+              break;
+            case 9:
+              _context2.next = 11;
+              return onGetCaptcha('');
+            case 11:
+              _context2.next = 16;
+              break;
+            case 13:
+              _context2.prev = 13;
+              _context2.t0 = _context2["catch"](0);
+              // eslint-disable-next-line no-console
+              console.log(_context2.t0);
+            case 16:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[0, 13]]);
+      })),
+      children: captchaTextRender(timing, count)
+    }))]
+  });
+});
+var ProFormCaptcha = warpField(BaseProFormCaptcha);
+export default ProFormCaptcha;

package/es/form/components/Cascader/index.d.ts

@@ -0,0 +1,16 @@
+import type { CascaderProps } from 'antd';
+import React from 'react';
+import type { ProFormFieldRemoteProps } from '../../typing';
+declare const _default: React.ForwardRefExoticComponent<{
+    fieldProps?: Partial<import("../../typing").FieldProps<any> & CascaderProps<any, string | number | symbol, boolean>> | undefined;
+    placeholder?: string | string[] | undefined;
+    secondary?: boolean | undefined;
+    emptyText?: React.ReactNode;
+    cacheForSwr?: boolean | undefined;
+    disabled?: boolean | undefined;
+    width?: number | "xl" | "lg" | "md" | "sm" | "xs" | undefined;
+    proFieldProps?: import("src/utils").ProFieldProps | undefined;
+    footerRender?: import("../../typing").LightFilterFooterRender | undefined;
+    children?: any;
+} & Omit<import("src/form/components").ProFormItemProps, "valueType"> & Pick<import("../../typing").ProFormGridConfig, "colProps"> & import("../../typing").ExtendsProps & ProFormFieldRemoteProps & React.RefAttributes<any>>;
+export default _default;

package/es/form/components/Cascader/index.js

@@ -0,0 +1,54 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["fieldProps", "request", "params", "proFieldProps"];
+import React, { useContext } from 'react';
+import { FieldCascader } from "../../../field";
+import { ProConfigProvider } from "../../../provider";
+import FieldContext from "../../FieldContext";
+import ProField from "../Field";
+/**
+ * 级联选择框
+ *
+ * @param
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProFormCascader = function ProFormCascader(_ref, ref) {
+  var fieldProps = _ref.fieldProps,
+    request = _ref.request,
+    params = _ref.params,
+    proFieldProps = _ref.proFieldProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var context = useContext(FieldContext);
+  return /*#__PURE__*/_jsx(ProConfigProvider, {
+    valueTypeMap: {
+      cascader: {
+        render: function render(text, props) {
+          return /*#__PURE__*/_jsx(FieldCascader, _objectSpread(_objectSpread({}, props), {}, {
+            text: text,
+            placeholder: props.placeholder
+          }));
+        },
+        formItemRender: function formItemRender(text, props) {
+          return /*#__PURE__*/_jsx(FieldCascader, _objectSpread(_objectSpread({}, props), {}, {
+            text: text,
+            placeholder: props.placeholder
+          }));
+        }
+      }
+    },
+    children: /*#__PURE__*/_jsx(ProField, _objectSpread({
+      valueType: "cascader",
+      fieldProps: _objectSpread({
+        getPopupContainer: context.getPopupContainer
+      }, fieldProps),
+      ref: ref,
+      request: request,
+      params: params,
+      filedConfig: {
+        customLightMode: true
+      },
+      proFieldProps: proFieldProps
+    }, rest))
+  });
+};
+export default /*#__PURE__*/React.forwardRef(ProFormCascader);

package/es/form/components/Checkbox/index.d.ts

@@ -0,0 +1,20 @@
+import type { CheckboxProps } from 'antd';
+import type { CheckboxGroupProps } from 'antd/lib/checkbox';
+import React from 'react';
+import type { ProFormFieldItemProps, ProFormFieldRemoteProps } from '../../typing';
+export type ProFormCheckboxGroupProps = ProFormFieldItemProps<CheckboxGroupProps, HTMLInputElement> & {
+    layout?: 'horizontal' | 'vertical';
+    options?: CheckboxGroupProps['options'];
+} & ProFormFieldRemoteProps;
+declare const CheckboxGroup: React.FC<ProFormCheckboxGroupProps>;
+export type ProFormCheckboxProps = ProFormFieldItemProps<CheckboxProps>;
+/**
+ * 多选框的
+ *
+ * @param
+ */
+declare const ProFormCheckboxComponents: React.FC<ProFormCheckboxProps>;
+declare const WrappedProFormCheckbox: typeof ProFormCheckboxComponents & {
+    Group: typeof CheckboxGroup;
+};
+export default WrappedProFormCheckbox;