@uiw/react-button-group - npm Package Compare versions

Comparing version 4.2.14 to 4.3.0

lib/cjs/index.d.ts

@@ -1,13 +0,8 @@
-import React from 'react';
-import { HTMLDivProps } from '@uiw/utils';
+/// <reference types="react" />
+import { HTMLDivProps, IProps } from '@uiw/utils';
 import './style/index.less';
-export interface ButtonGroupProps extends HTMLDivProps {
-    style?: React.CSSProperties;
-    className?: string;
-    prefixCls?: string;
+export interface ButtonGroupProps extends IProps, HTMLDivProps {
     vertical?: boolean;
 }
-export default class ButtonGroup extends React.Component<ButtonGroupProps> {
-    static defaultProps: ButtonGroupProps;
-    render(): JSX.Element;
-}
+declare const _default: (props?: ButtonGroupProps) => JSX.Element;
+export default _default;

lib/cjs/index.js

@@ -16,12 +16,2 @@ "use strict";
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
@@ -31,40 +21,19 @@
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+var _default = function _default() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'w-btn-group' : _props$prefixCls,
+      _props$vertical = props.vertical,
+      vertical = _props$vertical === void 0 ? false : _props$vertical,
+      children = props.children,
+      className = props.className,
+      resetProps = (0, _objectWithoutProperties2.default)(props, ["prefixCls", "vertical", "children", "className"]);
+  var cls = (0, _classnames2.default)(prefixCls, className, (0, _defineProperty2.default)({}, "".concat(prefixCls, "-vertical"), vertical));
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: cls
+  }, resetProps), children);
+};
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var ButtonGroup = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(ButtonGroup, _React$Component);
-
-  var _super = _createSuper(ButtonGroup);
-
-  function ButtonGroup() {
-    (0, _classCallCheck2.default)(this, ButtonGroup);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(ButtonGroup, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          prefixCls = _this$props.prefixCls,
-          vertical = _this$props.vertical,
-          children = _this$props.children,
-          className = _this$props.className,
-          resetProps = (0, _objectWithoutProperties2.default)(_this$props, ["prefixCls", "vertical", "children", "className"]);
-      var cls = (0, _classnames2.default)(prefixCls, className, (0, _defineProperty2.default)({}, "".concat(prefixCls, "-vertical"), vertical));
-      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-        className: cls
-      }, resetProps), children);
-    }
-  }]);
-  return ButtonGroup;
-}(_react.default.Component);
-
-exports.default = ButtonGroup;
-ButtonGroup.defaultProps = {
-  prefixCls: 'w-btn-group',
-  vertical: false
-};
+exports.default = _default;
 module.exports = exports.default; 
 //# sourceMappingURL=index.js.map

lib/esm/index.d.ts

@@ -1,13 +0,8 @@
-import React from 'react';
-import { HTMLDivProps } from '@uiw/utils';
+/// <reference types="react" />
+import { HTMLDivProps, IProps } from '@uiw/utils';
 import './style/index.less';
-export interface ButtonGroupProps extends HTMLDivProps {
-    style?: React.CSSProperties;
-    className?: string;
-    prefixCls?: string;
+export interface ButtonGroupProps extends IProps, HTMLDivProps {
     vertical?: boolean;
 }
-export default class ButtonGroup extends React.Component<ButtonGroupProps> {
-    static defaultProps: ButtonGroupProps;
-    render(): JSX.Element;
-}
+declare const _default: (props?: ButtonGroupProps) => JSX.Element;
+export default _default;

lib/esm/index.js

 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import classnames from 'classnames';
 import "./style/index.css";
+export default (function () {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-var ButtonGroup = /*#__PURE__*/function (_React$Component) {
-  _inherits(ButtonGroup, _React$Component);
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'w-btn-group' : _props$prefixCls,
+      _props$vertical = props.vertical,
+      vertical = _props$vertical === void 0 ? false : _props$vertical,
+      children = props.children,
+      className = props.className,
+      resetProps = _objectWithoutProperties(props, ["prefixCls", "vertical", "children", "className"]);
 
-  var _super = _createSuper(ButtonGroup);
-
-  function ButtonGroup() {
-    _classCallCheck(this, ButtonGroup);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(ButtonGroup, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          prefixCls = _this$props.prefixCls,
-          vertical = _this$props.vertical,
-          children = _this$props.children,
-          className = _this$props.className,
-          resetProps = _objectWithoutProperties(_this$props, ["prefixCls", "vertical", "children", "className"]);
-
-      var cls = classnames(prefixCls, className, _defineProperty({}, "".concat(prefixCls, "-vertical"), vertical));
-      return /*#__PURE__*/React.createElement("div", _extends({
-        className: cls
-      }, resetProps), children);
-    }
-  }]);
-
-  return ButtonGroup;
-}(React.Component);
-
-ButtonGroup.defaultProps = {
-  prefixCls: 'w-btn-group',
-  vertical: false
-};
-export { ButtonGroup as default }; 
+  var cls = classnames(prefixCls, className, _defineProperty({}, "".concat(prefixCls, "-vertical"), vertical));
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: cls
+  }, resetProps), children);
+}); 
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@uiw/react-button-group",
-  "version": "4.2.14",
+  "version": "4.3.0",
   "description": "ButtonGroup component",
