@easyv/react-components 0.3.10 → 0.3.12

package/dist/ColorsPicker/Panel.js

@@ -10,7 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import tinycolor from 'tinycolor2';
 import Palette from "./Palette";
 import ControlBar from "./ControlBar";
@@ -34,6 +34,14 @@ export default function Panel(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     color = _useState2[0],
     setColor = _useState2[1];
+  useEffect(function () {
+    if (propsColor) {
+      setColor({
+        hsv: tinycolor(propsColor).toHsv(),
+        alpha: tinycolor(propsColor).getAlpha()
+      });
+    }
+  }, [propsColor]);
   var _color$hsv = color.hsv,
     h = _color$hsv.h,
     s = _color$hsv.s,

package/dist/ColorsPicker/style/index.less

@@ -5,6 +5,7 @@
   border: 1px solid var(--color-border-2);
   background: var(--color-bg-1);
   box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
+  user-select: none;
 }
 
 .colors-picker-panel {

package/dist/InputNumber/index.js

@@ -15,11 +15,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
 import { DownOutlined, UpOutlined } from '@easyv/react-icons';
+import classNames from 'classnames';
 import Input from "../Input";
 import { getSafeValue, evaluateExpression } from "./util";
 import { PointerDrag } from "./PointDrag";
 import "./index.less";
-import classNames from 'classnames';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var valueRegx = /^[0-9().+\-*/]+$/;

package/dist/InputNumber/interface.d.ts

@@ -1,6 +1,9 @@
+/// <reference types="react" />
 import type { InputNumberProps } from '@arco-design/web-react';
 interface XInputNumberProps extends Omit<InputNumberProps, 'value' | 'defaultValue' | 'onKeyDown' | 'formatter' | 'parser' | 'strictMode' | 'mode' | 'icons'> {
     value?: number;
     defaultValue?: number;
+    bordered?: boolean;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
 }
 export { XInputNumberProps as InputNumberProps };

package/package.json

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