@easyv/react-components 0.0.26 → 0.0.28

package/dist/Modal/index.d.ts

@@ -1,7 +1,7 @@
 import { ConfirmProps } from '@arco-design/web-react/es/Modal/confirm';
 import { ModalProps } from './interface';
 import './index.less';
-declare function XModal({ simple, className, size, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
+declare function XModal({ className, simple, size, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
 declare namespace XModal {
     var confirm: (props: ConfirmProps) => import("@arco-design/web-react/es/Modal/interface").ModalReturnProps;
     var error: (props: ConfirmProps) => import("@arco-design/web-react/es/Modal/interface").ModalReturnProps;
@@ -13,5 +13,3 @@ declare namespace XModal {
     var config: (config: import("@arco-design/web-react/es/Modal/config").ModalConfigType) => void;
 }
 export default XModal;
-export type * from './interface';
-export type * from './interface';

package/dist/Modal/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 = ["simple", "className", "size"];
+var _excluded = ["className", "simple", "size"];
 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,21 +14,22 @@ import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 var originModalConfirm = Modal.confirm;
 export default function XModal(_ref) {
-  var simple = _ref.simple,
-    className = _ref.className,
+  var className = _ref.className,
+    simple = _ref.simple,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'default' : _ref$size,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({
+  // 重新定义 arco design 的简洁模式（simple), 自己写样式覆盖
+  return /*#__PURE__*/_jsx(Modal, _objectSpread({
     className: classNames(className, "arco-modal-".concat(size), {
-      'arco-modal-simple': simple
-    })
-  }, props), {}, {
+      'arco-modal-borderless': simple
+    }),
     closeIcon: /*#__PURE__*/_jsx(CloseOutlined, {})
-  }));
+  }, props));
 }
 function confirm(props) {
   var _props$okButtonProps, _props$autoFocus;
+  // 让自动聚焦在okButton上，按delete可以直接回车删除
   return originModalConfirm(_objectSpread(_objectSpread({}, props), {}, {
     okButtonProps: _objectSpread({
       autoFocus: true

package/dist/Modal/index.less

@@ -1,7 +1,6 @@
 .arco-modal {
-  // 320/480/560/720/1120
   &.arco-modal-mini {
-    width: 320px;
+    width: 360px;
   }
 
   &.arco-modal-small {
@@ -20,46 +19,31 @@
     width: 1120px;
   }
 
-  .arco-modal-header {
-    height: 56px;
-    padding: 0 24px;
-
-    .arco-modal-title {
-      text-align: left;
+  .arco-modal-footer {
+    .arco-btn {
+      margin-left: 8px;
     }
   }
 
-  .arco-modal-close-icon {
-    right: 24px;
-    top: 21px;
-    font-size: 14px;
-    cursor: pointer;
-  }
+  &.arco-modal-borderless {
+    .arco-modal-header {
+      border-bottom: none;
+    }
 
-  .arco-modal-content {
-    padding: 24px;
-  }
+    .arco-modal-content {
+      padding-top: 8px;
+    }
 
-  .arco-modal-footer {
-    padding: 12px 24px;
+    .arco-modal-footer {
+      border-top: none;
+      padding-top: 24px;
+      padding-bottom: 24px;
+    }
   }
 }
 
 .arco-modal-simple {
-  padding: 0;
-
-  .arco-modal-header {
-    margin-bottom: 0;
-  }
-
   .arco-modal-content {
-    padding-top: 8px;
-  }
-
-  .arco-modal-footer {
-    margin-top: 0;
-    text-align: right;
-    padding-bottom: 24px;
-    padding-top: 0;
+    padding-left: 28px;
   }
 }

package/dist/Select/index.less

@@ -1,39 +1,5 @@
-div.arco-select {
-  .arco-select-view {
-    border-color: var(--color-border-2);
-
-    &:hover,
-    &:active {
-      border-color: rgb(var(--primary-6));
-    }
-  }
-
-  &.arco-select-disabled:hover {
-    .arco-select-view {
-      border-color: var(--color-border-2);
-    }
-  }
-
-  &.arco-select-error {
-    .arco-select-view {
-      border-color: var(--color-danger-light-4);
-
-      &:hover {
-        border-color: var(--color-danger-light-3);
-      }
-    }
-  }
-
-  &.arco-select-warning {
-    .arco-select-view {
-      border-color: var(--color-warning-light-4);
-
-      &:hover {
-        border-color: var(--color-warning-light-3);
-      }
-    }
-  }
-
+.arco-select {
+  // 修改默认统一的 4px 圆角为 不同尺寸不一样的圆角大小
   &.arco-select-size-large {
     .arco-select-view {
       border-radius: var(--border-radius-large);
@@ -58,9 +24,37 @@ div.arco-select {
     }
   }
 
+  // tag的背景色无法配置，只能手动修改
   .arco-input-tag {
     .arco-input-tag-tag {
       background-color: var(--color-fill-2);
     }
   }
 }
+
+.arco-select-popup {
+  // 添加选中的样式后面的勾
+  li.arco-select-option-selected {
+    &::before {
+      content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.1365 3.65805C11.0038 3.52544 10.7888 3.52544 10.6562 3.65805L5.79333 8.52096L3.52992 6.25755C3.39731 6.12494 3.18231 6.12494 3.0497 6.25755L2.49155 6.8157C2.35894 6.94831 2.35894 7.16332 2.49155 7.29593L5.07741 9.88179C5.08664 9.89102 5.09627 9.89961 5.10625 9.90756L5.55475 10.3561C5.68736 10.4887 5.90237 10.4887 6.03498 10.3561L11.6946 4.69643C11.8272 4.56382 11.8272 4.34881 11.6946 4.2162L11.1365 3.65805Z"/></svg>');
+      position: absolute;
+      top: 2px;
+      right: 9px;
+      width: 14px;
+      height: 14px;
+    }
+  }
+
+  // 修改多选状态下的背景色
+  .arco-select-option-wrapper:hover {
+    background-color: var(--color-fill-1);
+  }
+
+  .arco-select-option-wrapper-selected {
+    background-color: var(--color-fill-1);
+
+    &.arco-select-option-wrapper-disabled {
+      background-color: var(--color-bg-5);
+    }
+  }
+}

package/dist/TreeSelect/index.less

@@ -0,0 +1,43 @@
+.arco-tree-select-size-large {
+  .arco-tree-select-view {
+    border-radius: var(--border-radius-large);
+  }
+}
+
+.arco-tree-select-size-default {
+  .arco-tree-select-view {
+    border-radius: var(--border-radius-medium);
+  }
+}
+
+.arco-tree-select-size-small {
+  .arco-tree-select-view {
+    border-radius: var(--border-radius-medium);
+  }
+}
+
+.arco-tree-select-size-mini {
+  .arco-tree-select-view {
+    border-radius: var(--border-radius-small);
+  }
+}
+
+.arco-tree-select-popup {
+  padding-left: 0;
+  padding-right: 0;
+
+  .arco-tree-node {
+    padding-left: 12px;
+    padding-right: 4px;
+
+    &:hover {
+      background-color: var(--color-fill-1);
+    }
+  }
+
+  .arco-tree-node-title {
+    &:hover {
+      background-color: transparent;
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/react-components",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "description": "a react component library base on arco design",
   "license": "MIT",
   "module": "dist/index.js",
@@ -53,8 +53,8 @@
     "rc-color-picker": "1.2.6"
   },
   "devDependencies": {
-    "@arco-design/web-react": "2.55.1",
-    "@arco-themes/react-dtable": "0.0.31",
+    "@arco-design/web-react": "2.57.1",
+    "@arco-themes/react-dtable": "0.0.38",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@easyv/sync-to-mirror": "^0.0.2",
@@ -92,6 +92,10 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
+  "packageManager": "pnpm@8.12.1",
+  "engines": {
+    "node": ">=14.17.0"
+  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"