@douyinfe/semi-ui 2.1.6-alpha.0 → 2.2.1

package/empty/index.tsx

@@ -60,7 +60,7 @@ export default class Empty extends BaseComponent<EmptyProps, EmptyState> {
         this.observer && this.observer.disconnect();
     }
 
-    observe(mutationsList: any): void {
+    observe = (mutationsList: any): void => {
         for (const mutation of mutationsList) {
             if (mutation.type === 'attributes' && mutation.attributeName === 'theme-mode') {
                 this.updateMode();
@@ -68,7 +68,7 @@ export default class Empty extends BaseComponent<EmptyProps, EmptyState> {
         }
     }
 
-    updateMode(): void {
+    updateMode = (): void => {
         const val = this.body.getAttribute('theme-mode');
         if (val !== this.state.mode) {
             this.setState({ mode: val });

package/gulpfile.js

@@ -81,7 +81,8 @@ gulp.task('compileScss', function compileScss() {
                     realUrl = url.replace(/~@douyinfe\/semi-foundation/, semiUIPath);
                 }
                 return { url: realUrl };
-            }
+            },
+            charset: false
         }).on('error', sass.logError))
         .pipe(gulp.dest('lib/es'))
         .pipe(gulp.dest('lib/cjs'));

package/lib/cjs/_utils/index.d.ts

@@ -30,6 +30,7 @@ export declare function cloneDeep(value: any, customizer?: (value: any) => void)
 export declare const getHighLightTextHTML: ({ sourceString, searchWords, option }: GetHighLightTextHTMLProps) => (string | React.ReactElement<{
     style: Record<string, any>;
     className: string;
+    key: string;
 }, string | React.JSXElementConstructor<any>>)[];
 export interface RegisterMediaQueryOption {
     match?: (e: MediaQueryList | MediaQueryListEvent) => void;

package/lib/cjs/_utils/index.js

@@ -126,7 +126,7 @@ const getHighLightTextHTML = _ref => {
   const markEle = option.highlightTag || 'mark';
   const highlightClassName = option.highlightClassName || '';
   const highlightStyle = option.highlightStyle || {};
-  return (0, _map.default)(chunks).call(chunks, chunk => {
+  return (0, _map.default)(chunks).call(chunks, (chunk, index) => {
     const {
       end,
       start,
@@ -137,7 +137,8 @@ const getHighLightTextHTML = _ref => {
     if (highlight) {
       return /*#__PURE__*/_react.default.createElement(markEle, {
         style: highlightStyle,
-        className: highlightClassName
+        className: highlightClassName,
+        key: text + index
       }, text);
     } else {
       return text;
@@ -173,11 +174,17 @@ const registerMediaQuery = (media, _ref2) => {
     }
 
     callInInit && handlerMediaChange(mediaQueryList);
-    mediaQueryList.addEventListener('change', handlerMediaChange);
-    return () => mediaQueryList.removeEventListener('change', handlerMediaChange);
+
+    if (Object.prototype.hasOwnProperty.call(mediaQueryList, 'addEventListener')) {
+      mediaQueryList.addEventListener('change', handlerMediaChange);
+      return () => mediaQueryList.removeEventListener('change', handlerMediaChange);
+    }
+
+    mediaQueryList.addListener(handlerMediaChange);
+    return () => mediaQueryList.removeListener(handlerMediaChange);
   }
 
-  return null;
+  return () => undefined;
 };
 /**
  * Determine whether the incoming element is a built-in icon

package/lib/cjs/cascader/index.d.ts

@@ -105,14 +105,18 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         showRestTagsPopover: PropTypes.Requireable<boolean>;
         restTagsPopoverProps: PropTypes.Requireable<object>;
         max: PropTypes.Requireable<number>;
+        separator: PropTypes.Requireable<string>;
         onExceed: PropTypes.Requireable<(...args: any[]) => any>;
         onClear: PropTypes.Requireable<(...args: any[]) => any>;
         loadData: PropTypes.Requireable<(...args: any[]) => any>;
         onLoad: PropTypes.Requireable<(...args: any[]) => any>;
         loadedKeys: PropTypes.Requireable<any[]>;
         disableStrictly: PropTypes.Requireable<boolean>;
+        leafOnly: PropTypes.Requireable<boolean>;
+        enableLeafClick: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
+        leafOnly: boolean;
         arrowIcon: JSX.Element;
         stopPropagation: boolean;
         motion: boolean;
@@ -129,6 +133,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         filterLeafOnly: boolean;
         showRestTagsPopover: boolean;
         restTagsPopoverProps: {};
+        separator: string;
         size: "default";
         treeNodeFilterProp: "label";
         displayProp: "label";
@@ -138,6 +143,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         onClear: (...args: any[]) => void;
         onDropdownVisibleChange: (...args: any[]) => void;
         onListScroll: (...args: any[]) => void;
+        enableLeafClick: boolean;
     };
     options: any;
     isEmpty: boolean;
@@ -145,6 +151,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
     triggerRef: React.RefObject<HTMLDivElement>;
     optionsRef: React.RefObject<any>;
     clickOutsideHandler: any;
+    mergeType: string;
     constructor(props: CascaderProps);
     get adapter(): CascaderAdapter;
     static getDerivedStateFromProps(props: CascaderProps, prevState: CascaderState): Partial<CascaderState>;

package/lib/cjs/cascader/index.js

@@ -28,6 +28,8 @@ var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-st
 
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 
+var _flatten2 = _interopRequireDefault(require("lodash/flatten"));
+
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
 
 var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
@@ -175,6 +177,7 @@ class Cascader extends _baseComponent.default {
         dropdownStyle,
         loadData,
         emptyContent,
+        separator,
         topSlot,
         bottomSlot,
         showNext,
@@ -191,6 +194,7 @@ class Cascader extends _baseComponent.default {
       }, topSlot, /*#__PURE__*/_react.default.createElement(_item.default, {
         activeKeys: activeKeys,
         selectedKeys: selectedKeys,
+        separator: separator,
         loadedKeys: loadedKeys,
         loadingKeys: loadingKeys,
         onItemClick: this.handleItemClick,
@@ -243,9 +247,9 @@ class Cascader extends _baseComponent.default {
       } = this.props;
       const {
         checkedKeys,
-        mergedCheckedKeys
+        resolvedCheckedKeys
       } = this.state;
-      const realKeys = autoMergeValue ? mergedCheckedKeys : checkedKeys;
+      const realKeys = this.mergeType === _constants.strings.NONE_MERGE_TYPE ? checkedKeys : resolvedCheckedKeys;
       const displayTag = [];
       const hiddenTag = [];
       (0, _forEach.default)(_context2 = [...realKeys]).call(_context2, (checkedKey, idx) => {
@@ -333,20 +337,23 @@ class Cascader extends _baseComponent.default {
       const {
         disabled,
         triggerRender,
-        multiple,
-        autoMergeValue
+        multiple
       } = this.props;
       const {
         selectedKeys,
         inputValue,
         inputPlaceHolder,
-        mergedCheckedKeys,
+        resolvedCheckedKeys,
         checkedKeys
       } = this.state;
       let realValue;
 
       if (multiple) {
-        realValue = autoMergeValue ? mergedCheckedKeys : checkedKeys;
+        if (this.mergeType === _constants.strings.NONE_MERGE_TYPE) {
+          realValue = checkedKeys;
+        } else {
+          realValue = resolvedCheckedKeys;
+        }
       } else {
         realValue = [...selectedKeys][0];
       }
@@ -526,8 +533,8 @@ class Cascader extends _baseComponent.default {
       /* Key of half checked node, when multiple */
       halfCheckedKeys: new _set.default([]),
 
-      /* Auto merged checkedKeys, when multiple */
-      mergedCheckedKeys: new _set.default([]),
+      /* Auto merged checkedKeys or leaf checkedKeys, when multiple */
+      resolvedCheckedKeys: new _set.default([]),
 
       /* Keys of loaded item */
       loadedKeys: new _set.default(),
@@ -540,6 +547,7 @@ class Cascader extends _baseComponent.default {
     };
     this.options = {};
     this.isEmpty = false;
+    this.mergeType = (0, _util.calcMergeType)(props.autoMergeValue, props.leafOnly);
     this.inputRef = /*#__PURE__*/_react.default.createRef();
     this.triggerRef = /*#__PURE__*/_react.default.createRef();
     this.optionsRef = /*#__PURE__*/_react.default.createRef();
@@ -684,7 +692,9 @@ class Cascader extends _baseComponent.default {
       multiple,
       value,
       defaultValue,
-      onChangeWithObject
+      onChangeWithObject,
+      leafOnly,
+      autoMergeValue
     } = props;
     const {
       prevProps
@@ -745,22 +755,20 @@ class Cascader extends _baseComponent.default {
           realKeys = formatKeys;
         }
 
-        let checkedKeys = new _set.default([]);
-        let halfCheckedKeys = new _set.default([]);
-        (0, _forEach.default)(realKeys).call(realKeys, v => {
-          const calRes = (0, _treeUtil.calcCheckedKeys)(v, keyEntities);
-          checkedKeys = new _set.default([...checkedKeys, ...calRes.checkedKeys]);
-          halfCheckedKeys = new _set.default([...halfCheckedKeys, ...calRes.halfCheckedKeys]);
-        }); // disableStrictly
+        const calRes = (0, _treeUtil.calcCheckedKeys)((0, _flatten2.default)(realKeys), keyEntities);
+        const checkedKeys = new _set.default(calRes.checkedKeys);
+        const halfCheckedKeys = new _set.default(calRes.halfCheckedKeys); // disableStrictly
 
         if (props.disableStrictly) {
           newState.disabledKeys = (0, _treeUtil.calcDisabledKeys)(keyEntities);
         }
 
+        const isLeafOnlyMerge = (0, _util.calcMergeType)(autoMergeValue, leafOnly) === _constants.strings.LEAF_ONLY_MERGE_TYPE;
+
         newState.prevProps = props;
         newState.checkedKeys = checkedKeys;
         newState.halfCheckedKeys = halfCheckedKeys;
-        newState.mergedCheckedKeys = new _set.default((0, _treeUtil.normalizeKeyList)(checkedKeys, keyEntities));
+        newState.resolvedCheckedKeys = new _set.default((0, _treeUtil.normalizeKeyList)(checkedKeys, keyEntities, isLeafOnlyMerge));
       }
     }
 
@@ -794,7 +802,6 @@ class Cascader extends _baseComponent.default {
     const {
       size,
       disabled,
-      autoMergeValue,
       placeholder,
       maxTagCount,
       showRestTagsPopover,
@@ -804,11 +811,11 @@ class Cascader extends _baseComponent.default {
       inputValue,
       checkedKeys,
       keyEntities,
-      mergedCheckedKeys
+      resolvedCheckedKeys
     } = this.state;
     const tagInputcls = (0, _classnames.default)("".concat(prefixcls, "-tagInput-wrapper"));
     const tagValue = [];
-    const realKeys = autoMergeValue ? mergedCheckedKeys : checkedKeys;
+    const realKeys = this.mergeType === _constants.strings.NONE_MERGE_TYPE ? checkedKeys : resolvedCheckedKeys;
     (0, _forEach.default)(_context3 = [...realKeys]).call(_context3, checkedKey => {
       if (!(0, _isEmpty2.default)(keyEntities[checkedKey])) {
         tagValue.push(keyEntities[checkedKey].valuePath);
@@ -956,14 +963,18 @@ Cascader.propTypes = {
   showRestTagsPopover: _propTypes.default.bool,
   restTagsPopoverProps: _propTypes.default.object,
   max: _propTypes.default.number,
+  separator: _propTypes.default.string,
   onExceed: _propTypes.default.func,
   onClear: _propTypes.default.func,
   loadData: _propTypes.default.func,
   onLoad: _propTypes.default.func,
   loadedKeys: _propTypes.default.array,
-  disableStrictly: _propTypes.default.bool
+  disableStrictly: _propTypes.default.bool,
+  leafOnly: _propTypes.default.bool,
+  enableLeafClick: _propTypes.default.bool
 };
 Cascader.defaultProps = {
+  leafOnly: false,
   arrowIcon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronDown, null),
   stopPropagation: true,
   motion: true,
@@ -980,6 +991,7 @@ Cascader.defaultProps = {
   filterLeafOnly: true,
   showRestTagsPopover: false,
   restTagsPopoverProps: {},
+  separator: ' / ',
   size: 'default',
   treeNodeFilterProp: 'label',
   displayProp: 'label',
@@ -988,7 +1000,8 @@ Cascader.defaultProps = {
   onExceed: _noop2.default,
   onClear: _noop2.default,
   onDropdownVisibleChange: _noop2.default,
-  onListScroll: _noop2.default
+  onListScroll: _noop2.default,
+  enableLeafClick: false
 };
 var _default = Cascader;
 exports.default = _default;

package/lib/cjs/cascader/item.d.ts

@@ -33,6 +33,7 @@ export interface CascaderItemProps {
     emptyContent: React.ReactNode;
     loadData: (selectOptions: CascaderData[]) => Promise<void>;
     data: Array<Data | Entity>;
+    separator: string;
     multiple: boolean;
     checkedKeys: Set<string>;
     halfCheckedKeys: Set<string>;
@@ -50,6 +51,7 @@ export default class Item extends PureComponent<CascaderItemProps> {
         checkedKeys: PropTypes.Requireable<object>;
         halfCheckedKeys: PropTypes.Requireable<object>;
         onItemCheckboxClick: PropTypes.Requireable<(...args: any[]) => any>;
+        separator: PropTypes.Requireable<string>;
         keyword: PropTypes.Requireable<string>;
     };
     static defaultProps: {

package/lib/cjs/cascader/item.js

@@ -151,7 +151,8 @@ class Item extends _react.PureComponent {
     this.highlight = searchText => {
       const content = [];
       const {
-        keyword
+        keyword,
+        separator
       } = this.props;
       (0, _forEach.default)(searchText).call(searchText, (item, idx) => {
         if (typeof item === 'string' && (0, _includes2.default)(item, keyword)) {
@@ -174,7 +175,7 @@ class Item extends _react.PureComponent {
         }
 
         if (idx !== searchText.length - 1) {
-          content.push(' / ');
+          content.push(separator);
         }
       });
       return content;
@@ -349,6 +350,7 @@ Item.propTypes = {
   checkedKeys: _propTypes.default.object,
   halfCheckedKeys: _propTypes.default.object,
   onItemCheckboxClick: _propTypes.default.func,
+  separator: _propTypes.default.string,
   keyword: _propTypes.default.string
 };
 Item.defaultProps = {

package/lib/cjs/datePicker/datePicker.js

@@ -278,6 +278,10 @@ class DatePicker extends _baseComponent.default {
         }
 
         this.clickOutSideHandler = e => {
+          if (this.adapter.needConfirm()) {
+            return;
+          }
+
           const triggerEl = this.triggerElRef && this.triggerElRef.current;
           const panelEl = this.panelRef && this.panelRef.current;
           const isInTrigger = triggerEl && triggerEl.contains(e.target);

package/lib/cjs/datePicker/monthsGrid.d.ts

@@ -81,6 +81,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
     renderMonth(month: Date, panelType: PanelType): JSX.Element;
     handleWeeksRowNumChange: (weeksRowNum: number, panelType: PanelType) => void;
     reselect: () => void;
+    getYAMOpenType: () => "left" | "right" | "none" | "both";
     renderTimePicker(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
     renderYearAndMonth(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
     renderSwitch(panelType: PanelType): JSX.Element;

package/lib/cjs/datePicker/monthsGrid.js

@@ -157,6 +157,10 @@ class MonthsGrid extends _baseComponent.default {
       });
     };
 
+    this.getYAMOpenType = () => {
+      return this.foundation.getYAMOpenType();
+    };
+
     let nowDate = (0, _isArray.default)(props.defaultPickerValue) ? props.defaultPickerValue[0] : props.defaultPickerValue;
     const validFormat = props.format || (0, _getDefaultFormatToken.getDefaultFormatTokenByType)(props.type);
 
@@ -644,9 +648,11 @@ class MonthsGrid extends _baseComponent.default {
       content = 'year month';
     }
 
+    const yearOpenType = this.getYAMOpenType();
     return /*#__PURE__*/_react.default.createElement("div", {
       className: monthGridCls,
       "x-type": type,
+      "x-panel-yearandmonth-open-type": yearOpenType,
       ref: current => this.cacheRefCurrent('monthGrid', current)
     }, content);
   }

package/lib/cjs/datePicker/navigation.js

@@ -48,6 +48,8 @@ class Navigation extends _react.PureComponent {
       onMonthClick,
       onNextMonth,
       onPrevMonth,
+      onPrevYear,
+      onNextYear,
       density,
       shouldBimonthSwitch,
       panelType
@@ -55,37 +57,75 @@ class Navigation extends _react.PureComponent {
     const btnTheme = 'borderless';
     const iconBtnSize = density === 'compact' ? 'default' : 'large';
     const btnNoHorizontalPadding = true;
-    const buttonSize = density === 'compact' ? 'small' : 'default'; // Enable dual-panel synchronous switching, and the current panel is the left panel
+    const buttonSize = density === 'compact' ? 'small' : 'default';
+    const isLeftPanel = panelType === _constants.strings.PANEL_TYPE_LEFT;
+    const isRightPanel = panelType === _constants.strings.PANEL_TYPE_RIGHT; // syncSwitchMonth and the current panel is the left
 
-    const bimonthSwitchWithLeftPanel = shouldBimonthSwitch && panelType === _constants.strings.PANEL_TYPE_LEFT; // Enable dual-panel synchronous switching, and the current panel is the right panel
+    const hiddenLeftPanelRightButtons = shouldBimonthSwitch && isLeftPanel; // syncSwitchMonth and the current panel is the right
+
+    const hiddenRightPanelLeftButtons = shouldBimonthSwitch && isRightPanel; // `visibility: hidden` will keep the icon in position
+
+    const leftButtonStyle = {};
+    const rightButtonStyle = {};
+
+    if (hiddenRightPanelLeftButtons) {
+      leftButtonStyle.visibility = 'hidden';
+    }
+
+    if (hiddenLeftPanelRightButtons) {
+      rightButtonStyle.visibility = 'hidden';
+    }
 
-    const bimonthSwitchWithRightPanel = shouldBimonthSwitch && panelType === _constants.strings.PANEL_TYPE_RIGHT;
     const ref = forwardRef || this.navRef;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: prefixCls,
       ref: ref
-    }, !bimonthSwitchWithRightPanel && /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+    }, /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+      key: "double-chevron-left",
+      icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconDoubleChevronLeft, {
+        size: iconBtnSize
+      }),
+      size: buttonSize,
+      theme: btnTheme,
+      noHorizontalPadding: btnNoHorizontalPadding,
+      onClick: onPrevYear,
+      style: leftButtonStyle
+    }), /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+      key: "chevron-left",
       icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronLeft, {
         size: iconBtnSize
       }),
       size: buttonSize,
       onClick: onPrevMonth,
       theme: btnTheme,
-      noHorizontalPadding: btnNoHorizontalPadding
+      noHorizontalPadding: btnNoHorizontalPadding,
+      style: leftButtonStyle
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-month")
     }, /*#__PURE__*/_react.default.createElement(_button.default, {
       onClick: onMonthClick,
       theme: btnTheme,
       size: buttonSize
-    }, /*#__PURE__*/_react.default.createElement("span", null, monthText))), !bimonthSwitchWithLeftPanel && /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+    }, /*#__PURE__*/_react.default.createElement("span", null, monthText))), /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+      key: "chevron-right",
       icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronRight, {
         size: iconBtnSize
       }),
       size: buttonSize,
       onClick: onNextMonth,
       theme: btnTheme,
-      noHorizontalPadding: btnNoHorizontalPadding
+      noHorizontalPadding: btnNoHorizontalPadding,
+      style: rightButtonStyle
+    }), /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+      key: "double-chevron-right",
+      icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconDoubleChevronRight, {
+        size: iconBtnSize
+      }),
+      size: buttonSize,
+      theme: btnTheme,
+      noHorizontalPadding: btnNoHorizontalPadding,
+      onClick: onNextYear,
+      style: rightButtonStyle
     }));
   }
 

package/lib/cjs/descriptions/item.js

@@ -60,7 +60,7 @@ class Item extends _react.PureComponent {
       className: "".concat(prefixCls, "-item")
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: keyCls
-    }, "".concat(itemKey, ":")), /*#__PURE__*/_react.default.createElement("span", {
+    }, itemKey, ":"), /*#__PURE__*/_react.default.createElement("span", {
       className: valCls
     }, typeof children === 'function' ? children() : children))) : /*#__PURE__*/_react.default.createElement("tr", {
       className: className,

package/lib/cjs/empty/index.d.ts

@@ -31,8 +31,8 @@ export default class Empty extends BaseComponent<EmptyProps, EmptyState> {
     constructor(props: EmptyProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    observe(mutationsList: any): void;
-    updateMode(): void;
+    observe: (mutationsList: any) => void;
+    updateMode: () => void;
     render(): JSX.Element;
 }
 export {};

package/lib/cjs/empty/index.js

@@ -31,6 +31,25 @@ const prefixCls = _constants.cssClasses.PREFIX;
 class Empty extends _baseComponent.default {
   constructor(props) {
     super(props);
+
+    this.observe = mutationsList => {
+      for (const mutation of mutationsList) {
+        if (mutation.type === 'attributes' && mutation.attributeName === 'theme-mode') {
+          this.updateMode();
+        }
+      }
+    };
+
+    this.updateMode = () => {
+      const val = this.body.getAttribute('theme-mode');
+
+      if (val !== this.state.mode) {
+        this.setState({
+          mode: val
+        });
+      }
+    };
+
     this.state = {
       mode: null
     };
@@ -54,24 +73,6 @@ class Empty extends _baseComponent.default {
     this.observer && this.observer.disconnect();
   }
 
-  observe(mutationsList) {
-    for (const mutation of mutationsList) {
-      if (mutation.type === 'attributes' && mutation.attributeName === 'theme-mode') {
-        this.updateMode();
-      }
-    }
-  }
-
-  updateMode() {
-    const val = this.body.getAttribute('theme-mode');
-
-    if (val !== this.state.mode) {
-      this.setState({
-        mode: val
-      });
-    }
-  }
-
   render() {
     var _context;
 

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

@@ -90,6 +90,11 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         suffix?: React.ReactNode;
         prefix?: React.ReactNode;
         insetLabel?: React.ReactNode;
+        inputProps?: import("utility-types").Subtract<import("../input").InputProps, {
+            value?: React.ReactText;
+            onFocus?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+            onChange?: (value: string, e: React.ChangeEvent<HTMLInputElement>) => void;
+        }>;
         showClear?: boolean;
         showArrow?: boolean;
         renderSelectedItem?: import("../select").RenderSelectedItemFn;
@@ -111,7 +116,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         onBlur?: (e: React.FocusEvent<Element, Element>) => void;
         onListScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
         children?: React.ReactNode;
-    } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

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

@@ -40,6 +40,11 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     suffix?: import("react").ReactNode;
     prefix?: import("react").ReactNode;
     insetLabel?: import("react").ReactNode;
+    inputProps?: import("utility-types").Subtract<import("../input/index").InputProps, {
+        value?: import("react").ReactText;
+        onFocus?: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
+        onChange?: (value: string, e: import("react").ChangeEvent<HTMLInputElement>) => void;
+    }>;
     showClear?: boolean;
     showArrow?: boolean;
     renderSelectedItem?: import("../select/index").RenderSelectedItemFn;
@@ -61,7 +66,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     onBlur?: (e: import("react").FocusEvent<Element, Element>) => void;
     onListScroll?: (e: import("react").UIEvent<HTMLDivElement, UIEvent>) => void;
     children?: import("react").ReactNode;
-} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & 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>;

package/lib/cjs/locale/source/es.d.ts

@@ -0,0 +1,7 @@
+import { Locale } from '../interface';
+/**
+ * [i18n-Spanish(es)]
+ *
+ */
+declare const locale: Locale;
+export default locale;