@arco-design/mobile-react 2.31.6 → 2.33.0

package/esnext/grid/style/index.less

@@ -0,0 +1,157 @@
+@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-with-rtl(margin-left, grid-horizontal-text-margin-left);
+                    margin-top: 0;
+                    .set-value-with-rtl(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 */
+}
+
+.@{prefix}-grid {
+    .@{prefix}-image-picker {
+        width: 100%; /* 兼容grid和image-picker组合使用 */
+    }
+}
+
+/***************************************************
+ *                                                 *
+ *               Arco Theme Style                  *
+ *                                                 *
+ ***************************************************/
+& when (@use-dark-mode = 1) {
+    
+  .process-bg-color-with-config,
+  .process-custom-icon-bg-color-with-config {
+    @{arco-dark-mode-selector} & {
+      .use-var(color, dark-steps-process-with-config-item-icon-color);
+      .use-var(color, dark-steps-process-with-config-item-icon-color);
+    }
+  }
+  .wait-custom-icon-bg-color-with-config {
+    @{arco-dark-mode-selector} & {
+      .use-var(background, dark-steps-wait-icon-num-background);
+      .use-var(color, dark-sub-info-font-color);
+      .use-var(background, dark-steps-wait-icon-num-background);
+      .use-var(color, dark-sub-info-font-color);
+    }
+  }
+  .@{prefix}-grid {
+    &-rows {
+      &-item {
+        &-content {
+          @{arco-dark-mode-selector} & {
+            .use-var(color, dark-sub-info-font-color);
+          }
+        }
+      }
+      &-item.border {
+        .vertical-border:after {
+          @{arco-dark-mode-selector} & {
+            .use-var(background-color, dark-grid-border-color);
+          }
+        }
+        .horizontal-border:after {
+          @{arco-dark-mode-selector} & {
+            .use-var(background-color, dark-grid-border-color);
+          }
+        }
+      }
+    }
+  }
+}
+/********************* End *************************/

package/esnext/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/esnext/icon/IconAdd/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconAdd(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ 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),
+        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/esnext/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/esnext/icon/IconArrowBack/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconArrowBack(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ 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),
+        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/esnext/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/esnext/icon/IconArrowDown/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconArrowDown(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ 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),
+        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/esnext/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/esnext/icon/IconArrowIn/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconArrowIn(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ 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),
+        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/esnext/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/esnext/icon/IconArrowUp/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconArrowUp(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ 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),
+        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/esnext/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/esnext/icon/IconCheck/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconCheck(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ 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),
+        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" })))));
+}

package/esnext/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/esnext/icon/IconCheckBold/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconCheckBold(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ 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),
+        React.createElement("g", { "data-name": "\u56FE\u5C42 2" },
+            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/esnext/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;

package/esnext/icon/IconCircleChecked/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconCircleChecked(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-circle-checked ${className}`, width: "1em", height: "1em", style: style, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" }, other),
+        React.createElement("path", { d: "M10 1c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm4.9 6.3L10 13.2s0 .1-.1.1l-.6.7c-.1.1-.2.1-.3.2-.1 0-.3 0-.4-.1l-.6-.7-.1-.1-2.8-2.4c-.2-.2-.2-.5-.1-.7l.6-.7c.2-.2.5-.2.7-.1l2.5 2.1L13.5 6c.2-.2.5-.2.7-.1l.7.6c.1.3.2.6 0 .8z", fillRule: "evenodd", clipRule: "evenodd", fill: useCurrentColor ? 'currentColor' : '#000' })))));
+}

package/esnext/icon/IconCircleDisabled/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 IconCircleDisabled(props: IconProps): JSX.Element;

package/esnext/icon/IconCircleDisabled/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconCircleDisabled(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-circle-disabled ${className}`, width: "1em", height: "1em", style: style, viewBox: "0 0 20 20", fill: useCurrentColor ? 'currentColor' : '#F7F8FA', xmlns: "http://www.w3.org/2000/svg" }, other),
+        React.createElement("path", { d: "M18.375 10a8.375 8.375 0 11-16.75 0 8.375 8.375 0 0116.75 0z", stroke: "#E5E6EB", strokeWidth: "1.25" })))));
+}

