@arco-design/mobile-react 2.19.0

package/esm/grid/index.js

@@ -0,0 +1,130 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useRef, forwardRef, useImperativeHandle } from 'react';
+import { cls } from '@arco-design/mobile-utils';
+import { ContextLayout } from '../context-provider';
+
+/**
+ * 宫格可以在水平方向上把页面分隔成等宽度的区块，用于展示内容或进行页面导航。
+ * @en The grid can divide the page into equal-width blocks in the horizontal direction for displaying content or for page navigation.
+ * @type 布局
+ * @type_en Layout
+ * @name 宫格
+ * @name_en Grid
+ */
+var Grid = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      style = props.style,
+      data = props.data,
+      _props$columns = props.columns,
+      columns = _props$columns === void 0 ? 3 : _props$columns,
+      _props$border = props.border,
+      border = _props$border === void 0 ? false : _props$border,
+      _props$gutter = props.gutter,
+      gutter = _props$gutter === void 0 ? 0 : _props$gutter,
+      _props$shape = props.shape,
+      shape = _props$shape === void 0 ? 'square' : _props$shape,
+      _props$direction = props.direction,
+      direction = _props$direction === void 0 ? 'vertical' : _props$direction,
+      _props$isSliding = props.isSliding,
+      isSliding = _props$isSliding === void 0 ? false : _props$isSliding;
+  var domRef = useRef(null);
+  useImperativeHandle(ref, function () {
+    return {
+      dom: domRef.current
+    };
+  });
+
+  var getRows = function getRows(prefix, rowsData, rows, row) {
+    var fakeGrids = new Array(!isSliding && columns && rowsData.length % columns ? columns - rowsData.length % columns : 0).fill('');
+    var widthStyle = {
+      minWidth: 1 / columns * 100 + "%"
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: prefix + "-rows",
+      key: row
+    }, rowsData.map(function (item, index) {
+      var img = item.img,
+          title = item.title,
+          content = item.content,
+          itemClassName = item.className,
+          _onClick = item.onClick,
+          itemStyle = item.itemStyle,
+          renderGrid = item.renderGrid;
+
+      if (renderGrid) {
+        return renderGrid(item, index, row);
+      }
+
+      var marginBottom = row + 1 === rows ? 0 : typeof gutter === 'number' ? gutter : (gutter == null ? void 0 : gutter.y) || 0;
+      var rowLen = rowsData.length;
+      var marginRight = index + 1 === rowLen ? 0 : typeof gutter === 'number' ? gutter : (gutter == null ? void 0 : gutter.x) || 0;
+      return /*#__PURE__*/React.createElement("div", {
+        key: index,
+        style: _extends({
+          marginBottom: marginBottom,
+          marginRight: marginRight
+        }, itemStyle),
+        onClick: function onClick() {
+          _onClick && _onClick(item);
+        },
+        className: cls(prefix + "-rows-item", {
+          horizontal: direction === 'horizontal',
+          border: border && gutter === 0
+        }, itemClassName)
+      }, typeof img === 'string' ? /*#__PURE__*/React.createElement("img", {
+        src: img,
+        className: prefix + "-rows-item-icon " + (shape === 'circle' ? 'circle' : '')
+      }) : img, title || content ? /*#__PURE__*/React.createElement("div", {
+        className: prefix + "-rows-item-text"
+      }, title ? /*#__PURE__*/React.createElement("span", {
+        className: prefix + "-rows-item-title"
+      }, title) : null, content ? /*#__PURE__*/React.createElement("span", {
+        className: prefix + "-rows-item-content"
+      }, content) : null) : null, (index + 1) % columns !== 0 ? /*#__PURE__*/React.createElement("i", {
+        className: "vertical-border"
+      }) : null, (row + 1) % rows !== 0 ? /*#__PURE__*/React.createElement("i", {
+        className: "horizontal-border"
+      }) : null);
+    }), fakeGrids.map(function (_, i) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: cls(prefix + "-rows-item fake-col"),
+        key: i,
+        style: widthStyle
+      });
+    }));
+  };
+
+  var getGrid = function getGrid(prefix, dataArr) {
+    var rows = dataArr.length || 1;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, dataArr.map(function (item, index) {
+      return getRows(prefix, item, rows, index);
+    }));
+  };
+
+  var renderEl = function renderEl(_ref) {
+    var prefixCls = _ref.prefixCls;
+    var prefix = prefixCls + "-grid";
+    var dataLength = (data == null ? void 0 : data.length) || 0;
+
+    if (dataLength === 0) {
+      return null;
+    }
+
+    var index = 0;
+    var newArr = [];
+
+    while (index < dataLength) {
+      newArr.push(data.slice(index, isSliding ? index += dataLength : index += columns));
+    }
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: cls(prefix, className, isSliding ? 'sliding' : ''),
+      style: style,
+      ref: domRef
+    }, getGrid(prefix, newArr));
+  };
+
+  return /*#__PURE__*/React.createElement(ContextLayout, null, renderEl);
+});
+export default Grid;

