@douyinfe/semi-ui 2.1.0-next.0 → 2.1.0

package/lib/cjs/form/baseForm.js

@@ -1,326 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
-
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
-var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/values"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/form/foundation"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/form/constants");
-
-var _uuid = require("@douyinfe/semi-foundation/lib/cjs/utils/uuid");
-
-var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
-
-var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
-var _context5 = require("./context");
-
-var _reactUtils = require("../_base/reactUtils");
-
-var _row = _interopRequireDefault(require("../grid/row"));
-
-var _index = require("../_utils/index");
-
-var _slot = _interopRequireDefault(require("./slot"));
-
-var _section = _interopRequireDefault(require("./section"));
-
-var _label = _interopRequireDefault(require("./label"));
-
-var _errorMessage = _interopRequireDefault(require("./errorMessage"));
-
-var _group = _interopRequireDefault(require("./group"));
-
-var _lodashEs = require("lodash-es");
-
-require("@douyinfe/semi-foundation/lib/cjs/form/form.css");
-
-var _field = require("./field");
-
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
-
-  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
-    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-/* eslint-disable prefer-template, max-len, @typescript-eslint/no-unused-vars */
-
-
-const prefix = _constants.cssClasses.PREFIX;
-
-class Form extends _baseComponent.default {
-  constructor(props) {
-    var _context, _context2;
-
-    super(props);
-    this.state = {
-      formId: (0, _uuid.getUuidv4)()
-    };
-    (0, _warning.default)( // @ts-ignore special usage
-    props.component && props.render, '[Semi Form] You should not use <Form component> and <Form render> in ths same time; <Form render> will be ignored');
-    (0, _warning.default)(props.component && props.children && !(0, _reactUtils.isEmptyChildren)(props.children), '[Semi Form] You should not use <Form component> and <Form>{children}</Form> in ths same time; <Form>{children}</Form> will be ignored');
-    (0, _warning.default)(props.render && props.children && !(0, _reactUtils.isEmptyChildren)(props.children), '[Semi Form] You should not use <Form render> and <Form>{children}</Form> in ths same time; <Form>{children}</Form> will be ignored');
-    this.submit = (0, _bind.default)(_context = this.submit).call(_context, this);
-    this.reset = (0, _bind.default)(_context2 = this.reset).call(_context2, this);
-    this.foundation = new _foundation.default(this.adapter);
-    this.formApi = this.foundation.getFormApi();
-
-    if (this.props.getFormApi) {
-      this.props.getFormApi(this.formApi);
-    }
-  }
-
-  componentWillUnmount() {
-    this.foundation.destroy();
-    this.foundation = null;
-    this.formApi = null;
-  }
-
-  get adapter() {
-    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
-      cloneDeep: _index.cloneDeep,
-      notifySubmit: values => {
-        this.props.onSubmit(values);
-      },
-      notifySubmitFail: (errors, values) => {
-        this.props.onSubmitFail(errors, values);
-      },
-      forceUpdate: () => {
-        this.forceUpdate();
-      },
-      notifyChange: formState => {
-        this.props.onChange(formState);
-      },
-      notifyValueChange: (values, changedValues) => {
-        this.props.onValueChange(values, changedValues);
-      },
-      notifyReset: () => {
-        this.props.onReset();
-      },
-      getInitValues: () => this.props.initValues,
-      getFormProps: keys => {
-        if (typeof keys === 'undefined') {
-          return this.props;
-        } else if (typeof keys === 'string') {
-          return this.props[keys];
-        } else {
-          const props = {};
-          (0, _forEach.default)(keys).call(keys, key => {
-            props[key] = this.props[key];
-          });
-          return props;
-        }
-      },
-      getAllErrorDOM: () => {
-        var _context3;
-
-        const {
-          formId
-        } = this.state;
-        return document.querySelectorAll((0, _concat.default)(_context3 = "form[x-form-id=\"".concat(formId, "\"] .")).call(_context3, _constants.cssClasses.PREFIX, "-field-error-message"));
-      },
-      getFieldDOM: field => {
-        var _context4;
-
-        return document.querySelector((0, _concat.default)(_context4 = ".".concat(_constants.cssClasses.PREFIX, "-field[x-field-id=\"")).call(_context4, field, "\"]"));
-      }
-    });
-  }
-
-  get content() {
-    const {
-      children,
-      component,
-      render
-    } = this.props;
-    const formState = this.foundation.getFormState();
-    const props = {
-      formState,
-      formApi: this.foundation.getFormApi(),
-      values: (0, _values.default)(formState)
-    };
-
-    if (component) {
-      return /*#__PURE__*/_react.default.createElement(component, props, children);
-    }
-
-    if (render) {
-      return render(props);
-    }
-
-    if (typeof children === 'function') {
-      return children(props);
-    }
-
-    return children;
-  }
-
-  submit(e) {
-    e.preventDefault();
-    this.foundation.submit();
-  }
-
-  reset(e) {
-    e.preventDefault();
-    this.foundation.reset();
-  }
-
-  render() {
-    const needClone = false;
-    const formState = this.foundation.getFormState(needClone);
-    const updaterApi = this.foundation.getModifyFormStateApi();
-    const {
-      formId
-    } = this.state;
-
-    const _a = this.props,
-          {
-      children,
-      getFormApi,
-      onChange,
-      onSubmit,
-      onSubmitFail,
-      onValueChange,
-      component,
-      render,
-      validateFields,
-      initValues,
-      layout,
-      style,
-      className,
-      labelPosition,
-      labelWidth,
-      labelAlign,
-      labelCol,
-      wrapperCol,
-      allowEmpty,
-      autoScrollToError,
-      showValidateIcon,
-      extraTextPosition
-    } = _a,
-          rest = __rest(_a, ["children", "getFormApi", "onChange", "onSubmit", "onSubmitFail", "onValueChange", "component", "render", "validateFields", "initValues", "layout", "style", "className", "labelPosition", "labelWidth", "labelAlign", "labelCol", "wrapperCol", "allowEmpty", "autoScrollToError", "showValidateIcon", "extraTextPosition"]);
-
-    const formCls = (0, _classnames.default)(prefix, className, {
-      [prefix + '-vertical']: layout === 'vertical',
-      [prefix + '-horizontal']: layout === 'horizontal'
-    });
-    const showldAppendRow = wrapperCol && labelCol;
-
-    const formContent = /*#__PURE__*/_react.default.createElement("form", (0, _assign.default)({
-      style: style
-    }, rest, {
-      onReset: this.reset,
-      onSubmit: this.submit,
-      className: formCls,
-      "x-form-id": formId
-    }), this.content);
-
-    const withRowForm = /*#__PURE__*/_react.default.createElement(_row.default, null, formContent);
-
-    return /*#__PURE__*/_react.default.createElement(_context5.FormUpdaterContext.Provider, {
-      value: updaterApi
-    }, /*#__PURE__*/_react.default.createElement(_context5.FormApiContext.Provider, {
-      value: this.formApi
-    }, /*#__PURE__*/_react.default.createElement(_context5.FormStateContext.Provider, {
-      value: formState
-    }, showldAppendRow ? withRowForm : formContent)));
-  }
-
-}
-
-Form.propTypes = {
-  onSubmit: _propTypes.default.func,
-  onSubmitFail: _propTypes.default.func,
-
-  /* Triggered from update, including field mount/unmount/value change/blur/verification status change/error prompt change, input parameter is formState, currentField */
-  onChange: _propTypes.default.func,
-  onReset: _propTypes.default.func,
-  // Triggered when the value of the form is updated, only when the value of the subfield changes. The entry parameter is formState.values
-  onValueChange: _propTypes.default.func,
-  initValues: _propTypes.default.object,
-  getFormApi: _propTypes.default.func,
-  component: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-  render: _propTypes.default.func,
-  validateFields: _propTypes.default.func,
-  style: _propTypes.default.object,
-  className: _propTypes.default.string,
-  layout: _propTypes.default.oneOf(_constants.strings.LAYOUT),
-  labelPosition: _propTypes.default.oneOf(_constants.strings.LABEL_POS),
-  labelWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  labelAlign: _propTypes.default.oneOf(_constants.strings.LABEL_ALIGN),
-  labelCol: _propTypes.default.object,
-  wrapperCol: _propTypes.default.object,
-  allowEmpty: _propTypes.default.bool,
-  autoScrollToError: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
-  disabled: _propTypes.default.bool,
-  showValidateIcon: _propTypes.default.bool,
-  extraTextPosition: _propTypes.default.oneOf(_constants.strings.EXTRA_POS)
-};
-Form.defaultProps = {
-  onChange: _lodashEs.noop,
-  onSubmitFail: _lodashEs.noop,
-  onSubmit: _lodashEs.noop,
-  onReset: _lodashEs.noop,
-  onValueChange: _lodashEs.noop,
-  layout: 'vertical',
-  labelPosition: 'top',
-  allowEmpty: false,
-  autoScrollToError: false,
-  showValidateIcon: true
-};
-Form.Input = _field.FormInput;
-Form.TextArea = _field.FormTextArea;
-Form.InputNumber = _field.FormInputNumber;
-Form.Select = _field.FormSelect;
-Form.Checkbox = _field.FormCheckbox;
-Form.CheckboxGroup = _field.FormCheckboxGroup;
-Form.Radio = _field.FormRadio;
-Form.RadioGroup = _field.FormRadioGroup;
-Form.DatePicker = _field.FormDatePicker;
-Form.TimePicker = _field.FormTimePicker;
-Form.Switch = _field.FormSwitch;
-Form.Slider = _field.FormSlider;
-Form.TreeSelect = _field.FormTreeSelect;
-Form.Cascader = _field.FormCascader;
-Form.Rating = _field.FormRating;
-Form.AutoComplete = _field.FormAutoComplete;
-Form.Upload = _field.FormUpload;
-Form.TagInput = _field.FormTagInput;
-Form.Slot = _slot.default;
-Form.ErrorMessage = _errorMessage.default;
-Form.InputGroup = _group.default;
-Form.Label = _label.default;
-Form.Section = _section.default;
-var _default = Form;
-exports.default = _default;