package/esnext/icon/IconCircleUnchecked/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 IconCircleUnchecked(props: IconProps): JSX.Element;

package/esnext/icon/IconCircleUnchecked/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconCircleUnchecked(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-circle-unchecked ${className}`, width: "1em", height: "1em", style: style, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" }, other),
+        React.createElement("path", { d: "M10 19c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9zm0-17c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8z", fill: useCurrentColor ? 'currentColor' : '#000' })))));
+}

package/esnext/icon/IconClear/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 IconClear(props: IconProps): JSX.Element;

package/esnext/icon/IconClear/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconClear(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-clear ${className}`, width: "1em", height: "1em", style: style, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18" }, other),
+        React.createElement("path", { d: "M9 1.1C4.7 1.1 1.1 4.7 1.1 9s3.5 7.9 7.9 7.9 7.9-3.5 7.9-7.9S13.3 1.1 9 1.1zm3.4 10.2c.2.2.2.5 0 .7l-.5.5c-.2.2-.5.2-.7 0L9 10.3l-2.2 2.2c-.2.2-.5.2-.7 0l-.6-.5c-.2-.2-.2-.5 0-.7l2.2-2.2-2.2-2.3c-.2-.2-.2-.5 0-.7l.5-.5c.2-.2.5-.2.7 0l2.2 2.2 2.2-2.2c.2-.2.5-.2.7 0l.5.5c.2.2.2.5 0 .7L10.1 9l2.3 2.3z", fill: useCurrentColor ? 'currentColor' : '#000' })))));
+}

package/esnext/icon/IconClose/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 IconClose(props: IconProps): JSX.Element;

package/esnext/icon/IconClose/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconClose(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-close ${className}`, width: "1em", height: "1em", style: style, viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg" }, other),
+        React.createElement("path", { fill: useCurrentColor ? 'currentColor' : '#000', d: "M509.568 447.083L796.16 160.469a21.333 21.333 0 0130.165 0l30.166 30.166a21.333 21.333 0 010 30.186L569.899 507.435l286.613 286.592a21.333 21.333 0 010 30.165l-30.165 30.165a21.333 21.333 0 01-30.166 0L509.568 567.765 222.933 854.38a21.333 21.333 0 01-30.186 0l-30.166-30.166a21.333 21.333 0 010-30.165l286.614-286.613L162.603 220.8a21.333 21.333 0 010-30.187l30.165-30.165a21.333 21.333 0 0130.187 0l286.613 286.613z" })))));
+}

package/esnext/icon/IconCloseBold/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 IconCloseBold(props: IconProps): JSX.Element;

package/esnext/icon/IconCloseBold/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconCloseBold(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-close-bold ${className}`, width: "1em", height: "1em", style: style, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 6.92 6.92" }, other),
+        React.createElement("g", { "data-name": "\u56FE\u5C42 2" },
+            React.createElement("path", { d: "M6.16.15l.62.62a.5.5 0 010 .7l-2 2 2 2a.51.51 0 010 .71l-.62.62a.51.51 0 01-.71 0l-2-2-2 2a.5.5 0 01-.7 0l-.6-.64a.5.5 0 010-.71l2-2-2-2a.48.48 0 010-.7l.62-.6a.48.48 0 01.7 0l2 2 2-2a.5.5 0 01.69 0z", fill: useCurrentColor ? 'currentColor' : '#000', fillRule: "evenodd", "data-name": "\u56FE\u5C42 1" }))))));
+}

package/esnext/icon/IconDelete/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 IconDelete(props: IconProps): JSX.Element;

