@easyv/react-components 0.0.37 → 0.0.39

package/dist/InputNumber/index.less

@@ -60,9 +60,11 @@
       text-align: center;
       font-size: 12px;
       opacity: 0;
+      border-radius: var(--border-radius-small);
 
       .arco-input-number-handle-up,
       .arco-input-number-handle-down {
+        color: var(--color-text-1);
         display: flex;
         align-items: center;
         justify-content: center;
@@ -71,12 +73,21 @@
 
         &.arco-input-number-handle-disabled {
           cursor: not-allowed;
+          color: var(--color-text-3);
         }
 
         &:not(.arco-input-number-handle-disabled):hover {
           background-color: var(--color-fill-2);
         }
       }
+
+      .arco-input-number-handle-up {
+        border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
+      }
+
+      .arco-input-number-handle-down {
+        border-radius: 0 0 var(--border-radius-small) var(--border-radius-small);
+      }
     }
 
     &:hover {

package/dist/Menu/index.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { MenuProps } from './interface';
+import './index.less';
+declare const XMenu: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<unknown>> & {
+    Item: import("react").ForwardRefExoticComponent<import("@arco-design/web-react").MenuItemProps & import("react").RefAttributes<unknown>> & {
+        menuType: string;
+    };
+    ItemGroup: import("react").ForwardRefExoticComponent<import("@arco-design/web-react").MenuItemGroupProps & import("react").RefAttributes<unknown>> & {
+        menuType: string;
+    };
+    SubMenu: import("react").ForwardRefExoticComponent<import("@arco-design/web-react").MenuSubMenuProps & import("react").RefAttributes<unknown>> & {
+        menuType: string;
+    };
+    __ARCO_MENU__: boolean;
+};
+export default XMenu;
+export { MenuProps };

package/dist/Radio/index.less

@@ -11,6 +11,7 @@
         border-inline-end-width: 1px;
         border-color: var(--color-border-4);
         margin: 0;
+        background-color: var(--color-bg-2);
 
         &::after {
           background-color: transparent;
@@ -26,10 +27,15 @@
           border-inline-start-width: 1px;
         }
 
+        &:not(.arco-radio-disabled):hover {
+          background-color: var(--color-fill-2);
+        }
+
         &.arco-radio-checked {
           z-index: 1;
           color: rgb(var(--primary-6));
           border-color: rgb(var(--primary-6));
+          background-color: rgb(var(--primary-1));
 
           &::before {
             left: -1px;

package/dist/Select/check.svg

@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width="12" height="12"><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>

package/dist/Select/index.less

@@ -36,12 +36,15 @@
   // 添加选中的样式后面的勾
   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>');
+      content: '';
       position: absolute;
-      top: 2px;
-      right: 9px;
-      width: 14px;
-      height: 14px;
+      right: 8px;
+      width: 24px;
+      height: 100%;
+      transform: scale(0.5);
+      mask: url('./check.svg') no-repeat center center;
+      mask-size: cover;
+      background-color: var(--color-text-1);
     }
   }
 

package/dist/Upload/index.d.ts

@@ -1,4 +1,5 @@
-import { Upload } from '@arco-design/web-react';
+/// <reference types="react" />
+import { UploadProps } from './interface';
 import './index.less';
-export default Upload;
-export type * from './interface';
+declare const _default: import("react").ForwardRefExoticComponent<UploadProps & import("react").RefAttributes<unknown>>;
+export default _default;

package/dist/Upload/index.js

@@ -1,3 +1,64 @@
+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 = ["drag"],
+  _excluded2 = ["tip", "dragIcon", "dragTitle", "dragHeight", "mask"];
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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; }
+import { forwardRef } from 'react';
 import { Upload } from '@arco-design/web-react';
+import { DTableUploadColored } from '@easyv/react-icons';
 import "./index.less";