package/esm/grid/style/css/index.css

@@ -0,0 +1,115 @@
+.arco-grid {
+  width: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+          flex-direction: column;
+}
+.arco-grid-rows {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+}
+.arco-grid-rows-item {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+          justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+          align-items: center;
+  width: 100%;
+}
+.arco-grid-rows-item-icon {
+  width:  0.64rem ;
+  height:  0.64rem ;
+}
+.arco-grid-rows-item-icon.circle {
+  border-radius: 50%;
+}
+.arco-grid-rows-item-text {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+          flex-direction: column;
+  margin-top:  0.16rem ;
+  text-align: center;
+}
+.arco-grid-rows-item-title {
+  font-size:  0.32rem ;
+  line-height:  0.4rem ;
+}
+.arco-grid-rows-item-content {
+  font-size:  0.24rem ;
+  line-height:  0.32rem ;
+  margin-top:  0.04rem ;
+  color:  #86909c ;
+}
+.arco-grid-rows-item.horizontal {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: row;
+          flex-direction: row;
+}
+.arco-grid-rows-item.horizontal .arco-grid-rows-item-text {
+  margin-left:  0.24rem ;
+  margin-top: 0;
+  text-align: left;
+}
+.arco-grid-rows-item.horizontal .arco-grid-rows-item-content {
+  margin-top:  0 ;
+}
+.arco-grid-rows-item.border {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+          align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+          justify-content: center;
+}
+.arco-grid-rows-item.border .vertical-border:after {
+  content: "";
+  width: 1px;
+  position: absolute;
+  top: 50%;
+  right: 0;
+  -webkit-transform: scaleX(0.5) translateY(-50%);
+          transform: scaleX(0.5) translateY(-50%);
+  height:  66.66% ;
+  background-color:  #e5e6eb ;
+}
+.arco-grid-rows-item.border .horizontal-border:after {
+  content: "";
+  height: 1px;
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  -webkit-transform: scaleY(0.5) translateX(-50%);
+          transform: scaleY(0.5) translateX(-50%);
+  width:  66.66% ;
+  background-color:  #e5e6eb ;
+}
+.arco-grid.sliding {
+  display: inline-block;
+  overflow-x: auto;
+}
+.arco-grid.sliding::-webkit-scrollbar {
+  display: none;
+  /* Chrome Safari */
+}

package/esm/grid/style/css/index.d.ts

@@ -0,0 +1,2 @@
+import '../../../../style/css/public.css';
+import './index.css';

package/esm/grid/style/css/index.js

@@ -0,0 +1,2 @@
+import '../../../../style/css/public.css';
+import './index.css';

package/esm/grid/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../../style/public.less';
+import './index.less';

package/esm/grid/style/index.js

@@ -0,0 +1,2 @@
+import '../../../style/public.less';
+import './index.less';

package/esm/grid/style/index.less