package/esnext/icon/IconDelete/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconDelete(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-delete ${className}`, width: "1em", height: "1em", style: style, viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg" }, other),
+        React.createElement("path", { fill: useCurrentColor ? 'currentColor' : '#000', d: "M640 85.333A42.667 42.667 0 01682.667 128l-.022 42.645 228.694.022c9.493 0 12.928.981 16.426 2.858a19.41 19.41 0 018.043 8.064c1.877 3.478 2.859 6.912 2.859 16.427v30.635c0 9.514-.982 12.949-2.859 16.426a19.392 19.392 0 01-8.064 8.064c-3.477 1.878-6.912 2.859-16.427 2.859l-57.984-.021V896a42.667 42.667 0 01-42.666 42.667H213.333A42.667 42.667 0 01170.667 896l-.022-640.021-57.962.021c-9.515 0-12.95-.981-16.427-2.859a19.392 19.392 0 01-8.064-8.064c-1.877-3.477-2.859-6.912-2.859-16.426v-30.635c0-9.515.982-12.95 2.859-16.427a19.392 19.392 0 018.064-8.064c3.477-1.877 6.912-2.858 16.427-2.858l228.629-.022.021-42.645A42.667 42.667 0 01384 85.333h256zM768 256H256v597.333h512V256zM448 384a21.333 21.333 0 0121.333 21.333V704A21.333 21.333 0 01448 725.333h-42.667A21.333 21.333 0 01384 704V405.333A21.333 21.333 0 01405.333 384H448zm170.667 0A21.333 21.333 0 01640 405.333V704a21.333 21.333 0 01-21.333 21.333H576A21.333 21.333 0 01554.667 704V405.333A21.333 21.333 0 01576 384h42.667z" })))));
+}

package/esnext/icon/IconDownload/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 IconDownload(props: IconProps): JSX.Element;

package/esnext/icon/IconDownload/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconDownload(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-download ${className}`, width: "1em", height: "1em", style: style, fill: useCurrentColor ? 'currentColor' : '#000', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" }, other),
+        React.createElement("path", { d: "M7.3,8.8V1.7h1.3v7.1l1.9-1.9l0.9,0.9L8,11.3L4.5,7.8l0.9-0.9L7.3,8.8z M3.3,13v-1.3H2v2.7h12v-2.7\th-1.3V13H3.3z", fillRule: "evenodd", clipRule: "evenodd" })))));
+}

package/esnext/icon/IconEdit/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 IconEdit(props: IconProps): JSX.Element;

package/esnext/icon/IconEdit/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconEdit(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-edit ${className}`, width: "1em", height: "1em", style: style, viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg" }, other),
+        React.createElement("path", { fill: useCurrentColor ? 'currentColor' : '#000', d: "M917.333 874.859a21.333 21.333 0 0121.334 21.333v42.667a21.333 21.333 0 01-21.334 21.333H106.667a21.333 21.333 0 01-21.334-21.333v-42.667a21.333 21.333 0 0121.334-21.333h810.666zM628.245 97.835l.086.085 146.517 147.285a42.667 42.667 0 01-.085 60.267l-25.131 25.11h.021L290.731 789.546H128a42.667 42.667 0 01-42.56-39.488l-.107-3.222V584.128L537.92 128l-.107-.107 30.08-30.08a42.667 42.667 0 0160.352 0zM464.277 322.133L172.053 620.117v.107l82.56 82.56h.128l294.934-295.232-85.398-85.397zm132.438-135.018l-72.662 74.09 85.952 85.952 73.11-73.194-86.4-86.848z" })))));
+}

package/esnext/icon/IconErrorCircle/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 IconErrorCircle(props: IconProps): JSX.Element;

package/esnext/icon/IconErrorCircle/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconErrorCircle(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-error-circle ${className}`, width: "1em", height: "1em", style: style, fill: useCurrentColor ? 'currentColor' : '#000', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" }, other),
+        React.createElement("path", { d: "M12 24C5.4 24 0 18.6 0 12S5.4 0 12 0s12 5.4 12 12-5.4 12-12 12zm0-22.5C6.2 1.5 1.5 6.2 1.5 12S6.2 22.5 12 22.5 22.5 17.8 22.5 12 17.8 1.5 12 1.5z" }),
+        React.createElement("path", { d: "M13.1 12l3.7-3.7c.3-.3.3-.7 0-1l-.1-.1c-.3-.3-.7-.3-1 0L12 10.9 8.3 7.2c-.3-.3-.7-.3-1 0l-.1.1c-.3.3-.3.7 0 1l3.7 3.7-3.7 3.7c-.3.3-.3.7 0 1l.1.1c.2.1.3.2.5.2s.4-.1.5-.2l3.7-3.7 3.7 3.7c.3.3.7.3 1 0l.1-.1c.3-.3.3-.7 0-1L13.1 12z" })))));
+}

