@para-ui/core 3.0.55 → 3.0.56

package/Querying/lang/en_US.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    querying: string;
+};
+export default _default;

package/Querying/lang/index.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    zh: {
+        querying: string;
+    };
+    en: {
+        querying: string;
+    };
+};
+export default _default;

package/Querying/lang/zh_CN.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    querying: string;
+};
+export default _default;

package/README.md

@@ -1,3 +1,9 @@
+## 版本: 3.0.56
+
+    para-ui/core@3.0.56 发布
+
+    修复发布问题,添加构建失败停止发布脚本逻辑
+
 ## 版本: 3.0.55
 
     para-ui/core@3.0.55 发布

package/Radio/index.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @author linhd
+ * @date 2021/8/4 10:20
+ * @description 单选框
+ */
+import React, { FunctionComponent, ReactNode } from 'react';
+import { LabelTooltipProps } from '../Label';
+import './index.scss';
+export interface RadioProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 标题 */
+    label?: ReactNode;
+    /** 帮组提示信息 */
+    labelTooltip?: LabelTooltipProps;
+    /** 大小 */
+    size?: 'small' | 'medium' | 'large';
+    /** 默认值  有值不受控组件 初始化第一次 */
+    defaultChecked?: boolean;
+    /** 默认值 有值受控组件*/
+    checked?: boolean;
+    /** 禁用 */
+    disabled?: boolean;
+    /** inputProps */
+    inputProps?: {
+        type?: string;
+        value?: any;
+        checked?: any;
+        [name: string]: any;
+    };
+    /** 改变事件 */
+    onChange?: (e: any, checked: boolean) => void;
+    [name: string]: any;
+}
+export declare const Radio: FunctionComponent<RadioProps>;
+export default Radio;

package/Radio/index.js