@@ -0,0 +1,103 @@
+@import "../../../style/mixin.less";
+
+.@{prefix}-grid {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+
+    &-rows {
+        display: flex;
+
+        &-item {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            width: 100%;
+
+            &-icon {
+                .use-var(width, grid-icon-width);
+                .use-var(height, grid-icon-height);
+            }
+
+            &-icon.circle {
+                border-radius: 50%;
+            }
+
+            &-text {
+                display: flex;
+                flex-direction: column;
+                .use-var(margin-top, grid-vertical-text-margin-top);
+                text-align: center;
+            }
+
+            &-title {
+                .use-var(font-size, grid-vertical-title-font-size);
+                .use-var(line-height, grid-vertical-title-line-height);
+            }
+
+            &-content {
+                .use-var(font-size, grid-vertical-content-font-size);
+                .use-var(line-height, grid-vertical-content-line-height);
+                .use-var(margin-top, grid-vertical-content-margin-top);
+                .use-var(color, sub-info-font-color);
+            }
+
+        }
+
+        &-item.horizontal {
+            flex-direction: row;
+
+            .@{prefix}-grid-rows-item {
+
+                &-text {
+                    .use-var(margin-left, grid-horizontal-text-margin-left);
+                    margin-top: 0;
+                    text-align: left;
+                }
+
+                &-content {
+                    .use-var(margin-top, grid-horizontal-content-margin-top);
+                }
+
+            }
+        }
+
+        &-item.border {
+            position: relative;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            .vertical-border:after {
+                content: "";
+                width: 1px;
+                position: absolute;
+                top: 50%;
+                right: 0;
+                transform: scaleX(.5) translateY(-50%);
+                .use-var(height, grid-border-size);
+                .use-var(background-color, grid-border-color);
+            }
+
+            .horizontal-border:after {
+                content: "";
+                height: 1px;
+                position: absolute;
+                bottom: 0;
+                left: 50%;
+                transform: scaleY(.5) translateX(-50%);
+                .use-var(width, grid-border-size);
+                .use-var(background-color, grid-border-color);
+            }
+        }
+    }
+}
+.@{prefix}-grid.sliding {
+    display: inline-block;
+    overflow-x: auto;
+}
+
+.@{prefix}-grid.sliding::-webkit-scrollbar {
+    display: none; /* Chrome Safari */
+}

package/esm/icon/IconAdd/index.d.ts

@@ -0,0 +1,7 @@
+import { SVGAttributes, CSSProperties } from 'react';
+export interface IconProps extends SVGAttributes<SVGElement> {
+    className?: string;
+    useCurrentColor?: boolean;
+    style?: CSSProperties;
+}
+export default function IconAdd(props: IconProps): JSX.Element;

package/esm/icon/IconAdd/index.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["className", "useCurrentColor", "style"];
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconAdd(props) {
+  var _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$useCurrentColo = props.useCurrentColor,
+      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+      style = props.style,
+      other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
+    var prefixCls = _ref.prefixCls;
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      className: prefixCls + "-icon " + prefixCls + "-icon-add " + className,
+      width: "1em",
+      height: "1em",
+      style: style,
+      viewBox: "0 0 1024 1024",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, other), /*#__PURE__*/React.createElement("path", {
+      fill: useCurrentColor ? 'currentColor' : '#000',
+      d: "M527.317 85.333c9.515 0 12.95.982 16.427 2.859a19.337 19.337 0 018.064 8.064c1.877 3.477 2.859 6.912 2.859 16.427v356.65h356.65c9.515 0 12.95.982 16.427 2.859a19.337 19.337 0 018.064 8.064c1.877 3.477 2.859 6.912 2.859 16.427v30.634c0 9.515-.982 12.95-2.859 16.427a19.392 19.392 0 01-8.064 8.064c-3.477 1.877-6.912 2.859-16.427 2.859h-356.65v356.65c0 9.515-.982 12.95-2.859 16.427a19.392 19.392 0 01-8.064 8.064c-3.477 1.877-6.912 2.859-16.427 2.859h-30.634c-9.515 0-12.95-.982-16.427-2.859a19.392 19.392 0 01-8.064-8.064c-1.877-3.477-2.859-6.912-2.859-16.427l-.021-356.65h-356.63c-9.514 0-12.949-.982-16.426-2.859a19.392 19.392 0 01-8.064-8.064c-1.877-3.477-2.859-6.912-2.859-16.427v-30.634c0-9.515.982-12.95 2.859-16.427a19.392 19.392 0 018.064-8.064c3.477-1.877 6.912-2.859 16.427-2.859l356.65-.021v-356.63c0-9.514.982-12.949 2.859-16.426a19.392 19.392 0 018.064-8.064c3.477-1.877 6.912-2.859 16.427-2.859h30.634z"
+    }));
+  });
+}

package/esm/icon/IconArrowBack/index.d.ts

@@ -0,0 +1,7 @@
+import { SVGAttributes, CSSProperties } from 'react';
+export interface IconProps extends SVGAttributes<SVGElement> {
+    className?: string;
+    useCurrentColor?: boolean;
+    style?: CSSProperties;
+}
+export default function IconArrowBack(props: IconProps): JSX.Element;

