@arco-design/mobile-react 2.30.9 → 2.31.0

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.31.0](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.30.10...@arco-design/mobile-react@2.31.0) (2024-04-09)
+
+
+### Bug Fixes
+
+* `Form` support picker components ([#249](https://github.com/arco-design/arco-design-mobile/issues/249)) ([3b1f6f7](https://github.com/arco-design/arco-design-mobile/commit/3b1f6f7460ac2417fd7c099c8f26904be972750e))
+* `Tabs` do not execute forceupdate for the first time ([#248](https://github.com/arco-design/arco-design-mobile/issues/248)) ([e05cc9f](https://github.com/arco-design/arco-design-mobile/commit/e05cc9fd5df64a1b5a5d8054fc58b5e428997711))
+* add icons ([#250](https://github.com/arco-design/arco-design-mobile/issues/250)) ([46ddefc](https://github.com/arco-design/arco-design-mobile/commit/46ddefc48fb39a51f2767ff384c535c19934b16f))
+* optimize "autoFocus" of `SearchBar`, `Input`, `Textarea` & support search QA & optimize `Tabs` document ([#253](https://github.com/arco-design/arco-design-mobile/issues/253)) ([3684d09](https://github.com/arco-design/arco-design-mobile/commit/3684d09cdbde0f1c3f41ae0ca4aa6a03be830364))
+
+
+### Features
+
+* add component `Uploader` & abstract common logic of `ImagePicker` ([#251](https://github.com/arco-design/arco-design-mobile/issues/251)) ([9f6a795](https://github.com/arco-design/arco-design-mobile/commit/9f6a79573cfe5f74589ae244732db8c13ef07f0b))
+
+
+
+
+
+## [2.30.10](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.30.9...@arco-design/mobile-react@2.30.10) (2024-03-04)
+
+
+### Bug Fixes
+
+* `Carousel` reset transforms when loop status changes ([#243](https://github.com/arco-design/arco-design-mobile/issues/243)) ([3983669](https://github.com/arco-design/arco-design-mobile/commit/398366920556ea4eb91ee87035f62443ad8db1d1))
+* `Picker` onOk method adds new parameters ([#237](https://github.com/arco-design/arco-design-mobile/issues/237)) ([ef2e800](https://github.com/arco-design/arco-design-mobile/commit/ef2e8001c390174a12ca8b815e96c71436420e94))
+* `Tabs` tab-cell support "updateLayout" method ([#234](https://github.com/arco-design/arco-design-mobile/issues/234)) ([1f17383](https://github.com/arco-design/arco-design-mobile/commit/1f17383592be7917a3f8392025ada60c788738f4))
+
+
+
+
+
 ## [2.30.9](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.30.8...@arco-design/mobile-react@2.30.9) (2024-02-27)
 
 

package/README.en-US.md

@@ -59,8 +59,8 @@ React & ReactDOM: **<a href="https://reactjs.org/docs/cdn-links.html" target="_b
 React Transition Group: **<a href="https://reactcommunity.org/react-transition-group/" target="_blank">Click here</a>**
 
 ```
-<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.30.8/dist/style.min.css">
-<script src="https://unpkg.com/@arco-design/mobile-react@2.30.8/dist/index.min.js"></script>
+<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.30.10/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.30.10/dist/index.min.js"></script>
 ```
 
 ## Full import
@@ -134,6 +134,74 @@ import { Button as ArcoButton } from '@arco-design/mobile-react';
 import { IconAsk, IconBack } from '@arco-design/mobile-react/esm/icon';
 ```
 
+
+## Partial import（Vite）
+
+It is recommended to use `vite-plugin-importer` to import（**<a href="https://www.npmjs.com/package/vite-plugin-importer" target="_blank">Click here</a>** to know more from this plugin）：
+
+```
+npm install vite-plugin-importer -D
+```
+
+### Import components on demand
+
+**vite.config.ts** ：
+
+```js
+import usePluginImport from 'vite-plugin-importer'
+
+export default defineConfig({
+    plugins: [
+        usePluginImport({
+            libraryName: "@arco-design/mobile-react",
+            libraryDirectory: "esm",
+            style: (path) => `${path}/style`,
+        })
+    ]
+})
+```
+
+### Import icons on demand
+
+**vite.config.ts** ：
+
+```js
+import usePluginImport from 'vite-plugin-importer'
+
+export default defineConfig({
+    plugins: [
+        usePluginImport({
+            libraryName: "@arco-design/mobile-react/esm/icon",
+            libraryDirectory: "",
+            camel2DashComponentName: false,
+        })
+    ]
+})
+```
+
+If both component and Icon need to be imported on demand, you just declare all and do not need any change.
+
+**vite.config.ts** ：
+
+```js
+import usePluginImport from 'vite-plugin-importer'
+
+export default defineConfig({
+    plugins: [
+        usePluginImport({
+            libraryName: "@arco-design/mobile-react",
+            libraryDirectory: "esm",
+            style: (path) => `${path}/style`,
+        }),
+        usePluginImport({
+            libraryName: "@arco-design/mobile-react/esm/icon",
+            libraryDirectory: "",
+            camel2DashComponentName: false,
+        })
+    ]
+})
+```
+
 ## Partial import (manual)
 
 If you don't use babel-plugin-import, you need to import js and css files manually. The following example has the same effect as the import statement above:

package/README.md

@@ -59,8 +59,8 @@ React & ReactDOM： **<a href="https://reactjs.org/docs/cdn-links.html" target="
 React Transition Group： **<a href="https://reactcommunity.org/react-transition-group/" target="_blank">戳这里获取</a>**
 
 ```
-<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.30.8/dist/style.min.css">
-<script src="https://unpkg.com/@arco-design/mobile-react@2.30.8/dist/index.min.js"></script>
+<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.30.10/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.30.10/dist/index.min.js"></script>
 ```
 
 ## 引入全部
@@ -134,6 +134,73 @@ import { Button as ArcoButton } from '@arco-design/mobile-react';
 import { IconAsk, IconBack } from '@arco-design/mobile-react/esm/icon';
 ```
 
+## 部分引入（Vite）
+
+如果是 Vite 构建工具的话，则推荐使用 `vite-plugin-importer` 引入（该插件具体使用 **<a href="https://www.npmjs.com/package/vite-plugin-importer" target="_blank">戳这里</a>** ）：
+
+```
+npm install vite-plugin-importer -D
+```
+
+### 组件按需引入
+
+**vite.config.ts** 中配置：
+
+```js
+import usePluginImport from 'vite-plugin-importer'
+
+export default defineConfig({
+    plugins: [
+        usePluginImport({
+            libraryName: "@arco-design/mobile-react",
+            libraryDirectory: "esm",
+            style: (path) => `${path}/style`,
+        })
+    ]
+})
+```
+
+### Icon 按需引入
+
+**vite.config.ts** 中配置：
+
+```js
+import usePluginImport from 'vite-plugin-importer'
+
+export default defineConfig({
+    plugins: [
+        usePluginImport({
+            libraryName: "@arco-design/mobile-react/esm/icon",
+            libraryDirectory: "",
+            camel2DashComponentName: false,
+        })
+    ]
+})
+```
+
+如果同时存在 组件 和 Icon 的按需引入方式，不需要做改动，可以同时声明
+
+**vite.config.ts** 中配置：
+
+```js
+import usePluginImport from 'vite-plugin-importer'
+
+export default defineConfig({
+    plugins: [
+        usePluginImport({
+            libraryName: "@arco-design/mobile-react",
+            libraryDirectory: "esm",
+            style: (path) => `${path}/style`,
+        }),
+        usePluginImport({
+            libraryName: "@arco-design/mobile-react/esm/icon",
+            libraryDirectory: "",
+            camel2DashComponentName: false,
+        })
+    ]
+})
+```
+
 ## 部分引入（手动）
 
 如果不使用babel-plugin-import，则需要手动引入js和css文件。下方例子效果等同于上方引入语句：

package/cjs/carousel/index.js

@@ -655,6 +655,9 @@ var Carousel = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   function getFakeChild() {
     if (noLoop) {
+      // 循环状态从有到无时，重置 transforms
+      // @en reset transforms when loop status changes to false
+      setTransforms([]);
       return;
     }
 

package/cjs/form/form-item.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
 import { FormItemProps, FormItemRef } from './type';
+export declare function DefaultPickerLinkedContainer({ value }: {
+    value: (string | number)[];
+}): JSX.Element;
 declare const _default: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<FormItemRef>>;
 export default _default;

package/cjs/form/form-item.js

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
+exports.DefaultPickerLinkedContainer = DefaultPickerLinkedContainer;
 exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -29,6 +30,21 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function DefaultPickerLinkedContainer(_ref) {
+  var value = _ref.value;
+
+  var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
+      prefixCls = _useContext.prefixCls,
+      locale = _useContext.locale;
+
+  var className = prefixCls + "-form-picker-link-container";
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: className
+  }, value && value.length ? value.join('-') : /*#__PURE__*/_react.default.createElement("span", {
+    className: className + "-placeholder"
+  }, locale == null ? void 0 : locale.Form.pickerDefaultHint));
+}
+
 var FormItemInner = /*#__PURE__*/function (_PureComponent) {
   (0, _inheritsLoose2.default)(FormItemInner, _PureComponent);
 
@@ -215,6 +231,8 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
   _proto.renderChildren = function renderChildren() {
     var _props,
         _children$type,
+        _children$props7,
+        _children$props8,
         _this2 = this;
 
     var _this$props4 = this.props,
@@ -255,16 +273,26 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
       case _type.FormInternalComponentType.DatePicker:
         props = {
           currentTs: getFieldValue(field),
-          onChange: this.innerTriggerFunction,
-          disabled: this.props.disabled
+          onChange: this.innerTriggerFunctionWithValueFirst,
+          disabled: this.props.disabled,
+          renderLinkedContainer: ((_children$props7 = children.props) == null ? void 0 : _children$props7.renderLinkedContainer) || function (val) {
+            return /*#__PURE__*/_react.default.createElement(DefaultPickerLinkedContainer, {
+              value: val
+            });
+          }
         };
         break;
 
       case _type.FormInternalComponentType.Picker:
         props = {
-          data: getFieldValue(field),
-          onPickerChange: this.innerTriggerFunction,
-          disabled: this.props.disabled
+          value: getFieldValue(field),
+          onChange: this.innerTriggerFunctionWithValueFirst,
+          disabled: this.props.disabled,
+          renderLinkedContainer: ((_children$props8 = children.props) == null ? void 0 : _children$props8.renderLinkedContainer) || function (val) {
+            return /*#__PURE__*/_react.default.createElement(DefaultPickerLinkedContainer, {
+              value: val
+            });
+          }
         };
         break;
 
@@ -329,12 +357,12 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       className = _props$className === void 0 ? '' : _props$className,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
 
-  var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext.prefixCls;
+  var _useContext2 = (0, _react.useContext)(_contextProvider.GlobalContext),
+      prefixCls = _useContext2.prefixCls;
 
-  var _useContext2 = (0, _react.useContext)(_formItemContext.FormItemContext),
-      layout = _useContext2.layout,
-      propsDisabled = _useContext2.disabled;
+  var _useContext3 = (0, _react.useContext)(_formItemContext.FormItemContext),
+      layout = _useContext3.layout,
+      propsDisabled = _useContext3.disabled;
 
   var _useState = (0, _react.useState)(null),
       errors = _useState[0],

package/cjs/form/style/css/index.css

@@ -604,6 +604,13 @@
   height:  0.32rem ;
   line-height:  0.32rem ;
 }
+.arco-form-picker-link-container {
+  font-size: 0.32rem;
+  color:  #1d2129 ;
+}
+.arco-form-picker-link-container-placeholder {
+  color:  #c9cdd4 ;
+}
 /***************************************************
  *                                                 *
  *               Arco Theme Style                  *
@@ -638,4 +645,10 @@
 .arco-theme-dark .arco-form-item-warning-message {
   color:  #FF9626 ;
 }
+.arco-theme-dark .arco-form-picker-link-container {
+  color:  #f6f6f6 ;
+}
+.arco-theme-dark .arco-form-picker-link-container-placeholder {
+  color:  #5f5f60 ;
+}
 /********************* End *************************/

package/cjs/form/style/index.less

@@ -89,6 +89,14 @@
             }
         }
     }
+
+    &-picker-link-container {
+        .rem(font-size, 16);
+        .use-var(color, font-color);
+        &-placeholder {
+            .use-var(color, input-placeholder-color);
+        }
+    }
 }
 
 /***************************************************
@@ -149,6 +157,16 @@
         .use-var(color, dark-form-item-warning-message-color);
       }
     }
+    &-picker-link-container {
+      @{arco-dark-mode-selector} & {
+        .use-var(color, dark-font-color);
+      }
+      &-placeholder {
+        @{arco-dark-mode-selector} & {
+          .use-var(color, dark-input-placeholder-color);
+        }
+      }
+    }
   }
 }
 /********************* End *************************/

package/cjs/icon/IconCheck/index.js

@@ -35,8 +35,7 @@ function IconCheck(props) {
     }, other), /*#__PURE__*/_react.default.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'
+      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/cjs/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/cjs/icon/IconDownload/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = IconDownload;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _contextProvider = require("../../context-provider");
+
+var _excluded = ["className", "useCurrentColor", "style"];
+
+function IconDownload(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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
+    var prefixCls = _ref.prefixCls;
+    return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+      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), /*#__PURE__*/_react.default.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/cjs/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/cjs/icon/IconFile/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = IconFile;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _contextProvider = require("../../context-provider");
+
+var _excluded = ["className", "useCurrentColor", "style"];
+
+function IconFile(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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
+    var prefixCls = _ref.prefixCls;
+    return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+      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), /*#__PURE__*/_react.default.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/cjs/icon/IconKeyboard/index.js

@@ -30,6 +30,7 @@ function IconKeyboard(props) {
       height: "1em",
       style: style,
       version: "1.1",
+      id: "svg_388a56dbb6__\u56FE\u5C42_1",
       xmlns: "http://www.w3.org/2000/svg",
       x: "0",
       y: "0",

package/cjs/icon/IconQuestionCircle/index.js

@@ -35,8 +35,7 @@ function IconQuestionCircle(props) {
     }, other), /*#__PURE__*/_react.default.createElement("path", {
       fillRule: "evenodd",
       clipRule: "evenodd",
-      d: "M7.982.68a7.312 7.312 0 110 14.625 7.312 7.312 0 010-14.625zm0 1.33a5.983 5.983 0 100 11.965 5.983 5.983 0 000-11.966zm.333 8.641c.183 0 .332.15.332.333v.664a.332.332 0 01-.332.333H7.65a.332.332 0 01-.332-.333v-.664c0-.184.148-.333.332-.333h.665zm-.427-6.647c.79 0 1.447.19 1.97.574.522.382.784.95.784 1.7 0 .461-.114.85-.341 1.165-.133.191-.389.436-.766.733l-.373.293c-.202.16-.337.345-.403.558a1.8 1.8 0 00-.048.323.332.332 0 01-.331.304h-.744a.332.332 0 01-.331-.363c.043-.463.088-.755.137-.878.091-.229.325-.492.703-.79l.383-.302c.126-.096.774-.553.774-.957 0-.405-.07-.553-.273-.775-.203-.222-.66-.294-1.073-.294-.405 0-.752.108-.922.38a1.921 1.921 0 00-.189.4 1.388 1.388 0 00-.048.204.332.332 0 01-.328.276h-.782a.332.332 0 01-.33-.37c.008-.074.017-.136.025-.185.13-.722.458-1.253.985-1.592.413-.27.92-.404 1.521-.404z",
-      fill: useCurrentColor ? 'currentColor' : '#000'
+      d: "M7.982.68a7.312 7.312 0 110 14.625 7.312 7.312 0 010-14.625zm0 1.33a5.983 5.983 0 100 11.965 5.983 5.983 0 000-11.966zm.333 8.641c.183 0 .332.15.332.333v.664a.332.332 0 01-.332.333H7.65a.332.332 0 01-.332-.333v-.664c0-.184.148-.333.332-.333h.665zm-.427-6.647c.79 0 1.447.19 1.97.574.522.382.784.95.784 1.7 0 .461-.114.85-.341 1.165-.133.191-.389.436-.766.733l-.373.293c-.202.16-.337.345-.403.558a1.8 1.8 0 00-.048.323.332.332 0 01-.331.304h-.744a.332.332 0 01-.331-.363c.043-.463.088-.755.137-.878.091-.229.325-.492.703-.79l.383-.302c.126-.096.774-.553.774-.957 0-.405-.07-.553-.273-.775-.203-.222-.66-.294-1.073-.294-.405 0-.752.108-.922.38a1.921 1.921 0 00-.189.4 1.388 1.388 0 00-.048.204.332.332 0 01-.328.276h-.782a.332.332 0 01-.33-.37c.008-.074.017-.136.025-.185.13-.722.458-1.253.985-1.592.413-.27.92-.404 1.521-.404z"
     }));
   });
 }

package/cjs/icon/IconUpload/index.js

@@ -30,10 +30,12 @@ function IconUpload(props) {
       height: "1em",
       style: style,
       fill: useCurrentColor ? 'currentColor' : '#000',
-      viewBox: "0 0 1024 1024",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, other), /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.default.createElement("path", {
-      d: "M192 768c12.8 0 19.2 6.4 19.2 19.2v64h595.2v-64c0-12.8 6.4-19.2 19.2-19.2h44.8c12.8 0 19.2 6.4 19.2 19.2V896c0 25.6-19.2 44.8-44.8 44.8h-672c-25.6 0-44.8-19.2-44.8-44.8V787.2c0-12.8 6.4-19.2 19.2-19.2H192zM531.2 89.6l211.2 211.2c6.4 6.4 6.4 19.2 0 32l-32 32c-6.4 6.4-19.2 6.4-32 0l-128-128v473.6c0 12.8-6.4 19.2-19.2 19.2h-38.4c-12.8 0-19.2-6.4-19.2-19.2V249.6L352 364.8c-6.4 6.4-25.6 6.4-32 0l-32-32c-6.4-6.4-6.4-19.2 0-32L499.2 89.6c12.8-6.4 25.6-6.4 32 0z"
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 14 14"
+    }, other), /*#__PURE__*/_react.default.createElement("path", {
+      d: "M7,1.5l3.1,3.1L9.2,5.4L7.6,3.7v5.9H6.4V3.7L4.8,5.4L3.9,4.6L7,1.5z M2.9,11.4v-1.2H1.8v2.3h10.5\tv-2.3h-1.2v1.2H2.9z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
     }));
   });
 }

package/cjs/icon/IconUserFill/index.js

@@ -33,8 +33,7 @@ function IconUserFill(props) {
       fill: useCurrentColor ? 'currentColor' : '#000',
       xmlns: "http://www.w3.org/2000/svg"
     }, other), /*#__PURE__*/_react.default.createElement("path", {
-      d: "M12.5 10.833c2.301 0 5 1.786 5 5v2.5c0 .46-.373.834-.833.834H3.333a.833.833 0 01-.833-.834v-2.5c0-3.211 2.699-5 5-5h5zM10 1.25a4.167 4.167 0 110 8.333 4.167 4.167 0 010-8.333z",
-      fill: useCurrentColor ? 'currentColor' : '#000'
+      d: "M12.5 10.833c2.301 0 5 1.786 5 5v2.5c0 .46-.373.834-.833.834H3.333a.833.833 0 01-.833-.834v-2.5c0-3.211 2.699-5 5-5h5zM10 1.25a4.167 4.167 0 110 8.333 4.167 4.167 0 010-8.333z"
     }));
   });
 }