@@ -0,0 +1,97 @@
+import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import Label from '../Label/index.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../Help/index.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import 'clsx';
+import '@para-ui/icons/Help';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-radio {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: flex-start;\n  line-height: 16px;\n}\n.paraui-v3-radio:hover > .radio-label {\n  color: rgba(54, 102, 214, 0.8);\n  cursor: pointer;\n}\n.paraui-v3-radio:hover > .radio-label svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-radio:hover > .radio-help > .radio-label {\n  color: rgba(54, 102, 214, 0.8);\n  cursor: pointer;\n}\n.paraui-v3-radio:hover > .radio-help > .radio-label svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-radio:hover > .radio-box > .radio-box-inner {\n  border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-radio > .radio-box {\n  position: relative;\n}\n.paraui-v3-radio > .radio-box > input {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n}\n.paraui-v3-radio > .radio-box > .radio-box-inner {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n  background-color: white;\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 50%;\n}\n.paraui-v3-radio > .radio-box > .radio-box-inner:after {\n  position: absolute;\n  display: table;\n  content: \" \";\n  transform: scale(1) translate(-50%, -50%);\n  background-color: white;\n  border-radius: 50%;\n  left: 50%;\n  top: 50%;\n}\n.paraui-v3-radio > .radio-label {\n  color: rgb(46, 55, 67);\n  padding: 0 8px;\n  margin: 0;\n  display: inline-flex;\n  align-items: flex-start;\n}\n.paraui-v3-radio > .radio-label > .radio-help > svg {\n  top: 0;\n}\n.paraui-v3-radio .radio-label {\n  line-height: 16px;\n}\n.paraui-v3-radio > .radio-help {\n  padding: 0 8px;\n  position: relative;\n  top: -1px;\n}\n.paraui-v3-radio > .radio-help > .radio-label {\n  color: rgb(46, 55, 67);\n  margin: 0;\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v3-radio.paraui-v3-radio-checked > .radio-box > .radio-box-inner {\n  border-color: transparent;\n  background-color: rgb(54, 102, 214);\n}\n.paraui-v3-radio.paraui-v3-radio-checked:hover > .radio-box > .radio-box-inner {\n  border-color: transparent;\n  background-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-radio.paraui-v3-radio-disabled:hover > .radio-box > .radio-box-inner {\n  background-color: rgb(245, 246, 247);\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-label {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-label svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-box > input {\n  cursor: not-allowed;\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-box > .radio-box-inner {\n  background-color: rgb(245, 246, 247);\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-box > .radio-box-inner:after {\n  background-color: rgb(245, 246, 247);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled.paraui-v3-radio-checked > .radio-box > .radio-box-inner:after {\n  background-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-help {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-help > .radio-label {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-v3-radio.paraui-v3-radio-small > .radio-box {\n  top: 1px;\n}\n.paraui-v3-radio.paraui-v3-radio-small > .radio-box > .radio-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-v3-radio.paraui-v3-radio-small > .radio-box > .radio-box-inner:after {\n  width: 4px;\n  height: 4px;\n}\n.paraui-v3-radio.paraui-v3-radio-medium > .radio-box > .radio-box-inner {\n  width: 16px;\n  height: 16px;\n}\n.paraui-v3-radio.paraui-v3-radio-medium > .radio-box > .radio-box-inner:after {\n  width: 6px;\n  height: 6px;\n}\n.paraui-v3-radio.paraui-v3-radio-large > .radio-box > .radio-box-inner {\n  width: 16px;\n  height: 16px;\n}\n.paraui-v3-radio.paraui-v3-radio-large > .radio-box > .radio-box-inner:after {\n  width: 6px;\n  height: 6px;\n}";
+styleInject(css_248z);
+
+var Radio = function Radio(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    labelTooltip = props.labelTooltip,
+    _props$label = props.label,
+    label = _props$label === void 0 ? '' : _props$label,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'large' : _props$size,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    onChange = props.onChange,
+    style = props.style;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    checkedCom = _useState2[0],
+    setCheckedCom = _useState2[1]; // 复选框状态
+  useEffect(function () {
+    if (props.defaultChecked !== undefined) setCheckedCom(props.defaultChecked);
+  }, []);
+  useEffect(function () {
+    if (props.checked !== undefined) setCheckedCom(props.checked);
+  }, [props.checked]);
+  // 点击选择
+  var clickCheck = function clickCheck(e) {
+    e.preventDefault();
+    if (disabled) return;
+    // 不可受控组件
+    if (props.checked === undefined) setCheckedCom(!checkedCom);
+    e.target.checked = !checkedCom;
+    onChange && onChange(e, !checkedCom);
+  };
+  // 处理className
+  var handClass = function handClass() {
+    var str = $prefixCls + '-radio';
+    if (className) str += ' ' + className;
+    if (size) str += " ".concat($prefixCls, "-radio-").concat(size);
+    if (disabled) str += " ".concat($prefixCls, "-radio-disabled");
+    if (checkedCom) str += " ".concat($prefixCls, "-radio-checked");
+    return str;
+  };
+  var handLabelClass = function handLabelClass() {
+    var str = 'radio-label';
+    if (labelTooltip && labelTooltip.className) {
+      str += ' ' + labelTooltip.className;
+    }
+    return str;
+  };
+  /** 处理帮组classNaem */
+  var handHelpClassName = function handHelpClassName() {
+    var str = ' radio-help';
+    if (labelTooltip && labelTooltip.helpClassName) {
+      str += ' ' + labelTooltip.helpClassName;
+    }
+    return str;
+  };
+  return jsxs("label", Object.assign({
+    className: handClass(),
+    onClick: clickCheck,
+    style: style
+  }, {
+    children: [jsxs("span", Object.assign({
+      className: "radio-box"
+    }, {
+      children: [jsx("input", Object.assign({
+        type: "radio",
+        value: checkedCom
+      }, props.inputProps)), jsx("span", {
+        className: "radio-box-inner"
+      })]
+    })), label !== undefined && label !== '' && label !== null ? jsx(Label, Object.assign({
+      label: label
+    }, labelTooltip, {
+      helpClassName: handHelpClassName(),
+      className: handLabelClass()
+    })) : null]
+  }));
+};
+
+export { Radio, Radio as default };

package/RadioGroup/index.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @author linhd
+ * @date 2021/8/4 14:18
+ * @description 单选框组
+ */
+import React, { FunctionComponent, ReactNode } from 'react';
+import { RadioProps } from '../Radio';
+import { LabelTooltipProps } from "../Label";
+import { HelperTextDetailProps } from "../HelperText";
+import './index.scss';
+export interface RadioListProps extends RadioProps {
+    [name: string]: any;
+}
+export interface RadioGroupProps extends HelperTextDetailProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 间距 只有在横向布局的时候生效 */
+    spacing?: string;
+    /** 标题 */
+    label?: ReactNode;
+    /** 帮组提示信息 */
+    labelTooltip?: LabelTooltipProps;
+    /** 尺寸 */
+    size?: 'small' | 'medium' | 'large';
+    /** 是否必填 */
+    required?: boolean;
+    /** 布局方式 横向/竖向 */
+    row?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 默认值 不受控 */
+    defaultValue?: any;
+    /** 默认值 */
+    value?: any;
+    /** 选中选值 */
+    id?: string;
+    /** 选项数据 */
+    list: RadioListProps[];
+    /** 改变值 */
+    onChange?: (val: any, item?: RadioListProps) => void;
+    [name: string]: any;
+}
+export declare const RadioGroup: FunctionComponent<RadioGroupProps>;
+export default RadioGroup;

package/RadioGroup/index.js

@@ -0,0 +1,134 @@
+import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { useState, useEffect, createElement } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Radio } from '../Radio/index.js';
+import Label from '../Label/index.js';
+import HelperText from '../HelperText/index.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../Help/index.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import 'clsx';
+import '@para-ui/icons/Help';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-radio-group {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  width: 100%;\n}\n.paraui-v3-radio-group > .radio-group-label {\n  margin-bottom: 4px;\n}\n.paraui-v3-radio-group > .radio-group-content {\n  line-height: 0;\n}\n.paraui-v3-radio-group > .radio-group-content > .paraui-v3-radio {\n  margin-top: 8px;\n  margin-bottom: 4px;\n}\n.paraui-v3-radio-group.paraui-v3-radio-group-column > .radio-group-content {\n  display: flex;\n  flex-direction: column;\n}";
+styleInject(css_248z);
+
+var RadioGroup = function RadioGroup(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    _props$label = props.label,
+    label = _props$label === void 0 ? '' : _props$label,
+    labelTooltip = props.labelTooltip,
+    _props$spacing = props.spacing,
+    spacing = _props$spacing === void 0 ? '28px' : _props$spacing,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'large' : _props$size,
+    _props$row = props.row,
+    row = _props$row === void 0 ? true : _props$row,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$required = props.required,
+    required = _props$required === void 0 ? false : _props$required,
+    _props$error = props.error,
+    error = _props$error === void 0 ? false : _props$error,
+    hideErrorDom = props.hideErrorDom,
+    _props$helperText = props.helperText,
+    helperText = _props$helperText === void 0 ? '' : _props$helperText,
+    _props$id = props.id,
+    id = _props$id === void 0 ? 'name' : _props$id,
+    value = props.value,
+    list = props.list,
+    onChange = props.onChange;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    valueCom = _useState2[0],
+    setValueCom = _useState2[1];
+  useEffect(function () {
+    if (props.defaultValue !== undefined) setValueCom(props.defaultValue);
+  }, []);
+  useEffect(function () {
+    if (value !== undefined) setValueCom(value);
+  }, [value]);
+  /**
+   * 改变值
+   * @param item 点击当前项数据
+   */
+  var onchangeCom = function onchangeCom(item) {
+    return function () {
+      var name = item[id]; // 值
+      if (value === name) return;
+      if (props.value === undefined) setValueCom(name);
+      onChange && onChange(name, item);
+    };
+  };
+  var handLabel = function handLabel() {
+    if (label || required) {
+      var handLabelClass = function handLabelClass() {
+        var str = 'radio-group-label';
+        if (labelTooltip && labelTooltip.className) {
+          str += ' ' + labelTooltip.className;
+        }
+        return str;
+      };
+      return jsx(Label, Object.assign({
+        label: label,
+        required: required
+      }, labelTooltip, {
+        className: handLabelClass()
+      }));
+    }
+    return null;
+  };
+  /**
+   * @description 处理单选框每一项样式
+   * */
+  var handStyleItem = function handStyleItem(item, index) {
+    var obj = Object.assign({}, item.style);
+    if (spacing && row && list.length !== index + 1) {
+      obj.marginRight = spacing;
+    }
+    return obj;
+  };
+  // 处理class
+  var handClass = function handClass() {
+    var str = $prefixCls + '-radio-group';
+    if (className) str += ' ' + className;
+    if (size) str += " ".concat($prefixCls, "-radio-group-size");
+    if (error) str += " ".concat($prefixCls, "-radio-group-error");
+    if (disabled) str += " ".concat($prefixCls, "-radio-group-disabled");
+    if (row) str += " ".concat($prefixCls, "-radio-group-row");else str += " ".concat($prefixCls, "-radio-group-column");
+    return str;
+  };
+  return jsxs("div", Object.assign({
+    className: handClass(),
+    style: style
+  }, {
+    children: [handLabel(), jsx("div", Object.assign({
+      className: "radio-group-content"
+    }, {
+      children: list.map(function (item, index) {
+        return /*#__PURE__*/createElement(Radio, Object.assign({}, item, {
+          style: handStyleItem(item, index),
+          checked: valueCom === item[id],
+          size: size,
+          disabled: Boolean(disabled || item.disabled),
+          key: index,
+          onChange: onchangeCom(item)
+        }));
+      })
+    })), jsx(HelperText, {
+      className: "radio-group-error-text",
+      error: error,
+      helperText: helperText,
+      hideErrorDom: hideErrorDom
+    })]
+  }));
+};
+
+export { RadioGroup, RadioGroup as default };