package/esnext/icon/IconEyeInvisible/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 IconEyeInvisible(props: IconProps): JSX.Element;

package/esnext/icon/IconEyeInvisible/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconEyeInvisible(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-eye-invisible ${className}`, width: "1em", height: "1em", style: style, viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg" }, other),
+        React.createElement("path", { fill: useCurrentColor ? 'currentColor' : '#000', d: "M139.435 79.083l814.57 814.592a21.333 21.333 0 010 30.165l-30.165 30.165a21.333 21.333 0 01-30.165 0L79.083 139.435a21.333 21.333 0 010-30.187l30.165-30.165a21.333 21.333 0 0130.187 0zm31.125 242.282l55.787 55.787c-33.771 37.12-66.56 81.792-98.347 134.293 117.781 190.059 245.248 277.888 383.36 277.888 36.779 0 72.832-6.229 108.16-18.944l64.15 64.128c-54.763 26.774-112.257 40.15-172.374 40.15-180.672 0-336.875-120.854-468.63-362.582 39.915-75.306 82.56-138.88 127.894-190.72zm340.736-172.032c184.235 0 340.907 120.918 470.037 362.752-40.874 74.454-84.032 137.451-129.45 188.992l-55.787-55.808c34.005-37.098 67.307-81.6 99.904-133.824-115.541-189.333-243.157-276.778-384.64-276.778-36.907 0-72.79 5.952-107.755 18.09l-64.469-64.426a394.283 394.283 0 01172.16-38.998zM342.357 493.205l188.438 188.438a170.667 170.667 0 01-188.438-188.438zM512 341.333a170.667 170.667 0 01169.643 189.462L493.205 342.357A171.045 171.045 0 01512 341.333z" })))));
+}

package/esnext/icon/IconEyeVisible/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 IconEyeVisible(props: IconProps): JSX.Element;

package/esnext/icon/IconEyeVisible/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconEyeVisible(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-eye-visible ${className}`, width: "1em", height: "1em", style: style, viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg" }, other),
+        React.createElement("path", { fill: useCurrentColor ? 'currentColor' : '#000', d: "M511.36 789.333c138.155 0 266.027-87.893 384.64-277.888-115.541-189.333-243.157-276.778-384.64-276.778-141.44 0-268.63 87.402-383.36 276.778 117.781 190.059 245.248 277.888 383.36 277.888zm-.064-640c174.357 0 324.01 108.288 449.003 324.864a714.376 714.376 0 017.317 12.95l2.24 3.989a42.667 42.667 0 01-.213 41.75 1701.554 1701.554 0 01-8.534 14.805C832.79 765.675 682.88 874.667 511.275 874.667c-170.966 0-320.022-108.224-447.19-324.694a1047.53 1047.53 0 01-7.552-13.12L54.23 532.8a42.667 42.667 0 01-.213-41.557c4.48-8.107 8.15-14.699 11.03-19.691 123.882-214.827 272.64-322.219 446.25-322.219zm.704 192a170.667 170.667 0 100 341.334 170.667 170.667 0 000-341.334zm0 85.334a85.333 85.333 0 110 170.666 85.333 85.333 0 010-170.666z" })))));
+}

