@easyv/react-components 0.0.39 → 0.0.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,12 +1,8 @@
1
1
  /// <reference types="react" />
2
- import type { ButtonProps, ButtonGroupProps } from './interface';
2
+ import type { ButtonProps } from './interface';
3
3
  import './index.less';
4
- interface XButtonProps extends Omit<ButtonProps, 'type'> {
5
- type?: 'link' | ButtonProps['type'];
6
- }
7
- declare function XButton({ type, className, ...restProps }: XButtonProps): import("react/jsx-runtime").JSX.Element;
4
+ declare function XButton({ type, className, simple, ...restProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;
8
5
  declare namespace XButton {
9
- var Group: import("react").ForwardRefExoticComponent<ButtonGroupProps & import("react").RefAttributes<unknown>>;
6
+ var Group: import("react").ForwardRefExoticComponent<import("@arco-design/web-react").ButtonGroupProps & import("react").RefAttributes<unknown>>;
10
7
  }
11
- export { XButtonProps as ButtonProps, ButtonGroupProps };
12
8
  export default XButton;
@@ -1,5 +1,5 @@
1
1
  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); }
2
- var _excluded = ["type", "className"];
2
+ var _excluded = ["type", "className", "simple"];
3
3
  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; }
4
4
  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; }
5
5
  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";
14
14
  function XButton(_ref) {
15
15
  var type = _ref.type,
16
16
  className = _ref.className,
17
+ simple = _ref.simple,
17
18
  restProps = _objectWithoutProperties(_ref, _excluded);
18
19
  var isLink = type === 'link';
19
20
  return /*#__PURE__*/_jsx(Button, _objectSpread({
20
21
  className: classNames(className, {
21
- 'arco-btn-link': isLink
22
+ 'arco-btn-link': isLink,
23
+ 'arco-btn-simple': simple
22
24
  }),
23
25
  type: isLink ? 'text' : type
24
26
  }, restProps));
@@ -23,6 +23,7 @@
23
23
  }
24
24
  }
25
25
 
26
+ // icon 处理
26
27
  span:has(svg) {
27
28
  vertical-align: -2px;
28
29
  }
@@ -30,4 +31,17 @@
30
31
  span:has(svg) + span {
31
32
  margin-left: 8px;
32
33
  }
34
+
35
+ // simple 类型的样式处理
36
+ &.arco-btn-simple {
37
+ &.arco-btn-link,
38
+ &.arco-btn-text {
39
+ padding-left: 0;
40
+ padding-right: 0;
41
+
42
+ &:hover {
43
+ background-color: transparent;
44
+ }
45
+ }
46
+ }
33
47
  }
@@ -1 +1,6 @@
1
- export type { ButtonProps, ButtonGroupProps } from '@arco-design/web-react';
1
+ import type { ButtonProps, ButtonGroupProps } from '@arco-design/web-react';
2
+ interface XButtonProps extends Omit<ButtonProps, 'type'> {
3
+ type?: 'link' | ButtonProps['type'];
4
+ simple?: boolean;
5
+ }
6
+ export { XButtonProps as ButtonProps, ButtonGroupProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@easyv/react-components",
3
- "version": "0.0.39",
3
+ "version": "0.0.40",
4
4
  "description": "a react component library base on arco design",
5
5
  "license": "MIT",
6
6
  "module": "dist/index.js",