acud 0.0.71 → 0.0.72

package/es/date-picker/src/PickerPanel.js

@@ -122,7 +122,6 @@ function PickerPanel(props) {
       var now = generateConfig.getNow();
       if (!date) return now; // When value is null and set showTime
 
-      // When value is null and set showTime
       if (!mergedValue && showTime) {
         if (_typeof(showTime) === 'object') {
           return setDateTime(generateConfig, date, showTime.defaultValue || now);

package/es/date-picker/src/RangePicker.js

@@ -172,7 +172,6 @@ function InnerRangePicker(props) {
       } // Fill disabled unit
 
 
-      // Fill disabled unit
       for (var i = 0; i < 2; i += 1) {
         if (mergedDisabled[i] && !getValue(postValues, i) && !getValue(allowEmpty, i)) {
           postValues = updateValues(postValues, generateConfig.getNow(), i);

package/es/input/AutoComplete.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { InternalSelectProps, SelectInterface } from '../select';
+export interface AutoCompleteProps<ValueType = any> extends Omit<InternalSelectProps<ValueType>, 'inputIcon' | 'loading' | 'mode' | 'optionLabelProp' | 'labelInValue'> {
+}
+declare const RefAutoComplete: (<ValueType = any>(props: AutoCompleteProps<ValueType> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<SelectInterface>;
+}) => React.ReactElement) & {
+    Option: import("../select/src/Option").OptionFC;
+};
+export default RefAutoComplete;

package/es/input/AutoComplete.js

@@ -0,0 +1,53 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import classNames from 'classnames';
+import Select from '../select';
+import { isValidElement } from '../_util/reactNode';
+import toArray from "rc-util/es/Children/toArray";
+var Option = Select.Option;
+
+function isSelectOptionOrSelectOptGroup(child) {
+  return child && child.type && (child.type.isSelectOption || child.type.isSelectOptGroup);
+}
+
+var AutoComplete = function AutoComplete(props, ref) {
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'acud-select' : _props$prefixCls,
+      className = props.className,
+      children = props.children;
+  var childNodes = toArray(children); // ============================= Input =============================
+
+  var customizeInput;
+
+  if (childNodes.length === 1 && isValidElement(childNodes[0]) && !isSelectOptionOrSelectOptGroup(childNodes[0])) {
+    var _childNodes = _slicedToArray(childNodes, 1);
+
+    customizeInput = _childNodes[0];
+  }
+
+  var getInputElement = customizeInput ? function () {
+    return customizeInput;
+  } : undefined; // ============================ Options ============================
+
+  var optionChildren;
+
+  if (childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0])) {
+    optionChildren = children;
+  } else {
+    optionChildren = [];
+  }
+
+  return /*#__PURE__*/React.createElement(Select, _extends({
+    ref: ref
+  }, props, {
+    prefixCls: prefixCls,
+    className: classNames("".concat(prefixCls, "-auto-complete"), className),
+    mode: Select.SECRET_COMBOBOX_MODE_DO_NOT_USE,
+    getInputElement: getInputElement
+  }), optionChildren);
+};
+
+var RefAutoComplete = /*#__PURE__*/React.forwardRef(AutoComplete);
+RefAutoComplete.Option = Option;
+export default RefAutoComplete; // export default AutoComplete;

package/es/input/TextArea.d.ts

@@ -17,5 +17,5 @@ export interface TextAreaProps {
     readonly?: boolean;
     allowClear?: boolean;
 }
-declare const TextArea: React.FC<TextAreaProps>;
+declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<unknown>>;
 export default TextArea;

package/es/input/TextArea.js

@@ -25,9 +25,9 @@ import classNames from 'classnames';
 import { MultiToneClear } from 'acud-icon';
 import React, { useState, useMemo } from 'react';
 import useMergedState from '../_util/hooks/useMergedState';
-import { resolveTargetValue } from './Input';
+import { resolveTargetValue } from './Input'; // const TextArea:React.FC<TextAreaProps> = props => {
 
-var TextArea = function TextArea(props) {
+var TextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
 
   var _props$prefixCls = props.prefixCls,
@@ -135,6 +135,7 @@ var TextArea = function TextArea(props) {
     className: "".concat(prefixCls, "-outer"),
     style: style
   }, /*#__PURE__*/React.createElement(RcTextArea, _extends({}, rest, {
+    ref: ref,
     placeholder: placeholder,
     className: classNames(classes),
     onChange: handleOnChange,
@@ -156,6 +157,5 @@ var TextArea = function TextArea(props) {
   }, /*#__PURE__*/React.createElement("span", {
     className: classNames(limitClassName, 'limit')
   }, currentLength, "/", limitLength)));
-};
-
+});
 export default TextArea;

package/es/input/index.d.ts

@@ -4,11 +4,13 @@ import Label from './Label';
 import TextArea from './TextArea';
 import Password from './Password';
 import MultiSelectInput from './MultiSelectInput';
+import AutoComplete from './AutoComplete';
 interface CompoundedComponent extends React.ForwardRefExoticComponent<BaseInputProps & React.RefAttributes<HTMLInputElement>> {
     Label: typeof Label;
     TextArea: typeof TextArea;
     Password: typeof Password;
     MultiSelectInput: typeof MultiSelectInput;
+    AutoComplete: typeof AutoComplete;
     __ACUD_CHECKBOX: boolean;
 }
 declare const Input: CompoundedComponent;

package/es/input/index.js

@@ -3,9 +3,11 @@ import Label from './Label';
 import TextArea from './TextArea';
 import Password from './Password';
 import MultiSelectInput from './MultiSelectInput';
+import AutoComplete from './AutoComplete';
 var Input = InputComponent;
 Input.Label = Label;
 Input.TextArea = TextArea;
 Input.Password = Password;
 Input.MultiSelectInput = MultiSelectInput;
+Input.AutoComplete = AutoComplete;
 export default Input;

package/es/input/style/index.css

@@ -682,7 +682,6 @@
   padding-top: 6px;
   padding-right: 24px;
   padding-bottom: 24px;
-  min-height: 100px;
   border-radius: 4px;
   font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
   color: #151B26;
@@ -887,3 +886,56 @@
 .acud-input-select-tags .acud-select-clear {
   right: 12px;
 }
+.acud-select-auto-complete .acud-select-selector {
+  width: 100%;
+  display: flex;
+  cursor: text;
+  position: relative;
+}
+.acud-select-auto-complete {
+  width: 100%;
+  display: block;
+}
+.acud-select-auto-complete:not(.acud-select-customize-input) .acud-select-selector {
+  position: relative;
+  background-color: #fff;
+  border-radius: 2px;
+  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+.acud-select-auto-complete:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-search .acud-select-selection-search-input {
+  cursor: auto;
+  margin: 0;
+  padding: 0;
+  background: 0 0;
+  border: none;
+  outline: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.acud-select-auto-complete .acud-select-selector {
+  width: 100%;
+  display: flex;
+  cursor: text;
+  position: relative;
+}
+.acud-select-auto-complete .acud-select-selector .acud-select-selection-search {
+  position: absolute;
+  inset: 0 12px;
+  z-index: 2;
+}
+.acud-select-auto-complete .acud-select-selector .acud-select-selection-search .acud-select-selection-search-input {
+  width: 100%;
+}
+.acud-select-auto-complete .acud-select-selector .acud-select-selection-placeholder {
+  flex: 1;
+  transition: none;
+  pointer-events: none;
+  overflow: hidden;
+  color: #bfbfbf;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding-left: 12px;
+  padding-right: 12px;
+  z-index: 1;
+}

package/es/input/style/index.less

@@ -8,6 +8,10 @@
 
 @input-password-outer-prefix-cls: ~'@{acud-prefix}-input-password-outer';
 @input-password-prefix-cls: ~'@{acud-prefix}-input-password';
+@select-auto-complete-prefix-cls: ~'@{acud-prefix}-select-auto-complete';
+
+@select-prefix-cls: ~'@{acud-prefix}-select';
+
 // basic logic - line hight, font size
 // content layer - 只处理文字 Icon， 没有开关config，对应四种交互状态配置
 // background layer - 背景层 填色、描边、阴影，可以通过开关config配置， 对应四种交互状态
@@ -254,7 +258,7 @@
     padding-top: 1.5*@padding-xsm;
     padding-right: 2*@padding-m;
     padding-bottom: 6*@padding-xsm;
-    min-height: 100px;
+    // min-height: 100px;
     border-radius: @input-border-lg-radius;
     font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
     &::-webkit-input-placeholder {
@@ -379,4 +383,62 @@
         right:12px;
     }
 }
+.acud-select-auto-complete{
+    .acud-select-selector{
+        width:100%;
+        display: flex;
+        cursor: text;
+        position: relative;
+    }
+}
+.@{select-auto-complete-prefix-cls}{
+    width:100%;
+    display: block;
+    &:not(.acud-select-customize-input) {
+        .acud-select-selector{
+            position: relative;
+            background-color: #fff;
+            border-radius: 2px;
+            transition: all .3s cubic-bezier(.645,.045,.355,1);
+            .acud-select-selection-search{
+                .acud-select-selection-search-input{
+                    cursor: auto;
+                    margin: 0;
+                    padding: 0;
+                    background: 0 0;
+                    border: none;
+                    outline: none;
+                    appearance: none;
+                }
+            }
+        }
+        
+    }
+    .@{select-prefix-cls}-selector{
+        width:100%;
+        display: flex;
+        cursor: text;
+        position: relative;
+        .@{select-prefix-cls}-selection-search{
+            position: absolute;
+            inset: 0 12px;
+            z-index: 2;
+            .@{select-prefix-cls}-selection-search-input{
+                width:100%;
+            }
+        }
+        .@{select-prefix-cls}-selection-placeholder{
+            flex:1;
+            transition: none;
+            pointer-events: none;
+            overflow: hidden;
+            color: #bfbfbf;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            padding-left: 12px;
+            padding-right: 12px;
+            z-index: 1;
+        }
 
+    }
+}

package/es/input-number/src/hooks/useFrame.d.ts

@@ -1,5 +1,5 @@
-declare const _default: () => (callback: () => void) => void;
 /**
  * Always trigger latest once when call multiple time
  */
+declare const _default: () => (callback: () => void) => void;
 export default _default;

package/es/select/index.d.ts

@@ -29,7 +29,7 @@ declare const SelectRef: <VT extends SelectValue = SelectValue>(props: SelectPro
     ref?: React.Ref<RefSelectProps>;
 }) => React.ReactElement;
 declare type InternalSelectType = typeof SelectRef;
-interface SelectInterface extends InternalSelectType {
+export interface SelectInterface extends InternalSelectType {
     SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
     Option: typeof Option;
     OptGroup: typeof OptGroup;

package/es/virtual-list/List.js

@@ -135,7 +135,6 @@ export function RawList(props, ref) {
     } // Always use virtual scroll bar in avoid shaking
 
 
-    // Always use virtual scroll bar in avoid shaking
     if (!inVirtual) {
       return {
         scrollHeight: ((_a = fillerInnerRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0,
@@ -157,14 +156,12 @@ export function RawList(props, ref) {
       var cacheHeight = heights.get(key);
       var currentItemBottom = itemTop + (cacheHeight === undefined ? itemHeight : cacheHeight); // Check item top in the range
 
-      // Check item top in the range
       if (currentItemBottom >= scrollTop && startIndex === undefined) {
         startIndex = i;
         startOffset = itemTop;
       } // Check item bottom in the range. We will render additional one item for motion usage
 
 
-      // Check item bottom in the range. We will render additional one item for motion usage
       if (currentItemBottom > scrollTop + height && endIndex === undefined) {
         endIndex = i;
       }
@@ -175,9 +172,6 @@ export function RawList(props, ref) {
     /* istanbul ignore next */
 
 
-    // Fallback to normal if not match. This code should never reach
-
-    /* istanbul ignore next */
     if (startIndex === undefined) {
       startIndex = 0;
       startOffset = 0;
@@ -188,7 +182,6 @@ export function RawList(props, ref) {
     } // Give cache to improve scroll experience
 
 
-    // Give cache to improve scroll experience
     endIndex = Math.min(endIndex + 1, mergedData.length);
     return {
       scrollHeight: itemTop,

package/lib/date-picker/src/PickerPanel.js

@@ -159,7 +159,6 @@ function PickerPanel(props) {
       var now = generateConfig.getNow();
       if (!date) return now; // When value is null and set showTime
 
-      // When value is null and set showTime
       if (!mergedValue && showTime) {
         if ((0, _typeof2["default"])(showTime) === 'object') {
           return (0, _timeUtil.setDateTime)(generateConfig, date, showTime.defaultValue || now);

package/lib/date-picker/src/RangePicker.js

@@ -212,7 +212,6 @@ function InnerRangePicker(props) {
       } // Fill disabled unit
 
 
-      // Fill disabled unit
       for (var i = 0; i < 2; i += 1) {
         if (mergedDisabled[i] && !(0, _miscUtil.getValue)(postValues, i) && !(0, _miscUtil.getValue)(allowEmpty, i)) {
           postValues = (0, _miscUtil.updateValues)(postValues, generateConfig.getNow(), i);

package/lib/input/AutoComplete.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { InternalSelectProps, SelectInterface } from '../select';
+export interface AutoCompleteProps<ValueType = any> extends Omit<InternalSelectProps<ValueType>, 'inputIcon' | 'loading' | 'mode' | 'optionLabelProp' | 'labelInValue'> {
+}
+declare const RefAutoComplete: (<ValueType = any>(props: AutoCompleteProps<ValueType> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<SelectInterface>;
+}) => React.ReactElement) & {
+    Option: import("../select/src/Option").OptionFC;
+};
+export default RefAutoComplete;

package/lib/input/AutoComplete.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _select = _interopRequireDefault(require("../select"));
+
+var _reactNode = require("../_util/reactNode");
+
+var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
+
+var Option = _select["default"].Option;
+
+function isSelectOptionOrSelectOptGroup(child) {
+  return child && child.type && (child.type.isSelectOption || child.type.isSelectOptGroup);
+}
+
+var AutoComplete = function AutoComplete(props, ref) {
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'acud-select' : _props$prefixCls,
+      className = props.className,
+      children = props.children;
+  var childNodes = (0, _toArray["default"])(children); // ============================= Input =============================
+
+  var customizeInput;
+
+  if (childNodes.length === 1 && (0, _reactNode.isValidElement)(childNodes[0]) && !isSelectOptionOrSelectOptGroup(childNodes[0])) {
+    var _childNodes = (0, _slicedToArray2["default"])(childNodes, 1);
+
+    customizeInput = _childNodes[0];
+  }
+
+  var getInputElement = customizeInput ? function () {
+    return customizeInput;
+  } : undefined; // ============================ Options ============================
+
+  var optionChildren;
+
+  if (childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0])) {
+    optionChildren = children;
+  } else {
+    optionChildren = [];
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_select["default"], (0, _extends2["default"])({
+    ref: ref
+  }, props, {
+    prefixCls: prefixCls,
+    className: (0, _classnames["default"])("".concat(prefixCls, "-auto-complete"), className),
+    mode: _select["default"].SECRET_COMBOBOX_MODE_DO_NOT_USE,
+    getInputElement: getInputElement
+  }), optionChildren);
+};
+
+var RefAutoComplete = /*#__PURE__*/_react["default"].forwardRef(AutoComplete);
+
+RefAutoComplete.Option = Option;
+var _default = RefAutoComplete; // export default AutoComplete;
+
+exports["default"] = _default;

package/lib/input/TextArea.d.ts

@@ -17,5 +17,5 @@ export interface TextAreaProps {
     readonly?: boolean;
     allowClear?: boolean;
 }
-declare const TextArea: React.FC<TextAreaProps>;
+declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<unknown>>;
 export default TextArea;

package/lib/input/TextArea.js

@@ -49,7 +49,8 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
  */
 
 
-var TextArea = function TextArea(props) {
+// const TextArea:React.FC<TextAreaProps> = props => {
+var TextArea = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var _classNames;
 
   var _props$prefixCls = props.prefixCls,
@@ -157,6 +158,7 @@ var TextArea = function TextArea(props) {
     className: "".concat(prefixCls, "-outer"),
     style: style
   }, /*#__PURE__*/_react["default"].createElement(_rcTextarea["default"], (0, _extends2["default"])({}, rest, {
+    ref: ref,
     placeholder: placeholder,
     className: (0, _classnames["default"])(classes),
     onChange: handleOnChange,
@@ -178,7 +180,7 @@ var TextArea = function TextArea(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])(limitClassName, 'limit')
   }, currentLength, "/", limitLength)));
-};
+});
 
 var _default = TextArea;
 exports["default"] = _default;

package/lib/input/index.d.ts

@@ -4,11 +4,13 @@ import Label from './Label';
 import TextArea from './TextArea';
 import Password from './Password';
 import MultiSelectInput from './MultiSelectInput';
+import AutoComplete from './AutoComplete';
 interface CompoundedComponent extends React.ForwardRefExoticComponent<BaseInputProps & React.RefAttributes<HTMLInputElement>> {
     Label: typeof Label;
     TextArea: typeof TextArea;
     Password: typeof Password;
     MultiSelectInput: typeof MultiSelectInput;
+    AutoComplete: typeof AutoComplete;
     __ACUD_CHECKBOX: boolean;
 }
 declare const Input: CompoundedComponent;

package/lib/input/index.js

@@ -17,10 +17,13 @@ var _Password = _interopRequireDefault(require("./Password"));
 
 var _MultiSelectInput = _interopRequireDefault(require("./MultiSelectInput"));
 
+var _AutoComplete = _interopRequireDefault(require("./AutoComplete"));
+
 var Input = _Input["default"];
 Input.Label = _Label["default"];
 Input.TextArea = _TextArea["default"];
 Input.Password = _Password["default"];
 Input.MultiSelectInput = _MultiSelectInput["default"];
+Input.AutoComplete = _AutoComplete["default"];
 var _default = Input;
 exports["default"] = _default;

package/lib/input/style/index.css

@@ -682,7 +682,6 @@
   padding-top: 6px;
   padding-right: 24px;
   padding-bottom: 24px;
-  min-height: 100px;
   border-radius: 4px;
   font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
   color: #151B26;
@@ -887,3 +886,56 @@
 .acud-input-select-tags .acud-select-clear {
   right: 12px;
 }
+.acud-select-auto-complete .acud-select-selector {
+  width: 100%;
+  display: flex;
+  cursor: text;
+  position: relative;
+}
+.acud-select-auto-complete {
+  width: 100%;
+  display: block;
+}
+.acud-select-auto-complete:not(.acud-select-customize-input) .acud-select-selector {
+  position: relative;
+  background-color: #fff;
+  border-radius: 2px;
+  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+.acud-select-auto-complete:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-search .acud-select-selection-search-input {
+  cursor: auto;
+  margin: 0;
+  padding: 0;
+  background: 0 0;
+  border: none;
+  outline: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.acud-select-auto-complete .acud-select-selector {
+  width: 100%;
+  display: flex;
+  cursor: text;
+  position: relative;
+}
+.acud-select-auto-complete .acud-select-selector .acud-select-selection-search {
+  position: absolute;
+  inset: 0 12px;
+  z-index: 2;
+}
+.acud-select-auto-complete .acud-select-selector .acud-select-selection-search .acud-select-selection-search-input {
+  width: 100%;
+}
+.acud-select-auto-complete .acud-select-selector .acud-select-selection-placeholder {
+  flex: 1;
+  transition: none;
+  pointer-events: none;
+  overflow: hidden;
+  color: #bfbfbf;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding-left: 12px;
+  padding-right: 12px;
+  z-index: 1;
+}

package/lib/input/style/index.less

@@ -8,6 +8,10 @@
 
 @input-password-outer-prefix-cls: ~'@{acud-prefix}-input-password-outer';
 @input-password-prefix-cls: ~'@{acud-prefix}-input-password';
+@select-auto-complete-prefix-cls: ~'@{acud-prefix}-select-auto-complete';
+
+@select-prefix-cls: ~'@{acud-prefix}-select';
+
 // basic logic - line hight, font size
 // content layer - 只处理文字 Icon， 没有开关config，对应四种交互状态配置
 // background layer - 背景层 填色、描边、阴影，可以通过开关config配置， 对应四种交互状态
@@ -254,7 +258,7 @@
     padding-top: 1.5*@padding-xsm;
     padding-right: 2*@padding-m;
     padding-bottom: 6*@padding-xsm;
-    min-height: 100px;
+    // min-height: 100px;
     border-radius: @input-border-lg-radius;
     font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
     &::-webkit-input-placeholder {
@@ -379,4 +383,62 @@
         right:12px;
     }
 }
+.acud-select-auto-complete{
+    .acud-select-selector{
+        width:100%;
+        display: flex;
+        cursor: text;
+        position: relative;
+    }
+}
+.@{select-auto-complete-prefix-cls}{
+    width:100%;
+    display: block;
+    &:not(.acud-select-customize-input) {
+        .acud-select-selector{
+            position: relative;
+            background-color: #fff;
+            border-radius: 2px;
+            transition: all .3s cubic-bezier(.645,.045,.355,1);
+            .acud-select-selection-search{
+                .acud-select-selection-search-input{
+                    cursor: auto;
+                    margin: 0;
+                    padding: 0;
+                    background: 0 0;
+                    border: none;
+                    outline: none;
+                    appearance: none;
+                }
+            }
+        }
+        
+    }
+    .@{select-prefix-cls}-selector{
+        width:100%;
+        display: flex;
+        cursor: text;
+        position: relative;
+        .@{select-prefix-cls}-selection-search{
+            position: absolute;
+            inset: 0 12px;
+            z-index: 2;
+            .@{select-prefix-cls}-selection-search-input{
+                width:100%;
+            }
+        }
+        .@{select-prefix-cls}-selection-placeholder{
+            flex:1;
+            transition: none;
+            pointer-events: none;
+            overflow: hidden;
+            color: #bfbfbf;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            padding-left: 12px;
+            padding-right: 12px;
+            z-index: 1;
+        }
 
+    }
+}