package/esnext/icon/IconEyelashInvisible/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 IconEyelashInvisible(props: IconProps): JSX.Element;

package/esnext/icon/IconEyelashInvisible/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconEyelashInvisible(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-eyelash-invisible ${className}`, width: "1em", height: "1em", style: style, viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg" }, other),
+        React.createElement("path", { fill: useCurrentColor ? 'currentColor' : '#000', d: "M512 640c-28.053 0-55.488-2.219-82.112-6.443l-21.248 79.296a21.333 21.333 0 01-26.112 15.104l-41.216-11.05a21.333 21.333 0 01-15.083-26.134l20.8-77.653a473.984 473.984 0 01-97.13-45.653L182.1 635.264a21.333 21.333 0 01-30.186 0l-30.166-30.165a21.333 21.333 0 010-30.166l59.734-59.733a386.347 386.347 0 01-76.011-97.643c-1.813-3.328-4.01-7.68-6.613-13.013a21.333 21.333 0 014.074-24.32c3.904-3.947 7.083-7.04 9.515-9.237 10.453-9.536 17.835-16 24.277-22.443l1.302-1.344a19.157 19.157 0 0131.189 5.61C222.336 471.958 349.568 554.668 512 554.668c155.648 0 285.845-80.491 338.09-190.976 1.43-2.987 2.987-6.614 4.673-10.838a18.133 18.133 0 0129.632-6.08l27.413 27.414 8.085 8.085a21.333 21.333 0 014.011 24.576c-4.053 8.107-7.424 14.55-10.176 19.285a390.443 390.443 0 01-76.907 94.336l54.443 54.464a21.333 21.333 0 010 30.166l-30.165 30.165a21.333 21.333 0 01-30.166 0l-63.658-63.659a475.413 475.413 0 01-90.304 41.515l20.8 77.653a21.333 21.333 0 01-15.083 26.134l-41.216 11.05a21.333 21.333 0 01-26.112-15.104l-21.248-79.296A523.584 523.584 0 01512 640z" })))));
+}

package/esnext/icon/IconFile/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 IconFile(props: IconProps): JSX.Element;

package/esnext/icon/IconFile/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconFile(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-file ${className}`, width: "1em", height: "1em", style: style, fill: useCurrentColor ? 'currentColor' : '#000', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" }, other),
+        React.createElement("path", { d: "M2.3,2.7c0-0.7,0.6-1.3,1.3-1.3h7.3l2.7,2.7v9.3c0,0.7-0.6,1.3-1.3,1.3H3.7c-0.7,0-1.3-0.6-1.3-1.3\tV2.7z M10.4,2.7H3.7v10.7h8.7V4.6L10.4,2.7z M10.7,7.7H5.3V6.3h5.3V7.7z M8.7,10.3H5.3V9h3.3V10.3z", fillRule: "evenodd", clipRule: "evenodd" })))));
+}

package/esnext/icon/IconGift/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 IconGift(props: IconProps): JSX.Element;

