@para-ui/core 4.0.0-rc.4 → 4.0.0-rc.6

package/Search/index.js

@@ -1,12 +1,9 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { TextField } from '../TextField/index.js';
 import SearchIcon from '@para-ui/icons/Search';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/typeof-adeedc13.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Label/index.js';
 import '../Help/index.js';
@@ -24,50 +21,44 @@ import '../AutoTips/index.js';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../HelperText/index.js';
-import '../_verture/useGlobalProps-1b846a65.js';
+import '../_verture/useGlobalProps-1e416658.js';
 import '@para-ui/core/GlobalContext';
-import '../_verture/index-e9007d6a.js';
+import '../_verture/index-da9097d3.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-87febeb9.js';
+import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-search {\n  display: flex;\n  width: 100%;\n}\n.paraui-v4-search .search-text-field .text-field-content .text-field-content-within .right-icon svg {\n  font-size: 18px;\n}\n.paraui-v4-search .search-text-field .text-field-content .text-field-content-within .right-icon:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-search.paraui-v4-search-small.paraui-v4-search-radius .search-text-field .text-field-content {\n  border-radius: 14px;\n}\n.paraui-v4-search.paraui-v4-search-small.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input input {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-small.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input .text-field-label-placeholder {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-small.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .right-icon {\n  margin-right: 16px;\n}\n.paraui-v4-search.paraui-v4-search-medium.paraui-v4-search-radius .search-text-field .text-field-content {\n  border-radius: 14px;\n}\n.paraui-v4-search.paraui-v4-search-medium.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input input {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-medium.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input .text-field-label-placeholder {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-medium.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .right-icon {\n  margin-right: 16px;\n}\n.paraui-v4-search.paraui-v4-search-large.paraui-v4-search-radius .search-text-field .text-field-content {\n  border-radius: 16px;\n}\n.paraui-v4-search.paraui-v4-search-large.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input input {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-large.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input .text-field-label-placeholder {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-large.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .right-icon {\n  margin-right: 16px;\n}";
 styleInject(css_248z);
 
-var Search = function Search(props) {
-  var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    style = props.style,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    _props$radius = props.radius,
-    radius = _props$radius === void 0 ? false : _props$radius,
-    _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
-    value = props.value,
-    rightIcon = props.rightIcon,
-    _props$allowClear = props.allowClear,
-    allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
-    onChange = props.onChange,
-    onBlur = props.onBlur,
-    onFocus = props.onFocus,
-    onKeydown = props.onKeydown,
-    onKeyUp = props.onKeyUp,
-    onClickBtn = props.onClickBtn,
-    onEnter = props.onEnter,
-    onClear = props.onClear,
-    otherProps = props.otherProps;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    valueCom = _useState2[0],
-    setValueCom = _useState2[1];
-  useEffect(function () {
+const Search = props => {
+  const {
+    className = '',
+    style,
+    size = 'large',
+    radius = false,
+    placeholder = '',
+    value,
+    rightIcon,
+    allowClear = true,
+    onChange,
+    onBlur,
+    onFocus,
+    onKeydown,
+    onKeyUp,
+    onClickBtn,
+    onEnter,
+    onClear,
+    otherProps
+  } = props;
+  const [valueCom, setValueCom] = useState('');
+  useEffect(() => {
     if (props.defaultValue !== undefined) {
       setValueCom(props.defaultValue);
     }
   }, []);
   // 监听value
-  useEffect(function () {
+  useEffect(() => {
     if (value !== undefined) {
       setValueCom(value);
     }
@@ -76,14 +67,14 @@ var Search = function Search(props) {
    * 输入框右侧按钮
    * @return {ReactNode}
    */
-  var clearIcon = function clearIcon() {
+  const clearIcon = () => {
     if (rightIcon) return rightIcon;
     return jsx(SearchIcon, {});
   };
   /**
    * 点击输入框右侧按钮
    */
-  var clickRightIcon = function clickRightIcon() {
+  const clickRightIcon = () => {
     if (onClickBtn) {
       onClickBtn(valueCom);
       return;
@@ -94,8 +85,8 @@ var Search = function Search(props) {
    * 改变输入框
    * @param event {React.ChangeEvent<HTMLInputElement>} 元素
    */
-  var changeInput = function changeInput(event) {
-    var val = event.target.value;
+  const changeInput = event => {
+    const val = event.target.value;
     if (props.value === undefined) {
       setValueCom(val);
     }
@@ -105,14 +96,14 @@ var Search = function Search(props) {
    * 处理class
    * @return {string}
    */
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-search");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-search");
     if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-search-").concat(size);
     if (radius) str += " ".concat($prefixCls, "-search-radius");
     return str;
   };
-  var handValue = function handValue() {
+  const handValue = () => {
     if (props.value === undefined) {
       return valueCom;
     }