@para-ui/core 3.0.27 → 3.0.29

package/Search/index.js

@@ -1,10 +1,10 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { TextField } from '../TextField/index.js';
 import { Button } from '../Button/index.js';
 import SearchIcon from '@para-ui/icons/Search';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
@@ -23,64 +23,62 @@ import '../AutoTips/index.js';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../HelperText/index.js';
-import '../_verture/useGlobalProps-af9a2af6.js';
+import '../_verture/useGlobalProps-1b846a65.js';
 import '@para-ui/core/GlobalContext';
-import '../_verture/index-bbed73a3.js';
+import '../_verture/index-be4faaee.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-b8ab7cab.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
-import '../_verture/useFormatMessage-f4452258.js';
+import '../_verture/useFormatMessage-703f8b20.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-search {\n  display: flex;\n  width: 100%;\n}\n.paraui-v3-search > .search-text-field {\n  padding: 0;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: none;\n  margin-right: 8px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 16px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon:hover > svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 8px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-after {\n  padding: 0;\n  background-color: white;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n  border: 0;\n}\n.paraui-v3-search.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n}\n.paraui-v3-search.paraui-v3-search-value > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-icon {\n  margin-right: 0;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-icon > svg {\n  font-size: 16px;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-label {\n  margin-left: 4px;\n}\n.paraui-v3-search.paraui-v3-search-outside > .search-button {\n  margin-left: 16px;\n}\n.paraui-v3-search.paraui-v3-search-inside .search-button {\n  padding: 0 8px;\n}\n.paraui-v3-search.paraui-v3-search-inside .search-button svg {\n  font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-inside.paraui-v3-search-no-btntext .search-button > span {\n  margin-right: 0;\n}\n.paraui-v3-search.paraui-v3-search-btntext .search-button svg {\n  font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n  height: 26px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-inside.paraui-v3-search-no-btntext .search-button svg {\n  font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 4px;\n}\n.paraui-v3-search.paraui-v3-search-medium > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n  height: 30px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-inside.search-no-btntext .search-button svg {\n  font-size: 18px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 18px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 6px;\n}\n.paraui-v3-search.paraui-v3-search-large > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n  height: 34px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-inside.search-no-btntext .search-button svg {\n  font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 8px;\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$btnType = props.btnType,
-      btnType = _props$btnType === void 0 ? 'outside' : _props$btnType,
-      _props$showBtn = props.showBtn,
-      showBtn = _props$showBtn === void 0 ? true : _props$showBtn,
-      btnIcon = props.btnIcon,
-      _props$btnText = props.btnText,
-      btnText = _props$btnText === void 0 ? '' : _props$btnText,
-      _props$placeholder = props.placeholder,
-      placeholder = _props$placeholder === void 0 ? '' : _props$placeholder;
-      props.defaultValue;
-      var value = props.value,
-      rightIcon = props.rightIcon,
-      _props$showRightIcon = props.showRightIcon,
-      showRightIcon = _props$showRightIcon === void 0 ? true : _props$showRightIcon,
-      _props$allowClear = props.allowClear,
-      allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
-      _props$rightIconExist = props.rightIconExist,
-      rightIconExist = _props$rightIconExist === void 0 ? false : _props$rightIconExist,
-      onChange = props.onChange,
-      onBlur = props.onBlur,
-      onFocus = props.onFocus,
-      onKeydown = props.onKeydown,
-      onKeyUp = props.onKeyUp,
-      onClickBtn = props.onClickBtn,
-      onClickRightIcon = props.onClickRightIcon,
-      onEnter = props.onEnter,
-      onClear = props.onClear;
-
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'large' : _props$size,
+    _props$btnType = props.btnType,
+    btnType = _props$btnType === void 0 ? 'outside' : _props$btnType,
+    _props$showBtn = props.showBtn,
+    showBtn = _props$showBtn === void 0 ? true : _props$showBtn,
+    btnIcon = props.btnIcon,
+    _props$btnText = props.btnText,
+    btnText = _props$btnText === void 0 ? '' : _props$btnText,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder;
+    props.defaultValue;
+    var value = props.value,
+    rightIcon = props.rightIcon,
+    _props$showRightIcon = props.showRightIcon,
+    showRightIcon = _props$showRightIcon === void 0 ? true : _props$showRightIcon,
+    _props$allowClear = props.allowClear,
+    allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
+    _props$rightIconExist = props.rightIconExist,
+    rightIconExist = _props$rightIconExist === void 0 ? false : _props$rightIconExist,
+    onChange = props.onChange,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    onKeydown = props.onKeydown,
+    onKeyUp = props.onKeyUp,
+    onClickBtn = props.onClickBtn,
+    onClickRightIcon = props.onClickRightIcon,
+    onEnter = props.onEnter,
+    onClear = props.onClear;
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      valueCom = _useState2[0],
-      setValueCom = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    valueCom = _useState2[0],
+    setValueCom = _useState2[1];
   useEffect(function () {
     if (props.defaultValue !== undefined) {
       setValueCom(props.defaultValue);
     }
-  }, []); // 监听value
-
+  }, []);
+  // 监听value
   useEffect(function () {
     if (value !== undefined) {
       setValueCom(value);
@@ -90,7 +88,6 @@ var Search = function Search(props) {
    * 输入框右侧按钮
    * @return {ReactNode}
    */
-
   var clearIcon = function clearIcon() {
     if (!showRightIcon) return '';
     if (rightIcon) return rightIcon;
@@ -99,8 +96,6 @@ var Search = function Search(props) {
    * 搜索按钮图标
    * @return {ReactNode}
    */
-
-
   var searchBtnIcon = function searchBtnIcon() {
     if (btnIcon) return btnIcon;
     return jsx(SearchIcon, {});
@@ -108,48 +103,37 @@ var Search = function Search(props) {
   /**
    * 点击输入框右侧按钮
    */
-
-
   var clickRightIcon = function clickRightIcon() {
-    var val = valueCom; // 显示右侧图标 且 没有自定义右侧图标 为清空按钮
-
+    var val = valueCom;
+    // 显示右侧图标 且 没有自定义右侧图标 为清空按钮
     if (showRightIcon && !rightIcon) {
       if (props.value === undefined) {
         val = '';
         setValueCom('');
       }
     }
-
     onClickRightIcon && onClickRightIcon(val);
   };
   /**
    * 改变输入框
    * @param event {React.ChangeEvent<HTMLInputElement>} 元素
    */
-
-
   var changeInput = function changeInput(event) {
     var val = event.target.value;
-
     if (props.value === undefined) {
       setValueCom(val);
     }
-
     onChange && onChange(val, event);
   };
   /**
    * 点击按钮
    */
-
-
   var clickBtn = function clickBtn() {
     onClickBtn && onClickBtn(valueCom);
   };
   /**
    * 内置按钮
    * */
-
-
   var buttonDom = function buttonDom() {
     if (showBtn && btnType === 'inside') {
       return jsx(Button, Object.assign({
@@ -162,15 +146,12 @@ var Search = function Search(props) {
         children: btnText
       }));
     }
-
     return undefined;
   };
   /**
    * 处理class
    * @return {string}
    */
-
-
   var handClass = function handClass() {
     var str = "".concat($prefixCls, "-search");
     if (className) str += ' ' + className;
@@ -182,15 +163,12 @@ var Search = function Search(props) {
     if (rightIconExist) str += " ".concat($prefixCls, "-search-right-icon-exist");
     return str;
   };
-
   var handValue = function handValue() {
     if (props.value === undefined) {
       return valueCom;
     }
-
     return value;
   };
-
   return jsxs("div", Object.assign({
     className: handClass(),
     style: style