package/esnext/icon/IconGift/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconGift(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-gift ${className}`, width: "1em", height: "1em", style: style, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -0.065 11 11" }, other),
+        React.createElement("g", { "data-name": "\u56FE\u5C42 2" },
+            React.createElement("path", { d: "M8.5 2.37c.14-.65.06-1.17-.2-1.32s-1.3.3-1.91 1.32H4.68C4.06 1.37 3.2.85 2.8 1c-.26.15-.34.64-.21 1.25v.07zm-3.5 3H2v4.5h3zm4 0H6v4.5h3zm-4-2H1v1h4zm5 0H6v1h4zm-9.5-1h1.05A2 2 0 012.27.19c1-.58 2.38.23 3.26 1.66C6.42.42 7.81-.39 8.8.19a2 2 0 01.72 2.18h1a.5.5 0 01.5.5v2a.5.5 0 01-.5.5H10v5a.5.5 0 01-.5.5h-8a.5.5 0 01-.5-.5v-5H.5a.5.5 0 01-.5-.5v-2a.5.5 0 01.5-.5z", fill: useCurrentColor ? 'currentColor' : '#000', "data-name": "\u56FE\u5C42 1" }))))));
+}

package/esnext/icon/IconHeart/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 IconHeart(props: IconProps): JSX.Element;

package/esnext/icon/IconHeart/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconHeart(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-heart ${className}`, width: "1em", height: "1em", style: style, fill: useCurrentColor ? 'currentColor' : '#000', viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg" }, other),
+        React.createElement("defs", null),
+        React.createElement("path", { d: "M691.2 128c135.314 0 245.029 124.343 245.029 277.943 0 91.428-40.229 153.6-73.143 204.8C771.657 760.686 548.57 921.6 537.6 928.914c-10.971 7.315-21.943 10.972-32.914 10.972-10.972 0-21.943-3.657-32.915-10.972-10.971-7.314-230.4-168.228-321.828-318.171-32.914-51.2-73.143-113.372-73.143-204.8C76.8 252.343 186.514 128 321.829 128c47.542 0 84.114 14.629 120.685 40.229 21.943 14.628 40.229 36.571 58.515 62.171 18.285-25.6 36.571-47.543 58.514-62.171C607.086 142.629 647.314 128 691.2 128zm0 84.114c-51.2 0-109.714 47.543-179.2 138.972-69.486-91.429-131.657-138.972-179.2-138.972-87.771 0-160.914 84.115-160.914 190.172 0 47.543 14.628 84.114 43.885 135.314l3.658 7.314c3.657 3.657 7.314 10.972 10.971 18.286 3.657 7.314 10.971 18.286 18.286 25.6 25.6 36.571 65.828 80.457 109.714 124.343 36.571 32.914 76.8 69.486 117.029 98.743 10.971 7.314 25.6 21.943 36.571 29.257 10.971-10.972 25.6-18.286 40.229-29.257 40.228-32.915 80.457-65.829 117.028-102.4C713.143 665.6 753.371 625.37 778.971 588.8c7.315-10.971 14.629-18.286 18.286-29.257 7.314-10.972 10.972-18.286 14.629-25.6 29.257-51.2 43.885-87.772 43.885-135.314-3.657-102.4-76.8-186.515-164.571-186.515z" })))));
+}

package/esnext/icon/IconHome/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 IconHome(props: IconProps): JSX.Element;

package/esnext/icon/IconHome/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextLayout } from '../../context-provider';
+export default function IconHome(props) {
+    const { className = '', useCurrentColor = true, style, ...other } = props;
+    return (React.createElement(ContextLayout, null, ({ prefixCls }) => (React.createElement("svg", Object.assign({ className: `${prefixCls}-icon ${prefixCls}-icon-home ${className}`, width: "1em", height: "1em", style: style, viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg" }, other),
+        React.createElement("path", { fill: useCurrentColor ? 'currentColor' : '#000', d: "M128 938.667A42.667 42.667 0 0185.333 896V384a42.667 42.667 0 0118.987-35.477l383.21-256a42.667 42.667 0 0147.34-.043l384.767 256a42.667 42.667 0 0119.03 35.52v512A42.667 42.667 0 01896 938.667H128zm341.333-21.334a21.333 21.333 0 01-20.97 21.334l127.274-.022-2.133-.128a21.333 21.333 0 01-18.837-21.184v-64h-85.334v64zm0-64.021l-21.333.021h21.333v-.021zm106.667.021l-21.333-.021v.021H576zm-64.725-674.048l-340.608 227.52v446.528H384v-256a42.667 42.667 0 0142.667-42.666h170.666A42.667 42.667 0 01640 597.333v256h213.333V406.87L511.275 179.285zM554.667 640h-85.334v213.312h85.334V640z" })))));
+}