package/esm/icon/IconArrowBack/index.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["className", "useCurrentColor", "style"];
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconArrowBack(props) {
+  var _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$useCurrentColo = props.useCurrentColor,
+      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+      style = props.style,
+      other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
+    var prefixCls = _ref.prefixCls;
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      className: prefixCls + "-icon " + prefixCls + "-icon-arrow-back " + className,
+      width: "1em",
+      height: "1em",
+      style: style,
+      fill: useCurrentColor ? 'currentColor' : '#000',
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 16 16"
+    }, other), /*#__PURE__*/React.createElement("path", {
+      d: "M2.1 8l5.4 5.4c.1.1.1.3 0 .5l-.5.5c-.1.1-.3.1-.5 0L.7 8.5c-.3-.3-.3-.7 0-.9l5.9-5.9c.1-.1.3-.1.5 0l.5.5c.1.1.1.3 0 .5L2.1 8z"
+    }));
+  });
+}

package/esm/icon/IconArrowDown/index.d.ts

@@ -0,0 +1,7 @@
+import { SVGAttributes, CSSProperties } from 'react';
+export interface IconProps extends SVGAttributes<SVGElement> {
+    className?: string;
+    useCurrentColor?: boolean;
+    style?: CSSProperties;
+}
+export default function IconArrowDown(props: IconProps): JSX.Element;

package/esm/icon/IconArrowDown/index.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["className", "useCurrentColor", "style"];
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconArrowDown(props) {
+  var _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$useCurrentColo = props.useCurrentColor,
+      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+      style = props.style,
+      other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
+    var prefixCls = _ref.prefixCls;
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      className: prefixCls + "-icon " + prefixCls + "-icon-arrow-down " + className,
+      width: "1em",
+      height: "1em",
+      style: style,
+      viewBox: "0 0 1024 1024",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, other), /*#__PURE__*/React.createElement("path", {
+      fill: useCurrentColor ? 'currentColor' : '#000',
+      d: "M512 676.864l346.944-346.965a21.333 21.333 0 0130.187 0l30.165 30.186a21.333 21.333 0 010 30.166L542.166 767.36a42.667 42.667 0 01-60.331 0L104.704 390.25a21.333 21.333 0 010-30.165l30.165-30.186a21.333 21.333 0 0130.187 0L512 676.864z"
+    }));
+  });
+}

package/esm/icon/IconArrowIn/index.d.ts

@@ -0,0 +1,7 @@
+import { SVGAttributes, CSSProperties } from 'react';
+export interface IconProps extends SVGAttributes<SVGElement> {
+    className?: string;
+    useCurrentColor?: boolean;
+    style?: CSSProperties;
+}
+export default function IconArrowIn(props: IconProps): JSX.Element;

package/esm/icon/IconArrowIn/index.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["className", "useCurrentColor", "style"];
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconArrowIn(props) {
+  var _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$useCurrentColo = props.useCurrentColor,
+      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+      style = props.style,
+      other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
+    var prefixCls = _ref.prefixCls;
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      className: prefixCls + "-icon " + prefixCls + "-icon-arrow-in " + className,
+      width: "1em",
+      height: "1em",
+      style: style,
+      fill: useCurrentColor ? 'currentColor' : '#000',
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 16 16"
+    }, other), /*#__PURE__*/React.createElement("path", {
+      d: "M13.9 8L8.4 2.6c-.1-.1-.1-.3 0-.5l.5-.5c.1-.1.3-.1.5 0l5.9 5.9c.3.3.3.7 0 .9l-5.9 5.9c-.1.1-.3.1-.5 0l-.5-.5c-.1-.1-.1-.3 0-.5L13.9 8z"
+    }));
+  });
+}

package/esm/icon/IconArrowUp/index.d.ts

@@ -0,0 +1,7 @@
+import { SVGAttributes, CSSProperties } from 'react';
+export interface IconProps extends SVGAttributes<SVGElement> {
+    className?: string;
+    useCurrentColor?: boolean;
+    style?: CSSProperties;
+}
+export default function IconArrowUp(props: IconProps): JSX.Element;

