@easyv/react-components 0.0.28 → 0.0.31

package/dist/Checkbox/index.less

@@ -0,0 +1,9 @@
+.arco-checkbox {
+  &:hover {
+    .arco-checkbox-icon-hover {
+      &::before {
+        background-color: transparent;
+      }
+    }
+  }
+}

package/dist/Form/index.less

@@ -3,3 +3,11 @@
     display: inline-block;
   }
 }
+
+.arco-form-vertical {
+  .arco-form-label-item {
+    .arco-form-item-symbol {
+      margin-left: -16px;
+    }
+  }
+}

package/dist/Modal/index.less

@@ -40,6 +40,49 @@
       padding-bottom: 24px;
     }
   }
+
+  // close
+  .arco-modal-close-icon {
+    line-height: 1;
+    height: 14px;
+    color: var(--color-text-3);
+
+    .easyv-icon {
+      position: relative;
+
+      &::before {
+        content: '';
+        position: absolute;
+        display: block;
+        border-radius: 4px;
+        top: 50%;
+        left: 50%;
+        height: 20px;
+        width: 20px;
+        transform: translate(-50%, -50%);
+        transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
+      }
+
+      svg {
+        position: relative;
+      }
+    }
+
+    &:hover {
+      color: var(--color-text-1);
+
+      .easyv-icon {
+        &::before {
+          background-color: var(--color-fill-1);
+        }
+      }
+    }
+  }
+
+  // info
+  .arco-icon-info-circle-fill {
+    color: rgb(var(--link-6));
+  }
 }
 
 .arco-modal-simple {

package/dist/Tabs/index.d.ts

@@ -1,6 +1,6 @@
 import { TabsProps } from './interface';
 import './index.less';
-declare function XTabs({ borderless, className, compact, alignLeft, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+declare function XTabs({ borderless, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
 declare namespace XTabs {
     var TabPane: import("@arco-design/web-react/es/Tabs/tab-pane").TabPaneType;
 }

package/dist/Tabs/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 = ["borderless", "className", "compact", "alignLeft"];
+var _excluded = ["borderless", "className"];
 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; }
@@ -12,14 +12,11 @@ import { Tabs } from '@arco-design/web-react';
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function XTabs(_ref) {
-  var _classNames;
   var borderless = _ref.borderless,
     className = _ref.className,
-    compact = _ref.compact,
-    alignLeft = _ref.alignLeft,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(Tabs, _objectSpread({
-    className: classNames(className, (_classNames = {}, _defineProperty(_classNames, 'arco-tabs-borderless', borderless), _defineProperty(_classNames, 'arco-tabs-compact', compact), _defineProperty(_classNames, 'arco-tabs-left', alignLeft), _classNames))
+    className: classNames(className, _defineProperty({}, 'arco-tabs-borderless', borderless))
   }, props));
 }
 XTabs.TabPane = Tabs.TabPane;

package/dist/Tabs/index.less

@@ -4,32 +4,55 @@
       color: var(--color-text-1);
       font-weight: bold;
     }
-  }
 
-  &.arco-tabs-borderless {
-    .arco-tabs-header-nav {
-      &::before {
-        content: none;
-      }
-    }
-  }
+    &:not(.arco-tabs-header-title-disabled):hover {
+      color: var(--color-text-1);
 
-  &.arco-tabs-compact {
-    .arco-tabs-header-title {
-      padding-top: 0;
-      padding-bottom: 4px;
-      margin-left: 12px;
-      margin-right: 12px;
+      .arco-tabs-header-title-text {
+        &::before {
+          content: none;
+        }
+      }
     }
   }
 
   &.arco-tabs-horizontal {
-    &.arco-tabs-left {
+    .arco-tabs-header-scroll {
       .arco-tabs-header-title {
+        padding-top: 0;
+        margin-left: 12px;
+        margin-right: 12px;
+
+        .arco-tabs-header-title-text {
+          padding: 0;
+        }
+
         &:first-of-type {
-          margin-left: 0;
+          margin-left: 24px;
         }
       }
     }
   }
+
+  &.arco-tabs-borderless {
+    &.arco-tabs-horizontal {
+      .arco-tabs-header-scroll {
+        .arco-tabs-header-title {
+          &:first-of-type {
+            margin-left: 0;
+          }
+
+          &:nth-last-child(2) {
+            margin-right: 0;
+          }
+        }
+      }
+    }
+
+    .arco-tabs-header-nav {
+      &::before {
+        content: none;
+      }
+    }
+  }
 }

package/dist/Tabs/interface.d.ts

@@ -1,7 +1,5 @@
 import type { TabsProps } from '@arco-design/web-react';
 interface XTabsProps extends TabsProps {
     borderless?: boolean;
-    compact?: boolean;
-    alignLeft?: boolean;
 }
 export type { XTabsProps as TabsProps };

package/dist/Tag/index.less

@@ -14,4 +14,12 @@ div.arco-tag {
   &.arco-tag-size-small {
     border-radius: var(--border-radius-small);
   }
+
+  .arco-tag-close-btn {
+    color: var(--color-text-3);
+
+    &:hover {
+      color: var(--color-text-1);
+    }
+  }
 }

package/dist/TreeSelect/index.less

@@ -23,6 +23,7 @@
 }
 
 .arco-tree-select-popup {
+  max-height: 240px;
   padding-left: 0;
   padding-right: 0;
 

package/package.json

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