@para-ui/core 3.0.86 → 4.0.0-beta

package/Radio/index.d.ts

@@ -5,12 +5,15 @@
  */
 import React, { FunctionComponent, ReactNode } from 'react';
 import { LabelTooltipProps } from '../Label';
+import { TooltipProps } from "../Tooltip";
 import './index.scss';
 export interface RadioProps {
     /** 样式class */
     className?: string;
     /** style */
     style?: React.CSSProperties;
+    /** 宽度 */
+    width?: string;
     /** 标题 */
     label?: ReactNode;
     /** 帮组提示信息 */
@@ -23,6 +26,10 @@ export interface RadioProps {
     checked?: boolean;
     /** 禁用 */
     disabled?: boolean;
+    /**
+     * 禁用提示
+     */
+    disabledTooltip?: TooltipProps;
     /** inputProps */
     inputProps?: {
         type?: string;

package/Radio/index.js

@@ -1,19 +1,20 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import Label from '../Label/index.js';
-import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { Tooltip } from '../Tooltip/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Help/index.js';
-import '../Tooltip/index.js';
+import '@para-ui/icons/Help';
+import 'clsx';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
-import 'clsx';
-import '@para-ui/icons/Help';
+import '@para-ui/icons/Forbid';
 
-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}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-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-v4-radio:hover {\n  /*& > .radio-label {\n    color: $PT8;\n    cursor: pointer;\n\n    svg {\n      color: $PT8;\n    }\n  }*/\n  /*& > .radio-help {\n    & > .radio-label {\n      color: $P1;\n      cursor: pointer;\n\n      svg {\n        color: $P1;\n      }\n    }\n  }*/\n}\n.paraui-v4-radio:hover > .radio-box > .radio-box-inner {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-radio > .radio-box {\n  position: relative;\n}\n.paraui-v4-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-v4-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 rgb(212, 218, 227);\n  border-radius: 50%;\n}\n.paraui-v4-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-v4-radio > .radio-label {\n  color: rgb(29, 33, 38);\n  padding: 0 8px;\n  margin: 0;\n  display: inline-flex;\n  align-items: flex-start;\n  overflow: hidden;\n  cursor: pointer;\n}\n.paraui-v4-radio > .radio-label > .radio-help > svg {\n  top: 0;\n}\n.paraui-v4-radio .radio-label {\n  line-height: 16px;\n}\n.paraui-v4-radio > .radio-help {\n  padding: 0 8px;\n  position: relative;\n  top: -1px;\n  overflow: hidden;\n}\n.paraui-v4-radio > .radio-help > .radio-label {\n  width: 100%;\n  color: rgb(29, 33, 38);\n  margin: 0;\n  display: inline-flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n}\n.paraui-v4-radio.paraui-v4-radio-checked > .radio-box > .radio-box-inner {\n  border-color: transparent;\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-radio.paraui-v4-radio-checked:hover > .radio-box > .radio-box-inner {\n  border-color: transparent;\n  background-color: rgb(87, 131, 235);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-disabled:hover > .radio-box > .radio-box-inner {\n  background-color: rgb(234, 236, 241);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-label {\n  color: rgb(161, 168, 179);\n  cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-label svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-box > input {\n  cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-box > .radio-box-inner {\n  background-color: rgb(234, 236, 241);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-box > .radio-box-inner:after {\n  background-color: rgb(234, 236, 241);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled.paraui-v4-radio-checked > .radio-box > .radio-box-inner {\n  background-color: rgb(212, 218, 227);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled.paraui-v4-radio-checked > .radio-box > .radio-box-inner:hover > .radio-box > .radio-box-inner {\n  background-color: rgb(212, 218, 227);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled.paraui-v4-radio-checked > .radio-box > .radio-box-inner:after {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-help {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-help > .radio-label {\n  color: rgb(161, 168, 179);\n  cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-small > .radio-box {\n  top: 1px;\n}\n.paraui-v4-radio.paraui-v4-radio-small > .radio-box > .radio-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-v4-radio.paraui-v4-radio-small > .radio-box > .radio-box-inner:after {\n  width: 4px;\n  height: 4px;\n}\n.paraui-v4-radio.paraui-v4-radio-medium > .radio-box {\n  top: 1px;\n}\n.paraui-v4-radio.paraui-v4-radio-medium > .radio-box > .radio-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-v4-radio.paraui-v4-radio-medium > .radio-box > .radio-box-inner:after {\n  width: 4px;\n  height: 4px;\n}\n.paraui-v4-radio.paraui-v4-radio-large > .radio-box {\n  top: 1px;\n}\n.paraui-v4-radio.paraui-v4-radio-large > .radio-box > .radio-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-v4-radio.paraui-v4-radio-large > .radio-box > .radio-box-inner:after {\n  width: 4px;\n  height: 4px;\n}";
 styleInject(css_248z);
 
 var Radio = function Radio(props) {
@@ -26,6 +27,8 @@ var Radio = function Radio(props) {
     size = _props$size === void 0 ? 'large' : _props$size,
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
+    disabledTooltip = props.disabledTooltip,
+    width = props.width,
     onChange = props.onChange,
     style = props.style;
   var _useState = useState(false),
@@ -71,27 +74,46 @@ var Radio = function Radio(props) {
     }
     return str;
   };
-  return jsxs("label", Object.assign({
-    className: handClass(),
-    onClick: clickCheck,
-    style: style
-  }, {
-    children: [jsxs("span", Object.assign({
-      className: "radio-box"
+  /** 处理样式 */
+  var handStyle = function handStyle() {
+    var obj = Object.assign({}, style);
+    if (width) obj.width = width;
+    return obj;
+  };
+  var contentRender = function contentRender() {
+    return jsxs("label", Object.assign({
+      className: handClass(),
+      style: handStyle(),
+      onClick: clickCheck
     }, {
-      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]
-  }));
+      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]
+    }));
+  };
+  var handleContentRender = function handleContentRender() {
+    if (disabledTooltip) {
+      return jsx(Tooltip, Object.assign({
+        disabled: true
+      }, disabledTooltip, {
+        children: contentRender()
+      }));
+    }
+    return contentRender();
+  };
+  return handleContentRender();
 };
 
 export { Radio, Radio as default };

package/RadioGroup/index.d.ts

@@ -16,6 +16,8 @@ export interface RadioGroupProps extends HelperTextDetailProps {
     className?: string;
     /** style */
     style?: React.CSSProperties;
+    /** 每一项的宽度 */
+    itemWidth?: string;
     /** 间距 只有在横向布局的时候生效 */
     spacing?: string;
     /** 标题 */
@@ -37,7 +39,7 @@ export interface RadioGroupProps extends HelperTextDetailProps {
     /** 选中选值 */
     id?: string;
     /** 选项数据 */
-    list: RadioListProps[];
+    list: RadioListProps[] | RadioListProps[][];
     /** 改变值 */
     onChange?: (val: any, item?: RadioListProps) => void;
     [name: string]: any;

package/RadioGroup/index.js

@@ -1,32 +1,33 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
-import { useState, useEffect, createElement } from 'react';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
 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 { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/tslib.es6-55ed4bd2.js';
-import '../Help/index.js';
 import '../Tooltip/index.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
+import '@para-ui/icons/Forbid';
+import '../Help/index.js';
 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}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-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-v4-radio-group > .radio-group-label {\n  margin-bottom: 6px;\n}\n.paraui-v4-radio-group > .radio-group-content {\n  line-height: 0;\n  margin-bottom: 2px;\n}\n.paraui-v4-radio-group > .radio-group-content > .radio-group-content-item {\n  margin-bottom: 10px;\n}\n.paraui-v4-radio-group > .radio-group-content > .radio-group-content-item:last-child {\n  margin-bottom: 0;\n}\n.paraui-v4-radio-group.paraui-v4-radio-group-column > .radio-group-content {\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v4-radio-group.paraui-v4-radio-group-column > .radio-group-content > span {\n  margin-bottom: 10px;\n}\n.paraui-v4-radio-group.paraui-v4-radio-group-column > .radio-group-content > span:last-child {\n  margin-bottom: 0;\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,
+    label = props.label,
     labelTooltip = props.labelTooltip,
     _props$spacing = props.spacing,
-    spacing = _props$spacing === void 0 ? '28px' : _props$spacing,
+    spacing = _props$spacing === void 0 ? '40px' : _props$spacing,
+    itemWidth = props.itemWidth,
     _props$size = props.size,
     size = _props$size === void 0 ? 'large' : _props$size,
     _props$row = props.row,
@@ -83,16 +84,20 @@ 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) {
+  var handStyleItem = function handStyleItem(item, index, arr) {
+    var obj = Object.assign({
+      display: 'inline-block'
+    }, item.style);
+    if (spacing && row && arr.length !== index + 1) {
       obj.marginRight = spacing;
     }
+    if (itemWidth) {
+      obj.width = itemWidth;
+    }
     return obj;
   };
   // 处理class
@@ -113,14 +118,36 @@ var RadioGroup = function RadioGroup(props) {
       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)
-        }));
+        if (Array.isArray(item)) {
+          return jsx("div", Object.assign({
+            className: "radio-group-content-item"
+          }, {
+            children: item.map(function (itemChild, inx) {
+              return jsx("span", Object.assign({
+                style: handStyleItem(itemChild, inx, item)
+              }, {
+                children: jsx(Radio, Object.assign({}, itemChild, {
+                  style: {},
+                  checked: valueCom === itemChild[id],
+                  size: size,
+                  disabled: Boolean(disabled || itemChild.disabled),
+                  onChange: onchangeCom(itemChild)
+                }))
+              }), inx);
+            })
+          }), index);
+        }
+        return jsx("span", Object.assign({
+          style: handStyleItem(item, index, list)
+        }, {
+          children: jsx(Radio, Object.assign({}, item, {
+            style: {},
+            checked: valueCom === item[id],
+            size: size,
+            disabled: Boolean(disabled || item.disabled),
+            onChange: onchangeCom(item)
+          }))
+        }), index);
       })
     })), jsx(HelperText, {
       className: "radio-group-error-text",

package/Search/index.d.ts

@@ -11,30 +11,18 @@ export interface SearchProps {
     style?: React.CSSProperties;
     /** 尺寸 小/中/大 */
     size?: 'small' | 'medium' | 'large';
+    /** 圆角 */
+    radius?: boolean;
     /** 输入框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;
+    onChange?: (val: string, event: React.ChangeEvent<HTMLInputElement> | null) => void;
     /** 失去焦点 */
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     /** 得到焦点 */

package/Search/index.js

@@ -1,13 +1,12 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+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 { Button } from '../Button/index.js';
 import SearchIcon from '@para-ui/icons/Search';
-import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/typeof-498dd2b1.js';
+import '../_verture/typeof-adeedc13.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Label/index.js';
 import '../Help/index.js';
@@ -15,26 +14,24 @@ import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
+import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Help';
 import '@paraview/lib';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
-import '@para-ui/icons/CloseCircle';
+import '@para-ui/icons/CloseCircleF';
 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 '../_verture/index-e9007d6a.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}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\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: 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 .text-field-label-placeholder {\n  padding-left: 14px;\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: 14px;\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: 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 .text-field-label-placeholder {\n  padding-left: 14px;\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: 14px;\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) {
@@ -43,31 +40,20 @@ var Search = function Search(props) {
     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$radius = props.radius,
+    radius = _props$radius === void 0 ? false : _props$radius,
     _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder;
-    props.defaultValue;
-    var value = props.value,
+    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
+    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;
@@ -91,30 +77,18 @@ var Search = function Search(props) {
    * @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('');
-      }
+    if (onClickBtn) {
+      onClickBtn(valueCom);
+      return;
     }
-    onClickRightIcon && onClickRightIcon(val);
+    onChange && onChange(valueCom, null);
   };
   /**
    * 改变输入框
@@ -127,29 +101,6 @@ var Search = function Search(props) {
     }
     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}
@@ -158,11 +109,7 @@ var Search = function Search(props) {
     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");
+    if (radius) str += " ".concat($prefixCls, "-search-radius");
     return str;
   };
   var handValue = function handValue() {
@@ -171,18 +118,18 @@ var Search = function Search(props) {
     }
     return value;
   };
-  return jsxs("div", Object.assign({
+  return jsx("div", Object.assign({
     className: handClass(),
     style: style
   }, {
-    children: [jsx(TextField, Object.assign({
+    children: jsx(TextField, Object.assign({
       className: "search-text-field",
       size: size,
       placeholder: placeholder,
       value: handValue(),
       rightIcon: clearIcon(),
-      hideErrorDom: true,
       onClickIcon: clickRightIcon,
+      hideErrorDom: true,
       onChange: changeInput,
       onBlur: onBlur,
       onFocus: onFocus,
@@ -190,18 +137,9 @@ var Search = function Search(props) {
       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
-    }))]
+    }, otherProps))
   }));
 };
 

package/Select/index.d.ts

@@ -6,6 +6,7 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { EmptyProps } from "../Empty";
 import { LabelTooltipProps } from "../Label";
+import { TooltipProps } from '../Tooltip';
 import { HelperTextDetailProps } from "../HelperText";
 import './index.scss';
 export interface SelectProps extends HelperTextDetailProps {
@@ -35,6 +36,10 @@ export interface SelectProps extends HelperTextDetailProps {
     searchPlaceholder?: string;
     /** 是否禁用 */
     disabled?: boolean | any[];
+    /**
+     * 禁用提示
+     */
+    disabledTooltip?: TooltipProps;
     /** 是否多选 */
     multiple?: boolean;
     /** 是否必填 */
@@ -44,9 +49,9 @@ export interface SelectProps extends HelperTextDetailProps {
     /**
      * 自定义渲染
      * item: 当前想数据
-     * isContent: 是内容,还是下拉选项的每一项
+     * type: true 下拉选项 false 已选项 more: 更多选项
      * */
-    renderContent?: (item: any, isSelect: boolean) => ReactNode;
+    renderContent?: (item: any, type: boolean | 'more') => ReactNode;
     /** 下拉选中是否有图标, 默认有 */
     selectCheckIcon?: boolean;
     /** 显示名字段 */