@para-ui/core 3.0.28 → 3.0.30

package/Radio/index.js

@@ -1,8 +1,8 @@
-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 Label from '../Label/index.js';
-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 '../Help/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
@@ -17,40 +17,36 @@ 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;
-
+    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]; // 复选框状态
-
-
+    _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]); // 点击选择
-
+  }, [props.checked]);
+  // 点击选择
   var clickCheck = function clickCheck(e) {
     e.preventDefault();
-    if (disabled) return; // 不可受控组件
-
+    if (disabled) return;
+    // 不可受控组件
     if (props.checked === undefined) setCheckedCom(!checkedCom);
     e.target.checked = !checkedCom;
     onChange && onChange(e, !checkedCom);
-  }; // 处理className
-
-
+  };
+  // 处理className
   var handClass = function handClass() {
     var str = $prefixCls + '-radio';
     if (className) str += ' ' + className;
@@ -59,29 +55,21 @@ var Radio = function Radio(props) {
     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,

package/RadioGroup/index.js

@@ -1,10 +1,10 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.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-bf34e6fa.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../Help/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
@@ -19,37 +19,35 @@ 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;
-
+    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];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    valueCom = _useState2[0],
+    setValueCom = _useState2[1];
   useEffect(function () {
     if (props.defaultValue !== undefined) setValueCom(props.defaultValue);
   }, []);
@@ -60,29 +58,23 @@ var RadioGroup = function RadioGroup(props) {
    * 改变值
    * @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
@@ -90,25 +82,19 @@ var RadioGroup = function RadioGroup(props) {
         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
-
-
+  };
+  // 处理class
   var handClass = function handClass() {
     var str = $prefixCls + '-radio-group';
     if (className) str += ' ' + className;
@@ -118,7 +104,6 @@ var RadioGroup = function RadioGroup(props) {
     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

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