@easyv/react-components 0.0.39 → 0.0.41

package/dist/Button/index.d.ts

@@ -1,12 +1,8 @@
 /// <reference types="react" />
-import type { ButtonProps, ButtonGroupProps } from './interface';
+import type { ButtonProps } from './interface';
 import './index.less';
-interface XButtonProps extends Omit<ButtonProps, 'type'> {
-    type?: 'link' | ButtonProps['type'];
-}
-declare function XButton({ type, className, ...restProps }: XButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function XButton({ type, className, simple, ...restProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace XButton {
-    var Group: import("react").ForwardRefExoticComponent<ButtonGroupProps & import("react").RefAttributes<unknown>>;
+    var Group: import("react").ForwardRefExoticComponent<import("@arco-design/web-react").ButtonGroupProps & import("react").RefAttributes<unknown>>;
 }
-export { XButtonProps as ButtonProps, ButtonGroupProps };
 export default XButton;

package/dist/Button/index.js

@@ -1,5 +1,5 @@
 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 = ["type", "className"];
+var _excluded = ["type", "className", "simple"];
 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; }
@@ -14,11 +14,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 function XButton(_ref) {
   var type = _ref.type,
     className = _ref.className,
+    simple = _ref.simple,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var isLink = type === 'link';
   return /*#__PURE__*/_jsx(Button, _objectSpread({
     className: classNames(className, {
-      'arco-btn-link': isLink
+      'arco-btn-link': isLink,
+      'arco-btn-simple': simple
     }),
     type: isLink ? 'text' : type
   }, restProps));

package/dist/Button/index.less

@@ -23,6 +23,7 @@
     }
   }
 
+  // icon 处理
   span:has(svg) {
     vertical-align: -2px;
   }
@@ -30,4 +31,17 @@
   span:has(svg) + span {
     margin-left: 8px;
   }
+
+  // simple 类型的样式处理
+  &.arco-btn-simple {
+    &.arco-btn-link,
+    &.arco-btn-text {
+      padding-left: 0;
+      padding-right: 0;
+
+      &:hover {
+        background-color: transparent;
+      }
+    }
+  }
 }

package/dist/Button/interface.d.ts

@@ -1 +1,6 @@
-export type { ButtonProps, ButtonGroupProps } from '@arco-design/web-react';
+import type { ButtonProps, ButtonGroupProps } from '@arco-design/web-react';
+interface XButtonProps extends Omit<ButtonProps, 'type'> {
+    type?: 'link' | ButtonProps['type'];
+    simple?: boolean;
+}
+export { XButtonProps as ButtonProps, ButtonGroupProps };

package/dist/Color/Preview.less

@@ -8,7 +8,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--color-bg-1);
+  background-color: var(--color-bg-white);
   cursor: pointer;
 
   &::before {

package/dist/Dropdown/index.less

@@ -2,3 +2,14 @@
   display: flex;
   align-items: center;
 }
+
+.arco-dropdown {
+  .arco-dropdown-menu {
+    border-color: var(--color-border-2);
+    background-color: var(--color-bg-2);
+
+    .arco-dropdown-menu-item {
+      color: var(--color-text-1);
+    }
+  }
+}

package/dist/Input/index.less

@@ -60,4 +60,20 @@
       border-color: rgb(var(--primary-6));
     }
   }
+
+  // 修改前缀的间距
+  .arco-input-inner-wrapper-has-prefix {
+    & > .arco-input {
+      padding-left: 4px;
+    }
+  }
+}
+
+// 修改后缀的间距
+.arco-input-has-suffix {
+  .arco-input-group {
+    .arco-input {
+      padding-right: 4px;
+    }
+  }
 }

package/dist/Radio/index.less

@@ -27,7 +27,7 @@
           border-inline-start-width: 1px;
         }
 
-        &:not(.arco-radio-disabled):hover {
+        &:not(.arco-radio-disabled):not(.arco-radio-checked):hover {
           background-color: var(--color-fill-2);
         }
 

package/dist/RangeColor/index.less

@@ -3,13 +3,12 @@
   width: 100%;
   height: 28px;
   border-radius: 2px;
-  border: 1px solid var(--border-color-2);
-  margin-right: 8px;
+  border: 1px solid var(--color-border-2);
   padding: 6px;
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--color-bg-1);
+  background-color: var(--color-bg-white);
   cursor: pointer;
 
   &::before {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/react-components",
-  "version": "0.0.39",
+  "version": "0.0.41",
   "description": "a react component library base on arco design",
   "license": "MIT",
   "module": "dist/index.js",
@@ -55,7 +55,7 @@
   "devDependencies": {
     "@arco-design/web-react": "2.57.1",
     "@arco-themes/react-dtable": "0.0.40",
-    "@arco-themes/react-easytwin": "0.0.16",
+    "@arco-themes/react-easytwin": "0.0.23",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@easyv/sync-to-mirror": "^0.0.2",