@easyv/react-components 0.3.17 → 0.3.19

package/dist/ColorsPicker/Panel.js

@@ -71,14 +71,16 @@ export default function Panel(_ref) {
     setColor(_objectSpread(_objectSpread({}, color), {}, {
       alpha: alpha
     }));
-    if (complete) {
-      onChangeComplete === null || onChangeComplete === void 0 ? void 0 : onChangeComplete(tinycolor(_objectSpread(_objectSpread({}, color.hsv), {}, {
-        a: alpha
-      })).toRgbString());
+    var value = tinycolor(_objectSpread(_objectSpread({}, color.hsv), {}, {
+      a: alpha
+    })).toRgbString();
+    if (complete === 'all') {
+      onChange === null || onChange === void 0 ? void 0 : onChange(value);
+      onChangeComplete === null || onChangeComplete === void 0 ? void 0 : onChangeComplete(value);
+    } else if (complete) {
+      onChangeComplete === null || onChangeComplete === void 0 ? void 0 : onChangeComplete(value);
     } else {
-      onChange === null || onChange === void 0 ? void 0 : onChange(tinycolor(_objectSpread(_objectSpread({}, color.hsv), {}, {
-        a: alpha
-      })).toRgbString());
+      onChange === null || onChange === void 0 ? void 0 : onChange(value);
     }
   };
   var handleHexChange = function handleHexChange(val) {
@@ -255,7 +257,7 @@ export default function Panel(_ref) {
             return +val >= 0 && +val <= 100;
           },
           onChange: function onChange(val) {
-            return handleAlphaChange(+val / 100);
+            return handleAlphaChange(+val / 100, 'all');
           }
         }), /*#__PURE__*/_jsx("span", {
           className: "colors-picker-input-label",

package/dist/Input/index.js

@@ -1,7 +1,7 @@
 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", "bordered", "className", "onPressEnter", "onFocus", "onBlur", "onChange"],
   _excluded2 = ["onSearch"],
-  _excluded3 = ["value", "defaultValue", "changeOnBlur", "bordered", "className", "onBlur", "onChange"];
+  _excluded3 = ["value", "defaultValue", "changeOnBlur", "bordered", "className", "enableEmpty", "onBlur", "onChange"];
 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; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -118,6 +118,7 @@ var InputTextArea = /*#__PURE__*/forwardRef(function (props, ref) {
     _props$bordered2 = props.bordered,
     bordered = _props$bordered2 === void 0 ? true : _props$bordered2,
     className = props.className,
+    enableEmpty = props.enableEmpty,
     onBlur = props.onBlur,
     onChange = props.onChange,
     restProps = _objectWithoutProperties(props, _excluded3);
@@ -146,7 +147,7 @@ var InputTextArea = /*#__PURE__*/forwardRef(function (props, ref) {
   // changeOnBlur 为 true 模式下，失去焦点的时候才提交值的修改
   var handleBlur = useCallback(function (e) {
     if (refValue.current !== undefined && refValue.current !== value) {
-      if (refValue.current !== '') {
+      if (enableEmpty || refValue.current !== '') {
         onChange === null || onChange === void 0 ? void 0 : onChange(refValue.current, e);
       } else {
         setLocalValue(value);

package/dist/Input/interface.d.ts

@@ -16,5 +16,7 @@ interface XInputProps extends InputProps, BaseInputProps {
 interface XInputSearchProps extends InputSearchProps, BaseInputProps {
 }
 interface XTextAreaProps extends TextAreaProps, BaseInputProps {
+    /**  是否允许文本为空 */
+    enableEmpty?: boolean;
 }
 export type { XInputProps as InputProps, XInputSearchProps as InputSearchProps, RefInputType, RefTextAreaType, XTextAreaProps as TextAreaProps, };

package/dist/Radio/index.less

@@ -69,7 +69,7 @@
         }
       }
     }
-  
+
     &.arco-radio-button-semi {
       .arco-radio-button {
         &.arco-radio-checked {

package/package.json

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

package/dist/ColorsPicker/ControlBar.d.ts

@@ -1,9 +0,0 @@
-import { Color } from './interface';
-interface ControlBarProps {
-    color: Color;
-    type: 'hue' | 'alpha';
-    onChange?: (x: number) => void;
-    onChangeComplete?: (x: number) => void;
-}
-export default function ControlBar({ color, type, onChange, onChangeComplete, }: ControlBarProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ColorsPicker/LinearColorPicker/LinearColorPanel.d.ts

@@ -1,9 +0,0 @@
-import { ColorValueMap } from '../interface';
-interface LinearColorPanelProps {
-    value: ColorValueMap['linear'];
-    disabledAlpha?: boolean;
-    onChange?: (value: ColorValueMap['linear']) => void;
-    onChangeComplete?: (value: ColorValueMap['linear']) => void;
-}
-export default function LinearColorPanel({ value, disabledAlpha, onChange, onChangeComplete, }: LinearColorPanelProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ColorsPicker/Palette.d.ts

@@ -1,8 +0,0 @@
-import { Color } from './interface';
-interface PaletteProps {
-    color: Color;
-    onChange?: (s: number, v: number) => void;
-    onChangeComplete?: (s: number, v: number) => void;
-}
-export default function Palette({ color, onChange, onChangeComplete, }: PaletteProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ColorsPicker/PureColorPicker/PureColorPanel.d.ts

@@ -1,9 +0,0 @@
-import { ColorValueMap } from '../interface';
-interface PureColorPanelProps {
-    disabledAlpha?: boolean;
-    value: ColorValueMap['pure'];
-    onChange?: (value: ColorValueMap['pure']) => void;
-    onChangeComplete?: (value: ColorValueMap['pure']) => void;
-}
-export default function PureColorPanel({ disabledAlpha, value, onChange, onChangeComplete, }: PureColorPanelProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ColorsPicker/PuresColorPicker/PuresColorPanel.d.ts

@@ -1,9 +0,0 @@
-import { ColorValueMap } from '../interface';
-interface PuresColorPanelProps {
-    disabledAlpha?: boolean;
-    value: ColorValueMap['pures'];
-    onChange?: (value: ColorValueMap['pures']) => void;
-    onChangeComplete?: (value: ColorValueMap['pures']) => void;
-}
-export default function PuresColorPanel({ disabledAlpha, value, onChange, onChangeComplete, }: PuresColorPanelProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ColorsPicker/RangeColorPicker/RangeColorPanel.d.ts

@@ -1,9 +0,0 @@
-import { ColorValueMap } from '../interface';
-interface RangeColorPanelProps {
-    value: ColorValueMap['range'];
-    disabledAlpha?: boolean;
-    onChange?: (value: ColorValueMap['range']) => void;
-    onChangeComplete?: (value: ColorValueMap['range']) => void;
-}
-export default function RangeColorPanel({ value, disabledAlpha, onChange, onChangeComplete, }: RangeColorPanelProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ColorsPicker/interface.d.ts

@@ -1,60 +0,0 @@
-/**
- * 颜色选择器类型
- * @description 支持纯色、线性渐变、径向渐变、多纯色集合
- * pure - 纯色
- * linear - 线性渐变
- * pures - 多纯色集合
- */
-export declare type ColorType = 'pure' | 'linear' | 'pures' | 'range';
-export interface StopItem {
-    /**
-     * 偏移量
-     * 0 - 100
-     */
-    offset: number;
-    /**
-     * 颜色值
-     */
-    color: string;
-}
-export interface GradientColorValue {
-    stops: StopItem[];
-    angle?: number;
-    opacity?: number;
-}
-export interface ColorValueObj {
-    type: ColorType;
-    pure?: ColorValueMap['pure'];
-    linear?: ColorValueMap['linear'];
-    pures?: ColorValueMap['pures'];
-    range?: ColorValueMap['range'];
-}
-export declare type ColorsPickerType = ColorType | ColorType[];
-export interface ColorsPickerProps<T extends ColorsPickerType> {
-    type: T;
-    value: T extends ColorType ? ColorValueMap[T] : ColorValueObj;
-    disabledAlpha?: boolean;
-    disabledOutAlpha?: boolean;
-    onChange?: (value: T extends ColorType ? ColorValueMap[T] : ColorValueObj) => void;
-    onChangeComplete?: (value: T extends ColorType ? ColorValueMap[T] : ColorValueObj) => void;
-}
-export interface ColorValueMap {
-    pure: string;
-    linear: GradientColorValue;
-    pures: string[];
-    range: [string, string];
-}
-export interface HSV {
-    h: number;
-    s: number;
-    v: number;
-}
-export interface RGB {
-    r: number;
-    g: number;
-    b: number;
-}
-export interface Color {
-    hsv: HSV;
-    alpha: number;
-}

package/dist/ColorsPicker/utils.d.ts

@@ -1,23 +0,0 @@
-import { ColorValueMap, StopItem } from './interface';
-export declare function toHex(x: number | string): string;
-export declare function resolveColor(colorParam: string): {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-    hex: string;
-};
-export declare function transformColor(color: string, a: number): string;
-export declare function getBackgroundAccordingColor(color: any, fixedAngle?: number): {
-    backgroundImage: string;
-    background?: undefined;
-} | {
-    background: any;
-    backgroundImage?: undefined;
-} | undefined;
-export declare function getMiddleColor(colors: StopItem[], offset: number): any;
-export declare function getHexValue(hex: string): string;
-export declare function getLinearGradientStyle(color: ColorValueMap['linear']): {
-    backgroundImage: string;
-    opacity: number;
-};