package/esm/icon/IconArrowUp/index.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["className", "useCurrentColor", "style"];
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconArrowUp(props) {
+  var _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$useCurrentColo = props.useCurrentColor,
+      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+      style = props.style,
+      other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
+    var prefixCls = _ref.prefixCls;
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      className: prefixCls + "-icon " + prefixCls + "-icon-arrow-up " + className,
+      width: "1em",
+      height: "1em",
+      style: style,
+      viewBox: "0 0 1024 1024",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, other), /*#__PURE__*/React.createElement("path", {
+      fill: useCurrentColor ? 'currentColor' : '#000',
+      d: "M512 329.472L165.056 676.416a21.333 21.333 0 01-30.187 0l-30.165-30.165a21.333 21.333 0 010-30.166l377.13-377.152a42.667 42.667 0 0160.331 0l377.131 377.131a21.333 21.333 0 010 30.165l-30.165 30.166a21.333 21.333 0 01-30.187 0L512 329.472z"
+    }));
+  });
+}

package/esm/icon/IconCheck/index.d.ts

@@ -0,0 +1,7 @@
+import { SVGAttributes, CSSProperties } from 'react';
+export interface IconProps extends SVGAttributes<SVGElement> {
+    className?: string;
+    useCurrentColor?: boolean;
+    style?: CSSProperties;
+}
+export default function IconCheck(props: IconProps): JSX.Element;

package/esm/icon/IconCheck/index.js

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["className", "useCurrentColor", "style"];
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconCheck(props) {
+  var _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$useCurrentColo = props.useCurrentColor,
+      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+      style = props.style,
+      other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
+    var prefixCls = _ref.prefixCls;
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      className: prefixCls + "-icon " + prefixCls + "-icon-check " + className,
+      width: "1em",
+      height: "1em",
+      style: style,
+      viewBox: "0 0 20 20",
+      fill: useCurrentColor ? 'currentColor' : '#000',
+      xmlns: "http://www.w3.org/2000/svg"
+    }, other), /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M16.702 4.47a.5.5 0 00-.705.06L8.33 13.596 3.82 9.724a.5.5 0 00-.705.054l-.652.758a.5.5 0 00.054.706L7.361 15.4a.5.5 0 00.054.053l.526.445.22.188a.5.5 0 00.722-.047l8.641-10.218a.5.5 0 00-.059-.705l-.763-.645z",
+      fill: useCurrentColor ? 'currentColor' : '#000'
+    }));
+  });
+}

package/esm/icon/IconCheckBold/index.d.ts

@@ -0,0 +1,7 @@
+import { SVGAttributes, CSSProperties } from 'react';
+export interface IconProps extends SVGAttributes<SVGElement> {
+    className?: string;
+    useCurrentColor?: boolean;
+    style?: CSSProperties;
+}
+export default function IconCheckBold(props: IconProps): JSX.Element;

package/esm/icon/IconCheckBold/index.js

@@ -0,0 +1,32 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["className", "useCurrentColor", "style"];
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconCheckBold(props) {
+  var _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$useCurrentColo = props.useCurrentColor,
+      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+      style = props.style,
+      other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
+    var prefixCls = _ref.prefixCls;
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      className: prefixCls + "-icon " + prefixCls + "-icon-check-bold " + className,
+      width: "1em",
+      height: "1em",
+      style: style,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 -0.97 10.07 10.07"
+    }, other), /*#__PURE__*/React.createElement("g", {
+      "data-name": "\u56FE\u5C42 2"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M9.22.12a.49.49 0 00-.7.06L3.86 5.69 1.4 3.57a.51.51 0 00-.71.06l-.57.66A.49.49 0 00.17 5L3 7.38v.07l.69.55a.53.53 0 00.71 0l.6-.71a.22.22 0 000-.08l5-5.82a.51.51 0 00-.11-.71z",
+      fill: useCurrentColor ? 'currentColor' : '#000',
+      fillRule: "evenodd",
+      "data-name": "\u56FE\u5C42 1"
+    })));
+  });
+}

package/esm/icon/IconCircleChecked/index.d.ts

@@ -0,0 +1,7 @@
+import { SVGAttributes, CSSProperties } from 'react';
+export interface IconProps extends SVGAttributes<SVGElement> {
+    className?: string;
+    useCurrentColor?: boolean;
+    style?: CSSProperties;
+}
+export default function IconCircleChecked(props: IconProps): JSX.Element;