@easyv/react-components 0.3.16 → 0.3.18

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/Radio/index.less

@@ -60,21 +60,21 @@
         text-align: center;
       }
     }
-  }
 
-  &.arco-radio-button-solid {
-    .arco-radio-button {
-      &.arco-radio-checked {
-        color: #fff;
-        background-color: rgb(var(--primary-6));
+    &.arco-radio-button-solid {
+      .arco-radio-button {
+        &.arco-radio-checked {
+          color: #fff;
+          background-color: rgb(var(--primary-6));
+        }
       }
     }
-  }
 
-  &.arco-radio-button-semi {
-    .arco-radio-button {
-      &.arco-radio-checked {
-        background-color: var(--color-primary-light-1);
+    &.arco-radio-button-semi {
+      .arco-radio-button {
+        &.arco-radio-checked {
+          background-color: var(--color-primary-light-1);
+        }
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/react-components",
-  "version": "0.3.16",
+  "version": "0.3.18",
   "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/LinearColorInput.d.ts

@@ -1,10 +0,0 @@
-import { ColorValueMap } from '../interface';
-interface LinearColorInputProps {
-    value: ColorValueMap['linear'];
-    disabledOutAlpha?: boolean;
-    disabledAlpha?: boolean;
-    onTrigger: () => void;
-    onChange: (val: ColorValueMap['linear']) => void;
-}
-export default function LinearColorInput({ value, disabledOutAlpha, disabledAlpha, onChange, onTrigger, }: LinearColorInputProps): 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/PureColorInput.d.ts

@@ -1,8 +0,0 @@
-interface PureColorInputProps {
-    disabledAlpha?: boolean;
-    value: string;
-    onTrigger: () => void;
-    onChange?: (val: string) => void;
-}
-export default function PureColorInput({ disabledAlpha, value, onChange, onTrigger, }: PureColorInputProps): 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;
-};