package/lib/cjs/form/context.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseFormApi, FormUpdaterContextType, FormState } from '@douyinfe/semi-foundation/lib/cjs/form/interface';
-declare const FormStateContext: React.Context<FormState<any>>;
-declare const FormApiContext: React.Context<BaseFormApi<any>>;
-declare const FormUpdaterContext: React.Context<FormUpdaterContextType>;
-declare const ArrayFieldContext: React.Context<{
-    shouldUseInitValue: boolean;
-}>;
-export { FormStateContext, FormApiContext, FormUpdaterContext, ArrayFieldContext };

package/lib/cjs/form/context.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.FormUpdaterContext = exports.FormStateContext = exports.FormApiContext = exports.ArrayFieldContext = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-/* eslint-disable @typescript-eslint/no-empty-function */
-const FormStateContext = /*#__PURE__*/_react.default.createContext({});
-
-exports.FormStateContext = FormStateContext;
-FormStateContext.displayName = 'FormState';
-
-const FormApiContext = /*#__PURE__*/_react.default.createContext({});
-
-exports.FormApiContext = FormApiContext;
-FormApiContext.displayName = 'FormApi';
-
-const FormUpdaterContext = /*#__PURE__*/_react.default.createContext({});
-
-exports.FormUpdaterContext = FormUpdaterContext;
-FormUpdaterContext.displayName = 'FormUpdater';
-
-const ArrayFieldContext = /*#__PURE__*/_react.default.createContext({
-  shouldUseInitValue: true
-});
-
-exports.ArrayFieldContext = ArrayFieldContext;