package/Search/index.d.ts

@@ -0,0 +1,57 @@
+/**
+ * @author linhd
+ * @date 2021/8/11 16:10
+ * @description 搜索框
+ */
+import React, { FunctionComponent, ReactNode } from 'react';
+import './index.scss';
+export interface SearchProps {
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 尺寸 小/中/大 */
+    size?: 'small' | 'medium' | 'large';
+    /** 输入框placeholder */
+    placeholder?: ReactNode;
+    /** 默认值 不受控 */
+    defaultValue?: string;
+    /** 输入框值 */
+    value?: string;
+    /** 是否显示按钮 */
+    showBtn?: boolean;
+    /** 按钮位置 分离/内置 */
+    btnType?: 'outside' | 'inside';
+    /** 按钮文本 */
+    btnText?: ReactNode;
+    /** 按钮图标 */
+    btnIcon?: ReactNode;
+    /** 输入框右侧图标 */
+    rightIcon?: ReactNode;
+    /** 一直存在右侧图标 */
+    rightIconExist?: boolean;
+    /** 是否显示输入框右侧图标 */
+    showRightIcon?: boolean;
+    /** 是否显示清空按钮 */
+    allowClear?: boolean;
+    /** 改变值 */
+    onChange?: (val: string, event: React.ChangeEvent<HTMLInputElement>) => void;
+    /** 失去焦点 */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /** 得到焦点 */
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /** 键盘按下 */
+    onKeydown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** 键盘抬起 */
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** 点击按钮 */
+    onClickBtn?: (val: string) => void;
+    /** 点击输入框右侧按钮 */
+    onClickRightIcon?: (val: string) => void;
+    /** 点击清空内容回调 */
+    onClear?: () => void;
+    /** 回车事件 */
+    onEnter?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    [name: string]: any;
+}
+export declare const Search: FunctionComponent<SearchProps>;
+export default Search;