-export default Upload;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var defaultTitle = /*#__PURE__*/_jsxs("span", {
+  children: ["\u5C06\u6587\u4EF6\u62D6\u81F3\u6B64\u5904\u6216", /*#__PURE__*/_jsx("span", {
+    className: "arco-upload-drag-title-em",
+    children: "\u9009\u62E9\u6587\u4EF6"
+  })]
+});
+function XUpload(_ref, ref) {
+  var drag = _ref.drag,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  if (drag) {
+    var tip = restProps.tip,
+      _restProps$dragIcon = restProps.dragIcon,
+      dragIcon = _restProps$dragIcon === void 0 ? /*#__PURE__*/_jsx(DTableUploadColored, {}) : _restProps$dragIcon,
+      _restProps$dragTitle = restProps.dragTitle,
+      dragTitle = _restProps$dragTitle === void 0 ? defaultTitle : _restProps$dragTitle,
+      dragHeight = restProps.dragHeight,
+      mask = restProps.mask,
+      dragProps = _objectWithoutProperties(restProps, _excluded2);
+    return /*#__PURE__*/_jsx(Upload, _objectSpread(_objectSpread({
+      ref: ref,
+      drag: true
+    }, dragProps), {}, {
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "arco-upload-drag-content",
+        style: {
+          height: dragHeight
+        },
+        children: [dragIcon && /*#__PURE__*/_jsx("div", {
+          className: "arco-upload-drag-icon",
+          children: dragIcon
+        }), dragTitle && /*#__PURE__*/_jsx("div", {
+          className: "arco-upload-drag-title",
+          children: dragTitle
+        }), tip && /*#__PURE__*/_jsx("div", {
+          className: "arco-upload-drag-tip",
+          children: tip
+        }), mask && /*#__PURE__*/_jsx("div", {
+          className: "arco-upload-drag-mask",
+          children: mask
+        })]
+      })
+    }));
+  }
+  return /*#__PURE__*/_jsx(Upload, _objectSpread({
+    ref: ref
+  }, restProps));
+}
+export default /*#__PURE__*/forwardRef(XUpload);

package/dist/Upload/index.less

@@ -0,0 +1,66 @@
+// .arco-upload {
+//   &.arco-upload-drag {
+//     height: 100%;
+
+//     .arco-upload-trigger {
+//       height: 100%;
+
+//       & > div {
+//         height: 100%;
+//       }
+//     }
+//   }
+// }
+
+.arco-upload-drag-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--color-fill-1);
+  border-radius: 4px;
+  border: 1px dashed var(--color-border-2);
+  height: 100%;
+
+  &:hover {
+    background-color: var(--color-fill-2);
+    border: 1px dashed var(--color-border-3);
+
+    .arco-upload-drag-mask {
+      display: flex;
+    }
+  }
+
+  .arco-upload-drag-icon {
+    display: flex;
+    align-items: center;
+    font-size: 64px;
+  }
+
+  .arco-upload-drag-title {
+    color: var(--color-text-1);
+    margin-bottom: 4px;
+
+    .arco-upload-drag-title-em {
+      margin-left: 4px;
+      color: rgb(var(--primary-6));
+    }
+  }
+
+  .arco-upload-drag-tip {
+    color: var(--color-text-3);
+  }
+
+  .arco-upload-drag-mask {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.64);
+    justify-content: center;
+    align-items: center;
+  }
+}

package/dist/Upload/interface.d.ts

@@ -1,2 +1,11 @@
-export type { UploadProps } from '@arco-design/web-react';
-export type { UploadInstance } from '@arco-design/web-react/es/Upload';
+import React from 'react';
+import type { UploadProps } from '@arco-design/web-react';
+import type { UploadInstance } from '@arco-design/web-react/es/Upload';
+interface XUploadProps extends UploadProps {
+    mask?: React.ReactNode;
+    dragTitle?: React.ReactNode;
+    dragIcon?: React.ReactNode;
+    dragHeight?: number;
+    children?: React.ReactNode;
+}
+export type { XUploadProps as UploadProps, UploadInstance };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/react-components",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "description": "a react component library base on arco design",
   "license": "MIT",
   "module": "dist/index.js",
@@ -47,7 +47,7 @@
     ]
   },
   "dependencies": {
-    "@easyv/react-icons": "4.0.0",
+    "@easyv/react-icons": "4.14.0",
     "ahooks": "^3.7.8",
     "classnames": "^2.3.2",
     "rc-color-picker": "1.2.6"