package/lib/cjs/form/errorMessage.d.ts

@@ -1,25 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-export declare type ReactFieldError = boolean | string | Array<any> | React.ReactNode | undefined;
-export interface ErrorMessageProps {
-    error?: ReactFieldError;
-    className?: string;
-    style?: React.CSSProperties;
-    showValidateIcon?: boolean;
-    validateStatus?: string;
-    helpText?: React.ReactNode;
-    isInInputGroup?: boolean;
-}
-export default class ErrorMessage extends PureComponent<ErrorMessageProps> {
-    static propTypes: {
-        error: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-        validateStatus: PropTypes.Requireable<string>;
-        showValidateIcon: PropTypes.Requireable<boolean>;
-        helpText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        isInInputGroup: PropTypes.Requireable<boolean>;
-    };
-    generatorText(error: ReactFieldError): JSX.Element;
-    render(): JSX.Element;
-}

package/lib/cjs/form/errorMessage.js

@@ -1,108 +0,0 @@
-"use strict";
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
-
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/form/constants");
-
-var _semiIcons = require("@douyinfe/semi-icons");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/* eslint-disable prefer-template */
-const prefix = _constants.cssClasses.PREFIX;
-
-class ErrorMessage extends _react.PureComponent {
-  generatorText(error) {
-    if (typeof error === 'string') {
-      return /*#__PURE__*/_react.default.createElement("span", null, error);
-    } else if ((0, _isArray.default)(error)) {
-      const err = (0, _filter.default)(error).call(error, e => e);
-      return err.length ? /*#__PURE__*/_react.default.createElement("span", null, err.join(', ')) : null;
-    } else if ( /*#__PURE__*/_react.default.isValidElement(error)) {
-      return error;
-    }
-
-    return null;
-  }
-
-  render() {
-    const {
-      error,
-      className,
-      style,
-      validateStatus,
-      helpText,
-      showValidateIcon,
-      isInInputGroup
-    } = this.props;
-    const cls = (0, _classnames.default)({
-      [prefix + '-field-error-message']: Boolean(error),
-      [prefix + '-field-help-text']: Boolean(helpText)
-    }, className);
-
-    if (!error && !helpText) {
-      return null;
-    }
-
-    const iconMap = {
-      warning: /*#__PURE__*/_react.default.createElement(_semiIcons.IconAlertTriangle, null),
-      error: /*#__PURE__*/_react.default.createElement(_semiIcons.IconAlertCircle, null)
-    };
-    const text = error ? this.generatorText(error) : this.generatorText(helpText);
-    const iconCls = "".concat(prefix, "-field-validate-status-icon");
-    let icon = null;
-
-    if (isInInputGroup) {
-      icon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconAlertCircle, {
-        className: iconCls
-      });
-    } else {
-      if (iconMap[validateStatus]) {
-        icon = /*#__PURE__*/_react.default.cloneElement(iconMap[validateStatus], {
-          className: iconCls
-        });
-      }
-    }
-
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: cls,
-      style: style
-    }, showValidateIcon && text ? icon : null, text);
-  }
-
-}
-
-exports.default = ErrorMessage;
-ErrorMessage.propTypes = {
-  error: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string, _propTypes.default.array, _propTypes.default.node]),
-  className: _propTypes.default.string,
-  style: _propTypes.default.object,
-  validateStatus: _propTypes.default.string,
-  showValidateIcon: _propTypes.default.bool,
-  helpText: _propTypes.default.node,
-  isInInputGroup: _propTypes.default.bool
-};