package/cjs/icon/index.d.ts

@@ -1,4 +1,3 @@
-export { default as IconUpload } from './IconUpload';
 export { default as IconSquareChecked } from './IconSquareChecked';
 export { default as IconTriUp } from './IconTriUp';
 export { default as IconMore } from './IconMore';
@@ -54,4 +53,7 @@ export { default as IconGift } from './IconGift';
 export { default as IconStarHalf } from './IconStarHalf';
 export { default as IconKeyboard } from './IconKeyboard';
 export { default as IconKeyboardDelete } from './IconKeyboardDelete';
+export { default as IconDownload } from './IconDownload';
+export { default as IconFile } from './IconFile';
+export { default as IconUpload } from './IconUpload';
 export * from './type';

package/cjs/icon/index.js

@@ -4,7 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 
 exports.__esModule = true;
 var _exportNames = {
-  IconUpload: true,
   IconSquareChecked: true,
   IconTriUp: true,
   IconMore: true,
@@ -59,13 +58,12 @@ var _exportNames = {
   IconGift: true,
   IconStarHalf: true,
   IconKeyboard: true,
-  IconKeyboardDelete: true
+  IconKeyboardDelete: true,
+  IconDownload: true,
+  IconFile: true,
+  IconUpload: true
 };
-exports.IconWarnCircleFill = exports.IconWarnCircle = exports.IconUserFill = exports.IconUser = exports.IconUpload = exports.IconTriUp = exports.IconTriDown = exports.IconSuccessCircle = exports.IconSubway = exports.IconStarHalf = exports.IconStarFill = exports.IconStar = exports.IconSquareUnchecked = exports.IconSquareDisabled = exports.IconSquareChecked = exports.IconSound = exports.IconSmileFill = exports.IconShopping = exports.IconShop = exports.IconSetting = exports.IconSearch = exports.IconScan = exports.IconSad = exports.IconRefresh = exports.IconQuestionCircle = exports.IconPlay = exports.IconPicture = exports.IconNoticeOff = exports.IconNotice = exports.IconMore = exports.IconMinus = exports.IconLikeCircle = exports.IconKeyboardDelete = exports.IconKeyboard = exports.IconHome = exports.IconHeart = exports.IconGift = exports.IconEyelashInvisible = exports.IconEyeVisible = exports.IconEyeInvisible = exports.IconErrorCircle = exports.IconEdit = exports.IconDelete = exports.IconCloseBold = exports.IconClose = exports.IconClear = exports.IconCircleUnchecked = exports.IconCircleDisabled = exports.IconCircleChecked = exports.IconCheckBold = exports.IconCheck = exports.IconArrowUp = exports.IconArrowIn = exports.IconArrowDown = exports.IconArrowBack = exports.IconAdd = void 0;
-
-var _IconUpload = _interopRequireDefault(require("./IconUpload"));
-
-exports.IconUpload = _IconUpload.default;
+exports.IconWarnCircleFill = exports.IconWarnCircle = exports.IconUserFill = exports.IconUser = exports.IconUpload = exports.IconTriUp = exports.IconTriDown = exports.IconSuccessCircle = exports.IconSubway = exports.IconStarHalf = exports.IconStarFill = exports.IconStar = exports.IconSquareUnchecked = exports.IconSquareDisabled = exports.IconSquareChecked = exports.IconSound = exports.IconSmileFill = exports.IconShopping = exports.IconShop = exports.IconSetting = exports.IconSearch = exports.IconScan = exports.IconSad = exports.IconRefresh = exports.IconQuestionCircle = exports.IconPlay = exports.IconPicture = exports.IconNoticeOff = exports.IconNotice = exports.IconMore = exports.IconMinus = exports.IconLikeCircle = exports.IconKeyboardDelete = exports.IconKeyboard = exports.IconHome = exports.IconHeart = exports.IconGift = exports.IconFile = exports.IconEyelashInvisible = exports.IconEyeVisible = exports.IconEyeInvisible = exports.IconErrorCircle = exports.IconEdit = exports.IconDownload = exports.IconDelete = exports.IconCloseBold = exports.IconClose = exports.IconClear = exports.IconCircleUnchecked = exports.IconCircleDisabled = exports.IconCircleChecked = exports.IconCheckBold = exports.IconCheck = exports.IconArrowUp = exports.IconArrowIn = exports.IconArrowDown = exports.IconArrowBack = exports.IconAdd = void 0;
 
 var _IconSquareChecked = _interopRequireDefault(require("./IconSquareChecked"));
 
@@ -287,6 +285,18 @@ var _IconKeyboardDelete = _interopRequireDefault(require("./IconKeyboardDelete")
 
 exports.IconKeyboardDelete = _IconKeyboardDelete.default;
 
+var _IconDownload = _interopRequireDefault(require("./IconDownload"));
+
+exports.IconDownload = _IconDownload.default;
+
+var _IconFile = _interopRequireDefault(require("./IconFile"));
+
+exports.IconFile = _IconFile.default;
+
+var _IconUpload = _interopRequireDefault(require("./IconUpload"));
+
+exports.IconUpload = _IconUpload.default;
+
 var _type = require("./type");
 
 Object.keys(_type).forEach(function (key) {

package/cjs/icon/type.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
-export interface IconProps extends React.SVGProps<SVGSVGElement> {
+export interface OriginIconProps extends React.SVGProps<SVGSVGElement> {
     className?: string;
     prefix?: string;
     width?: string;
     height?: string;
     useCurrentColor?: boolean;
+    spin?: boolean;
 }
+export declare type IconProps = React.PropsWithoutRef<OriginIconProps> & React.RefAttributes<SVGSVGElement>;