@@ -46,4 +46,4 @@ "author": "Kenny Wong <[e-mail]>",
   "dependencies": {
-    "@uiw/react-button": "^4.2.14",
-    "@uiw/utils": "^4.2.14",
+    "@uiw/react-button": "^4.3.0",
+    "@uiw/utils": "^4.3.0",
     "classnames": "2.2.6"
@@ -62,3 +62,3 @@ },
   },
-  "gitHead": "a5f0922cb2622f6c327bb555ca06d6f9036d0d5a"
+  "gitHead": "5e61a59c0674fdbeacedd1b8a69d585f8f1ba0b8"
 }

README.md

@@ -1,11 +0,86 @@
-# `@uiw/react-button-group`
+ButtonGroup 按钮组
+===
 
-> TODO: description
+按钮用于开始一个即时操作，触发业务逻辑时使用。
 
-## Usage
+```jsx
+import { Button, ButtonGroup } from 'uiw';
+// or
+import Button from '@uiw/react-button';
+import ButtonGroup from '@uiw/react-button-group';
+```
 
+### 基本用法
+
+<!--DemoStart,bgWhite,codePen--> 
+```js
+import { Button, Divider, ButtonGroup } from 'uiw';
+
+ReactDOM.render(
+  <div>
+    <ButtonGroup>
+      <Button type="primary">主要按钮</Button>
+      <Button type="success">成功按钮</Button>
+      <Button type="warning">警告按钮</Button>
+      <Button type="danger">错误按钮</Button>
+      <Button type="light">亮按钮</Button>
+      <Button type="dark">暗按钮</Button>
+    </ButtonGroup>
+    <ButtonGroup style={{ marginTop: 5 }}>
+      <Button size="small" type="primary">按钮</Button>
+      <Button size="small" type="primary">按钮</Button>
+      <Button size="small" type="primary">按钮</Button>
+      <Button size="small" type="primary">按钮</Button>
+    </ButtonGroup>
+    <ButtonGroup style={{ marginTop: 5 }}>
+      <Button type="light">按钮</Button>
+      <Button type="light">按钮</Button>
+      <Button type="light">按钮</Button>
+      <Button type="light">按钮</Button>
+    </ButtonGroup>
+    <Divider style={{ maxWidth: 220 }}>添加图标</Divider>
+    <ButtonGroup>
+      <Button icon="copy" type="primary">复制</Button>
+      <Button icon="delete" type="success">删除</Button>
+      <Button icon="file-add" type="warning">添加文件</Button>
+      <Button icon="map" type="danger">地图</Button>
+      <Button icon="linux" type="light">Linux</Button>
+      <Button icon="apple" type="dark">Apple</Button>
+    </ButtonGroup>
+    <ButtonGroup style={{ marginTop: 5 }}>
+      <Button icon="copy" type="primary">复制</Button>
+      <Button icon="delete" type="primary">删除</Button>
+      <Button icon="file-add" type="primary">添加文件</Button>
+      <Button icon="map" type="primary">地图</Button>
+      <Button icon="linux" type="primary">Linux</Button>
+      <Button icon="apple" type="primary">Apple</Button>
+    </ButtonGroup>
+    <ButtonGroup style={{ marginTop: 5 }}>
+      <Button icon="copy">复制</Button>
+      <Button icon="delete">删除</Button>
+      <Button icon="file-add">添加文件</Button>
+      <Button icon="map">地图</Button>
+      <Button icon="linux">Linux</Button>
+      <Button icon="apple">Apple</Button>
+    </ButtonGroup>
+    <ButtonGroup style={{ marginTop: 5 }}>
+      <Button icon="copy" />
+      <Button icon="delete" />
+      <Button icon="file-add" />
+      <Button icon="map" />
+      <Button icon="linux" />
+      <Button icon="apple" />
+    </ButtonGroup>
+  </div>,
+  _mount_
+);
 ```
-const reactButtonGroup = require('@uiw/react-button-group');
+<!--End-->
 
-// TODO: DEMONSTRATE API
-```
+## Props
+
+### Button.Group
+
+| 参数 | 说明 | 类型 | 默认值 |
+| -------- | -------- | -------- | -------- |
+| vertical | 竖排列 | Boolean | `false` |

No alert changes

Improved metrics

Number of lines in readme file

86

increased by616.67%

Worsened metrics

Total package byte prevSize

19056

decreased by-6.89%

Lines of code

162

decreased by-28.95%

Dependency changes

• Updated@uiw/react-button@^4.3.0

• Updated@uiw/utils@^4.3.0