package/Search/index.js

@@ -0,0 +1,208 @@
+import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.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-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/typeof-498dd2b1.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import '../Label/index.js';
+import '../Help/index.js';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import 'clsx';
+import '@para-ui/icons/Help';
+import '@paraview/lib';
+import '@para-ui/icons/PreviewClose';
+import '@para-ui/icons/PreviewOpen';
+import '@para-ui/icons/CloseCircle';
+import '../AutoTips/index.js';
+import '../Loading/index.js';
+import '@para-ui/icons/LoadingF';
+import '../HelperText/index.js';
+import '../_verture/useGlobalProps-1b846a65.js';
+import '@para-ui/core/GlobalContext';
+import '../_verture/index-77f9e0fb.js';
+import 'rc-dropdown';
+import '../_verture/usePopupContainer-87febeb9.js';
+import 'dayjs';
+import '@para-ui/icons/Forbid';
+import '@para-ui/icons/Down';
+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,
+    otherProps = props.otherProps;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    valueCom = _useState2[0],
+    setValueCom = _useState2[1];
+  useEffect(function () {
+    if (props.defaultValue !== undefined) {
+      setValueCom(props.defaultValue);
+    }
+  }, []);
+  // 监听value
+  useEffect(function () {
+    if (value !== undefined) {
+      setValueCom(value);
+    }
+  }, [value]);
+  /**
+   * 输入框右侧按钮
+   * @return {ReactNode}
+   */
+  var clearIcon = function clearIcon() {
+    if (!showRightIcon) return '';
+    if (rightIcon) return rightIcon;
+  };
+  /**
+   * 搜索按钮图标
+   * @return {ReactNode}
+   */
+  var searchBtnIcon = function searchBtnIcon() {
+    if (btnIcon) return btnIcon;
+    return jsx(SearchIcon, {});
+  };
+  /**
+   * 点击输入框右侧按钮
+   */
+  var clickRightIcon = function clickRightIcon() {
+    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({
+        className: 'search-button',
+        size: size,
+        startIcon: searchBtnIcon(),
+        variant: 'outlined',
+        onClick: clickBtn
+      }, {
+        children: btnText
+      }));
+    }
+    return undefined;
+  };
+  /**
+   * 处理class
+   * @return {string}
+   */
+  var handClass = function handClass() {
+    var str = "".concat($prefixCls, "-search");
+    if (className) str += ' ' + className;
+    if (size) str += " ".concat($prefixCls, "-search-").concat(size);
+    if (btnType) str += " ".concat($prefixCls, "-search-").concat(btnType);
+    if (showBtn) str += " ".concat($prefixCls, "-search-showbtn");
+    if (btnText) str += " ".concat($prefixCls, "-search-btntext");else str += " ".concat($prefixCls, "-search-no-btntext");
+    if (valueCom) str += " ".concat($prefixCls, "-search-value");
+    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
+  }, {
+    children: [jsx(TextField, Object.assign({
+      className: "search-text-field",
+      size: size,
+      placeholder: placeholder,
+      value: handValue(),
+      rightIcon: clearIcon(),
+      hideErrorDom: true,
+      onClickIcon: clickRightIcon,
+      onChange: changeInput,
+      onBlur: onBlur,
+      onFocus: onFocus,
+      onKeydown: onKeydown,
+      onKeyUp: onKeyUp,
+      onEnter: onEnter,
+      autoComplete: "new-password",
+      addonAfter: buttonDom(),
+      allowClear: allowClear,
+      onClear: onClear
+    }, otherProps)), showBtn && btnType === 'outside' && jsx(Button, Object.assign({
+      className: 'search-button',
+      size: size,
+      startIcon: searchBtnIcon(),
+      variant: 'contained',
+      onClick: clickBtn
+    }, {
+      children: btnText
+    }))]
+  }));
+};
+
+export { Search, Search as default };