package/lib/cjs/form/field.d.ts

@@ -1,96 +0,0 @@
-/// <reference types="react" />
-declare const FormInput: import("react").ComponentType<import("utility-types").Subtract<Omit<import("../input/index").InputProps, "forwardRef"> & import("react").RefAttributes<HTMLInputElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormInputNumber: import("react").ComponentType<import("utility-types").Subtract<any, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormTextArea: import("react").ComponentType<import("utility-types").Subtract<Omit<import("../input/textarea").TextAreaProps, "forwardRef"> & import("react").RefAttributes<HTMLTextAreaElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormSelect: import("react").ComponentType<import("utility-types").Subtract<{
-    autoFocus?: boolean;
-    arrowIcon?: import("react").ReactNode;
-    defaultValue?: string | number | any[] | Record<string, any>;
-    value?: string | number | any[] | Record<string, any>;
-    placeholder?: import("react").ReactNode;
-    onChange?: (value: string | number | any[] | Record<string, any>) => void;
-    multiple?: boolean;
-    filter?: boolean | ((inpueValue: string, option: import("../select/option").OptionProps) => boolean);
-    max?: number;
-    maxTagCount?: number;
-    maxHeight?: string | number;
-    style?: import("react").CSSProperties;
-    className?: string;
-    size?: import("../select/index").SelectSize;
-    disabled?: boolean;
-    emptyContent?: import("react").ReactNode;
-    onDropdownVisibleChange?: (visible: boolean) => void;
-    zIndex?: number;
-    position?: "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver";
-    onSearch?: (value: string) => void;
-    dropdownClassName?: string;
-    dropdownStyle?: import("react").CSSProperties;
-    outerTopSlot?: import("react").ReactNode;
-    innerTopSlot?: import("react").ReactNode;
-    outerBottomSlot?: import("react").ReactNode;
-    innerBottomSlot?: import("react").ReactNode;
-    optionList?: import("../select/option").OptionProps[];
-    dropdownMatchSelectWidth?: boolean;
-    loading?: boolean;
-    defaultOpen?: boolean;
-    validateStatus?: "default" | "error" | "warning" | "success";
-    defaultActiveFirstOption?: boolean;
-    onChangeWithObject?: boolean;
-    suffix?: import("react").ReactNode;
-    prefix?: import("react").ReactNode;
-    insetLabel?: import("react").ReactNode;
-    showClear?: boolean;
-    showArrow?: boolean;
-    renderSelectedItem?: import("../select/index").RenderSelectedItemFn;
-    renderCreateItem?: (inputValue: string | number, focus: boolean) => import("react").ReactNode;
-    renderOptionItem?: (props: import("../select/index").optionRenderProps) => import("react").ReactNode;
-    onMouseEnter?: (e: import("react").MouseEvent<Element, MouseEvent>) => any;
-    onMouseLeave?: (e: import("react").MouseEvent<Element, MouseEvent>) => any;
-    clickToHide?: boolean;
-    onExceed?: (option: import("../select/option").OptionProps) => void;
-    onCreate?: (option: import("../select/option").OptionProps) => void;
-    remote?: boolean;
-    onDeselect?: (value: string | number | any[] | Record<string, any>, option: Record<string, any>) => void;
-    onSelect?: (value: string | number | any[] | Record<string, any>, option: Record<string, any>) => void;
-    allowCreate?: boolean;
-    triggerRender?: (props?: any) => import("react").ReactNode;
-    onClear?: () => void;
-    virtualize?: import("../select/index").virtualListProps;
-    onFocus?: (e: import("react").FocusEvent<Element, Element>) => void;
-    onBlur?: (e: import("react").FocusEvent<Element, Element>) => void;
-    onListScroll?: (e: import("react").UIEvent<HTMLDivElement, UIEvent>) => void;
-    children?: import("react").ReactNode;
-} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "getPopupContainer" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
-declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
-declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormRadio: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio/radio").RadioProps & import("./interface").RCIncludeType>;
-declare const FormDatePicker: import("react").ComponentType<import("utility-types").Subtract<import("../datePicker/datePicker").DatePickerProps & import("react").RefAttributes<import("../datePicker/datePicker").default>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormSwitch: import("react").ComponentType<import("utility-types").Subtract<import("../switch/index").SwitchProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormSlider: import("react").ComponentType<import("utility-types").Subtract<import("../slider/index").SliderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-/**
- * Reasons for using ts-igonre:
- *
- * 1. TimePicker: The propTypes of the locale is defined as object (it is not necessary and too troublesome to write a complete shapeOf),
- * but the interface defines a complete type, the two cannot match, and ts will report an error, so skip it here.
- *
- * 2. Cascader: treeData { label, value } define in PropTypes.shapeOf alreaady declare isRequired, ts still throw error
- *    【Property is optional in type “InferProps<{ value: Validator<string | number>; label: Validator<any>; }>” but required in type CascaderData】
- *    skip it here.
- * 3. TreeSelect: value same as cascader, skip it here
- *
- */
-declare const FormTimePicker: import("react").ComponentType<import("utility-types").Subtract<import("../timePicker/TimePicker").TimePickerProps | (import("../timePicker/TimePicker").TimePickerProps & {
-    children?: import("react").ReactNode;
-}), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormTreeSelect: import("react").ComponentType<import("utility-types").Subtract<import("../treeSelect/index").TreeSelectProps | (import("../treeSelect/index").TreeSelectProps & {
-    children?: import("react").ReactNode;
-}), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormCascader: import("react").ComponentType<import("utility-types").Subtract<import("../cascader/index").CascaderProps | (import("../cascader/index").CascaderProps & {
-    children?: import("react").ReactNode;
-}), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormRating: import("react").ComponentType<import("utility-types").Subtract<import("../rating/index").RatingProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormAutoComplete: import("react").ComponentType<import("utility-types").Subtract<import("../autoComplete/index").AutoCompleteProps<import("../autoComplete/index").BaseDataItem>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormUpload: import("react").ComponentType<import("utility-types").Subtract<import("../upload/index").UploadProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormTagInput: import("react").ComponentType<import("utility-types").Subtract<import("../tagInput/index").TagInputProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-export { FormInput, FormInputNumber, FormTextArea, FormSelect, FormCheckboxGroup, FormCheckbox, FormRadioGroup, FormRadio, FormDatePicker, FormSwitch, FormSlider, FormTimePicker, FormTreeSelect, FormCascader, FormRating, FormAutoComplete, FormUpload, FormTagInput };