@easyv/react-components 0.2.1 → 0.2.2

package/dist/ColorsPicker/History.js

@@ -9,6 +9,7 @@ import { DownOutlined } from '@easyv/react-icons';
 import classNames from 'classnames';
 import HistoryPure from "./HistoryPure";
 import HistoryLinear from "./HistoryLinear";
+import { useLocalStorageState } from 'ahooks';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -19,6 +20,12 @@ export default function History(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     collapsed = _useState2[0],
     setCollapsed = _useState2[1];
+  var _useLocalStorageState = useLocalStorageState('usedLinearColors'),
+    _useLocalStorageState2 = _slicedToArray(_useLocalStorageState, 1),
+    usedLinearColors = _useLocalStorageState2[0];
+  var _useLocalStorageState3 = useLocalStorageState('usedColors'),
+    _useLocalStorageState4 = _slicedToArray(_useLocalStorageState3, 1),
+    usedPureColors = _useLocalStorageState4[0];
   var handleCollapse = function handleCollapse() {
     setCollapsed(function (prev) {
       return !prev;
@@ -36,18 +43,20 @@ export default function History(_ref) {
           'colors-picker-history-collapsed': collapsed
         })
       })]
-    }), type === 'linear' && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "colors-picker-history-type-title",
-        children: "\u6E10\u53D8\u8272"
-      }), /*#__PURE__*/_jsx(HistoryLinear, {
-        onSelect: onSelect
-      }), /*#__PURE__*/_jsx("div", {
+    }), !collapsed && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [type === 'linear' && (usedPureColors === null || usedPureColors === void 0 ? void 0 : usedPureColors.length) && /*#__PURE__*/_jsx("div", {
         className: "colors-picker-history-type-title",
         children: "\u7EAF\u8272"
+      }), /*#__PURE__*/_jsx(HistoryPure, {
+        onSelect: onSelect
+      }), type === 'linear' && (usedLinearColors === null || usedLinearColors === void 0 ? void 0 : usedLinearColors.length) && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "colors-picker-history-type-title",
+          children: "\u6E10\u53D8\u8272"
+        }), /*#__PURE__*/_jsx(HistoryLinear, {
+          onSelect: onSelect
+        })]
       })]
-    }), /*#__PURE__*/_jsx(HistoryPure, {
-      onSelect: onSelect
     })]
   });
 }

package/dist/ColorsPicker/LinearColorPicker/useHistory.js

@@ -23,6 +23,11 @@ export default function useHistory(_ref) {
     return function () {
       if (lastValueRef.current) {
         var newColors = [lastValueRef.current.stops].concat(usedLinearColors.current || []);
+        newColors = Array.from(new Set(newColors.map(function (d) {
+          return JSON.stringify(d);
+        }))).map(function (d) {
+          return JSON.parse(d);
+        });
         newColors = newColors.slice(0, 16);
         setUsedLinearColors(newColors);
       }

package/dist/ColorsPicker/style/index.less

@@ -312,7 +312,7 @@
 // 纯色输入框
 .pure-color-picker {
   display: flex;
-  gap: 12px;
+  gap: 8px;
 
   .pure-color-picker-hex {
     font-size: 12px;
@@ -492,7 +492,7 @@
     transform: translateX(-50%);
 
     &.active {
-      box-shadow: 0 0 0 2px rgba(var(--primary-6), 0.5);
+      box-shadow: 0 0 0 4px rgba(var(--primary-6), 0.6);
     }
   }
 

package/dist/Radio/index.d.ts

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

package/dist/Radio/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["buttonStyle"];
+var _excluded = ["buttonStyle", "block"];
 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; }
@@ -18,9 +18,12 @@ export default function XRadio(props) {
 function XRadioGroup(_ref) {
   var _ref$buttonStyle = _ref.buttonStyle,
     buttonStyle = _ref$buttonStyle === void 0 ? 'transparent' : _ref$buttonStyle,
+    block = _ref.block,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(Radio.Group, _objectSpread({
-    className: classNames(props.className, "arco-radio-button-".concat(buttonStyle))
+    className: classNames(props.className, "arco-radio-button-".concat(buttonStyle), {
+      'arco-radio-button-block': block
+    })
   }, props));
 }
 XRadio.Group = XRadioGroup;

package/dist/Radio/index.less

@@ -49,6 +49,17 @@
         }
       }
     }
+
+    &.arco-radio-button-block {
+      width: 100%;
+      display: flex;
+
+      .arco-radio-button {
+        flex: 1;
+        flex-shrink: 0;
+        text-align: center;
+      }
+    }
   }
 
   &.arco-radio-button-solid {

package/dist/Radio/interface.d.ts

@@ -2,5 +2,6 @@ import { PropsWithChildren } from 'react';
 import type { RadioProps, RadioGroupProps } from '@arco-design/web-react';
 interface XRadioGroupProps extends PropsWithChildren<RadioGroupProps> {
     buttonStyle?: 'solid' | 'semi' | 'transparent';
+    block?: boolean;
 }
 export type { RadioProps, XRadioGroupProps as RadioGroupProps };

package/package.json

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