@easyv/react-components 0.2.2 → 0.2.4

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

@@ -1,8 +1,9 @@
 import { ColorValueMap } from '../interface';
 interface LinearColorInputProps {
     value: ColorValueMap['linear'];
+    disabledOutAlpha?: boolean;
     onTrigger: () => void;
     onChange: (val: ColorValueMap['linear']) => void;
 }
-export default function LinearColorInput({ value, onChange, onTrigger, }: LinearColorInputProps): import("react/jsx-runtime").JSX.Element;
+export default function LinearColorInput({ value, disabledOutAlpha, onChange, onTrigger, }: LinearColorInputProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ColorsPicker/LinearColorPicker/LinearColorInput.js

@@ -11,8 +11,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function LinearColorInput(_ref) {
   var value = _ref.value,
+    disabledOutAlpha = _ref.disabledOutAlpha,
     onChange = _ref.onChange,
     onTrigger = _ref.onTrigger;
+  var _value$opacity = value.opacity,
+    opacity = _value$opacity === void 0 ? 1 : _value$opacity;
   var handleAlphaChange = function handleAlphaChange(val) {
     onChange(_objectSpread(_objectSpread({}, value), {}, {
       opacity: val
@@ -34,11 +37,11 @@ export default function LinearColorInput(_ref) {
       prefix: "#",
       value: '线性渐变',
       disabled: true
-    }), /*#__PURE__*/_jsx(BlurInput, {
+    }), !disabledOutAlpha && /*#__PURE__*/_jsx(BlurInput, {
       size: "small",
       suffix: "%",
       className: 'pure-color-picker-alpha',
-      value: (value.opacity * 100).toFixed(0),
+      value: (opacity * 100).toFixed(0),
       validate: function validate(val) {
         return +val >= 0 && +val <= 100;
       },

package/dist/ColorsPicker/index.js

@@ -25,6 +25,7 @@ function ColorsPicker(props) {
   var _useColorsPicker = useColorsPicker(props),
     type = _useColorsPicker.type,
     value = _useColorsPicker.value,
+    disabledOutAlpha = _useColorsPicker.disabledOutAlpha,
     onChange = _useColorsPicker.onChange,
     onChangeComplete = _useColorsPicker.onChangeComplete;
   var _useState = useState(false),
@@ -63,6 +64,7 @@ function ColorsPicker(props) {
             onChangeComplete === null || onChangeComplete === void 0 ? void 0 : onChangeComplete(val);
           };
           return /*#__PURE__*/_jsx(LinearColorInput, {
+            disabledOutAlpha: disabledOutAlpha,
             value: value,
             onChange: _handleChange,
             onTrigger: function onTrigger() {
@@ -108,6 +110,7 @@ function ColorsPicker(props) {
               });
             } else if (val.type === 'linear') {
               return /*#__PURE__*/_jsx(LinearColorInput, {
+                disabledOutAlpha: disabledOutAlpha,
                 value: val.linear,
                 onChange: function onChange(newValue) {
                   return onValueChange(_objectSpread(_objectSpread({}, val), {}, {

package/dist/ColorsPicker/interface.d.ts

@@ -19,8 +19,8 @@ interface StopItem {
 }
 export interface GradientColorValue {
     stops: StopItem[];
-    angle: number;
-    opacity: number;
+    angle?: number;
+    opacity?: number;
 }
 export interface ColorValueObj {
     type: ColorType;
@@ -33,6 +33,7 @@ export declare type ColorsPickerType = ColorType | ColorType[];
 export interface ColorsPickerProps<T extends ColorsPickerType> {
     type: T;
     value: T extends ColorType ? ColorValueMap[T] : ColorValueObj;
+    disabledOutAlpha?: boolean;
     onChange?: (value: T extends ColorType ? ColorValueMap[T] : ColorValueObj) => void;
     onChangeComplete?: (value: T extends ColorType ? ColorValueMap[T] : ColorValueObj) => void;
 }

package/dist/ColorsPicker/utils.js

@@ -218,8 +218,10 @@ export function getHexValue(hex) {
 }
 export function getLinearGradientStyle(color) {
   var stops = color.stops,
-    angle = color.angle,
-    opacity = color.opacity;
+    _color$angle = color.angle,
+    angle = _color$angle === void 0 ? 0 : _color$angle,
+    _color$opacity = color.opacity,
+    opacity = _color$opacity === void 0 ? 1 : _color$opacity;
   var sortedColors = stops.concat().sort(function (a, b) {
     return a.offset - b.offset;
   });

package/dist/Radio/index.d.ts

@@ -5,5 +5,5 @@ declare namespace XRadio {
     var Group: typeof XRadioGroup;
 }
 export default XRadio;
-declare function XRadioGroup({ buttonStyle, block, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function XRadioGroup({ buttonStyle, block, className, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
 export type * from './interface';

package/dist/Radio/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["buttonStyle", "block"];
+var _excluded = ["buttonStyle", "block", "className"];
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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; }
@@ -19,9 +19,10 @@ function XRadioGroup(_ref) {
   var _ref$buttonStyle = _ref.buttonStyle,
     buttonStyle = _ref$buttonStyle === void 0 ? 'transparent' : _ref$buttonStyle,
     block = _ref.block,
+    className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(Radio.Group, _objectSpread({
-    className: classNames(props.className, "arco-radio-button-".concat(buttonStyle), {
+    className: classNames(className, "arco-radio-button-".concat(buttonStyle), {
       'arco-radio-button-block': block
     })
   }, props));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/react-components",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "a react component library base on arco design",
   "license": "MIT",
   "module": "dist/index.js",