@easyv/react-components 0.3.4 → 0.3.6

package/dist/ColorsPicker/MixedColorPicker/MixedPanel.js

@@ -7,6 +7,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import { LinearColorPanel } from "../LinearColorPicker";
 import { PureColorPanel } from "../PureColorPicker";
 import { PuresColorPanel } from "../PuresColorPicker";
+import { RangeColorPanel } from "../RangeColorPicker";
 import ColorTypeTabs from "./ColorTypeTab";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -64,6 +65,15 @@ export default function MixedPanel(_ref) {
             onChangeComplete: handleChangeComplete('linear')
           });
         }
+      case 'range':
+        {
+          return /*#__PURE__*/_jsx(RangeColorPanel, {
+            disabledAlpha: disabledAlpha,
+            value: value['range'],
+            onChange: handleChange('range'),
+            onChangeComplete: handleChangeComplete('range')
+          });
+        }
       default:
         {
           console.error('unknown color picker type');

package/dist/Input/index.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["value", "defaultValue", "enableEmpty", "autoSelect", "changeOnBlur", "onPressEnter", "onFocus", "onBlur", "onChange"],
+var _excluded = ["value", "defaultValue", "enableEmpty", "autoSelect", "changeOnBlur", "bordered", "className", "onPressEnter", "onFocus", "onBlur", "onChange"],
   _excluded2 = ["onSearch"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -18,6 +18,7 @@ import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'rea
 import { Input } from '@arco-design/web-react';
 import { SearchCircleOutlined } from '@easyv/react-icons';
 import "./index.less";
+import classNames from 'classnames';
 import { jsx as _jsx } from "react/jsx-runtime";
 var XInput = /*#__PURE__*/forwardRef(function (props, ref) {
   var _halfControlledProps;
@@ -26,6 +27,9 @@ var XInput = /*#__PURE__*/forwardRef(function (props, ref) {
     enableEmpty = props.enableEmpty,
     autoSelect = props.autoSelect,
     changeOnBlur = props.changeOnBlur,
+    _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? true : _props$bordered,
+    className = props.className,
     onPressEnter = props.onPressEnter,
     onFocus = props.onFocus,
     onBlur = props.onBlur,
@@ -82,7 +86,10 @@ var XInput = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({
     ref: ref,
     onPressEnter: handlePressEnter,
-    onFocus: handleFocus
+    onFocus: handleFocus,
+    className: classNames({
+      'arco-input-borderless': !bordered
+    }, className)
   }, changeOnBlur ? halfControlledProps : 'value' in props ? {
     value: value,
     onBlur: onBlur,
@@ -96,13 +103,10 @@ var XInput = /*#__PURE__*/forwardRef(function (props, ref) {
 var InputSearch = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onSearch = _ref.onSearch,
     restProps = _objectWithoutProperties(_ref, _excluded2);
-  return /*#__PURE__*/_jsx(Input, _objectSpread({
+  return /*#__PURE__*/_jsx(XInput, _objectSpread({
     ref: ref,
     prefix: /*#__PURE__*/_jsx(SearchCircleOutlined, {}),
-    onChange: onSearch,
-    onPressEnter: function onPressEnter(e) {
-      return e.currentTarget.blur();
-    }
+    onChange: onSearch
   }, restProps));
 });
 export default XInput;

package/dist/Input/index.less

@@ -69,6 +69,13 @@
   }
 }
 
+.arco-input-group-wrapper.arco-input-borderless {
+  .arco-input-inner-wrapper {
+    border: none;
+    box-shadow: none;
+  }
+}
+
 // 修改后缀的间距
 .arco-input-has-suffix {
   .arco-input-group {

package/dist/Input/interface.d.ts

@@ -1,9 +1,14 @@
 import type { InputProps } from '@arco-design/web-react';
 import type { InputSearchProps, RefInputType } from '@arco-design/web-react/es/Input';
 interface XInputProps extends InputProps {
+    /**  是否允许文本为空 */
     enableEmpty?: boolean;
+    /**  是否聚焦后自动选中输入框的文本 */
     autoSelect?: boolean;
+    /**  是否失去焦点时，触发 onChange 事件 */
     changeOnBlur?: boolean;
+    /** 显示边框 */
+    bordered?: boolean;
 }
 interface XInputSearchProps extends InputSearchProps {
     bordered?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/react-components",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "description": "a react component library base on arco design",
   "license": "MIT",
   "sideEffects": [