@para-ui/core 3.0.53 → 3.0.55

package/Querying/lang/en_US.d.ts

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

package/Querying/lang/index.d.ts

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

package/Querying/lang/zh_CN.d.ts

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

package/Radio/index.d.ts

@@ -1,38 +0,0 @@
-/**
- * @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

@@ -1,97 +0,0 @@
-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

@@ -1,46 +0,0 @@
-/**
- * @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

@@ -1,134 +0,0 @@
-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

@@ -1,57 +0,0 @@
-/**
- * @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

@@ -1,208 +0,0 @@
-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 };