@douyinfe/semi-ui 2.1.0-beta.2 → 2.1.0-next.2

package/lib/cjs/form/baseForm.js

@@ -0,0 +1,325 @@
+"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 _noop2 = _interopRequireDefault(require("lodash/noop"));
+
+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"));
+
+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)(Boolean(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: _noop2.default,
+  onSubmitFail: _noop2.default,
+  onSubmit: _noop2.default,
+  onReset: _noop2.default,
+  onValueChange: _noop2.default,
+  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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,35 @@
+"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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1,108 @@
+"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

@@ -0,0 +1,78 @@
+/// <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" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "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>;
+declare const FormTimePicker: import("react").ComponentType<import("utility-types").Subtract<import("../timePicker/TimePicker").TimePickerProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+declare const FormTreeSelect: import("react").ComponentType<import("utility-types").Subtract<import("../treeSelect/index").TreeSelectProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+declare const FormCascader: import("react").ComponentType<import("utility-types").Subtract<import("../cascader/index").CascaderProps, 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").AutoCompleteItems>, 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 };