@nutui/nutui-react-taro 1.4.3 → 1.4.4-beta.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+# v1.4.4
+`2023-01-17`
+
+* :sparkles: feat: GridItem 支持自定义图标颜色、大小 (#588) @cuicuiworld
+* :bug: fix: 修复 inputnumber 无法清空输入框 (#587) @junjun666
+* :bug: fix: 修复input组件onChange事件循环问题；修复错误提示样式问题； (#593) @vickyYe
+* :bug: fix: 修复 button 组件在 taro 中被破坏的边框 (#589) @oasis-cloud
+* 📖 docs: watermark 文档更新 (#590) @oasis-cloud
+* 🔨 chore: 添加组件时，增加排序功能；已有组件已完成排序 (#586) @xiaoyatong
+
 # v1.4.3
 `2023-01-11`
 

package/README.md

@@ -53,6 +53,40 @@
 * 📖 Provide Sketch Design Resources
 
 
+
+## Local Run
+
+### local H5
+```
+git clone https://github.com/jdf2e/nutui-react.git
+
+cd nutui-react
+
+npm install
+
+npm run dev
+
+url：http://localhost:3000
+```
+### local mp
+```
+git clone https://github.com/jdf2e/nutui-react.git
+
+cd nutui-react
+
+npm install
+
+npm run dev:taro:weapp
+
+dir：src/sites/mobile-taro/dist/weapp
+
+OR jd
+
+npm run dev:taro:jd
+
+dir：src/sites/mobile-taro/dist/jd
+```
+
 ## Build Versions
 
 > If you are using AMD environment or build tools such as Webpack, Vite, etc., we recommend using the `es` version. If it is a non-module environment (such as direct reference through the `<script>` tag), it is recommended to use the `umd` compressed version.

package/dist/esm/GridItem.js

@@ -1,5 +1,5 @@
-import { G as GridItem } from './griditem.taro-d3864d8f.js';
-export { G as default } from './griditem.taro-d3864d8f.js';
+import { G as GridItem } from './griditem.taro-892153cd.js';
+export { G as default } from './griditem.taro-892153cd.js';
 import 'react';
 import './configprovider.taro-8bdb3a28.js';
 import 'lodash';

package/dist/esm/Input.js

@@ -1,5 +1,5 @@
-import { I as Input } from './input.taro-8b3f8381.js';
-export { I as default } from './input.taro-8b3f8381.js';
+import { I as Input } from './input.taro-104130c1.js';
+export { I as default } from './input.taro-104130c1.js';
 import 'react';
 import './icon.taro-1d0d4fb7.js';
 import './bem-893ad28d.js';

package/dist/esm/{griditem.taro-d3864d8f.js → griditem.taro-892153cd.js}

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "icon", "iconColor", "iconSize", "parentIconSize", "parentIconColor", "border", "center", "reverse", "direction", "iconClassPrefix", "iconFontClassName", "onClick"];
+var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "fontSize", "color", "icon", "iconColor", "iconSize", "parentIconSize", "parentIconColor", "border", "center", "reverse", "direction", "iconClassPrefix", "iconFontClassName", "onClick"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default, { useContext } from 'react';
@@ -11,6 +11,8 @@ import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import { G as GridContext } from './grid.taro.context-39636af9.js';
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   text: '',
+  fontSize: '',
+  color: '',
   icon: '',
   iconSize: '',
   iconColor: '',
@@ -33,6 +35,8 @@ var GridItem = function GridItem(props) {
     gutter = _defaultProps$props.gutter,
     square = _defaultProps$props.square,
     text = _defaultProps$props.text,
+    fontSize = _defaultProps$props.fontSize,
+    color = _defaultProps$props.color,
     icon = _defaultProps$props.icon,
     iconColor = _defaultProps$props.iconColor,
     iconSize = _defaultProps$props.iconSize,
@@ -87,7 +91,9 @@ var GridItem = function GridItem(props) {
       center: center,
       square: square,
       reverse: reverse,
-      direction: direction
+      direction: direction,
+      fontSize: fontSize,
+      color: color
     }, index);
   };
   return React__default.createElement("div", _objectSpread(_objectSpread({
@@ -104,7 +110,11 @@ var GridItem = function GridItem(props) {
     size: iconSize || parentIconSize,
     color: iconColor || parentIconColor
   }) : React__default.createElement(React__default.Fragment, null, icon), text && React__default.createElement("div", {
-    className: "nut-grid-item__text"
+    className: "nut-grid-item__text",
+    style: {
+      fontSize: fontSize,
+      color: color
+    }
   }, text), children && React__default.createElement(React__default.Fragment, null, children)));
 };
 GridItem.defaultProps = defaultProps;

package/dist/esm/{input.taro-8b3f8381.js → input.taro-104130c1.js}

@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "type", "name", "defaultValue", "placeholder", "label", "labelClass", "labelWidth", "labelAlign", "colon", "inputAlign", "center", "required", "disabled", "readonly", "error", "maxlength", "leftIcon", "leftIconSize", "rightIcon", "rightIconSize", "clearable", "clearIcon", "clearSize", "border", "formatTrigger", "rules", "errorMessage", "errorMessageAlign", "showWordLimit", "autofocus", "style", "className", "rows", "slotButton", "slotInput", "onChange", "onBlur", "onFocus", "onClear", "formatter", "keypress", "onClickInput", "onClickLeftIcon", "onClickRightIcon", "onClick", "iconClassPrefix", "iconFontClassName"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { forwardRef, useState, useRef, useLayoutEffect, useEffect, useImperativeHandle, useCallback } from 'react';
+import React__default, { forwardRef, useState, useRef, useEffect, useImperativeHandle, useCallback } from 'react';
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { u as useConfig } from './configprovider.taro-8bdb3a28.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
@@ -139,11 +139,6 @@ var Input = forwardRef(function (props, ref) {
     return String(inputValue !== null && inputValue !== void 0 ? inputValue : '');
   };
   var inputRef = useRef(null);
-  useLayoutEffect(function () {
-    if (defaultValue) {
-      updateValue(getModelValue(), formatTrigger);
-    }
-  });
   useEffect(function () {
     setClasses(inputClass);
     SetInputValue(defaultValue);
@@ -168,7 +163,6 @@ var Input = forwardRef(function (props, ref) {
   var updateValue = function updateValue(value) {
     var _inputRef$current;
     var trigger = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'onChange';
-    var event = arguments.length > 2 ? arguments[2] : undefined;
     var val = value;
     if (type === 'digit' || type === 'tel') {
       val = formatNumber(val, false, false);
@@ -188,7 +182,6 @@ var Input = forwardRef(function (props, ref) {
       inputRef.current.value = val;
     }
     SetInputValue(val);
-    onChange && onChange(val, event);
   };
   var handleFocus = function handleFocus(event) {
     var val = event.target.value;
@@ -200,7 +193,8 @@ var Input = forwardRef(function (props, ref) {
     if (maxlength && val.length > Number(maxlength)) {
       val = val.slice(0, Number(maxlength));
     }
-    updateValue(val, 'onChange', event);
+    updateValue(val, 'onChange');
+    onChange && onChange(val, event);
   };
   var handleBlur = function handleBlur(event) {
     setTimeout(function () {
@@ -277,6 +271,8 @@ var Input = forwardRef(function (props, ref) {
     className: "label-string"
   }, label, colon ? ':' : '')) : null, React__default.createElement("div", {
     className: "nut-input-value"
+  }, React__default.createElement("div", {
+    className: "nut-input-main-con"
   }, React__default.createElement("div", {
     className: "nut-input-inner",
     onClick: function onClick(e) {
@@ -353,7 +349,7 @@ var Input = forwardRef(function (props, ref) {
     className: "nut-input-word-limit"
   }, React__default.createElement("span", {
     className: "nut-input-word-num"
-  }, inputValue ? inputValue.length : 0), "/", maxlength) : null, errorMessage ? React__default.createElement("div", {
+  }, inputValue ? inputValue.length : 0), "/", maxlength) : null), errorMessage ? React__default.createElement("div", {
     className: "nut-input-error-message",
     style: {
       textAlign: errorMessageAlign

package/dist/esm/nutui-react.es.js

@@ -1,115 +1,115 @@
 export { B as Button } from './button.taro-4ce133b9.js';
 export { C as Cell } from './cell.taro-cf50c4f2.js';
 export { C as CellGroup } from './cellgroup.taro-e094471c.js';
+export { C as ConfigProvider } from './configprovider.taro-8bdb3a28.js';
 export { I as Icon } from './icon.taro-1d0d4fb7.js';
+export { I as Image } from './image.taro-c30973d5.js';
 export { O as Overlay } from './overlay.taro-98367bc1.js';
 export { P as Popup } from './popup.taro-cb777e09.js';
-export { C as ConfigProvider } from './configprovider.taro-8bdb3a28.js';
-export { I as Image } from './image.taro-c30973d5.js';
-export { L as Layout } from './layout.taro-358f014f.js';
 export { C as Col } from './col.taro-b61c7cba.js';
-export { R as Row } from './row.taro-37a895de.js';
 export { D as Divider } from './divider.taro-5236fe6a.js';
 export { G as Grid } from './grid.taro-c2cc12d6.js';
-export { G as GridItem } from './griditem.taro-d3864d8f.js';
+export { G as GridItem } from './griditem.taro-892153cd.js';
+export { L as Layout } from './layout.taro-358f014f.js';
+export { R as Row } from './row.taro-37a895de.js';
 export { S as Sticky } from './sticky.taro-36013e97.js';
-export { N as NavBar } from './navbar.taro-c931c078.js';
-export { F as FixedNav } from './fixednav.taro-9e759320.js';
-export { T as Tabbar } from './tabbar.taro-86cece39.js';
-export { T as TabbarItem } from './tabbaritem.taro-8dfb8055.js';
 export { E as Elevator } from './elevator.taro-d7d65470.js';
-export { P as Pagination } from './pagination.taro-9925ffab.js';
-export { T as Tabs } from './tabs.taro-e71875fa.js';
-export { T as TabPane } from './tabpane.taro-91cd6cf4.js';
+export { F as FixedNav } from './fixednav.taro-9e759320.js';
 export { I as Indicator } from './indicator.taro-183ea169.js';
-export { S as SideNavBar } from './sidenavbar.taro-06026f31.js';
-export { S as SubSideNavBar } from './subsidenavbar.taro-f46b4c73.js';
-export { S as SideNavBarItem } from './sidenavbaritem.taro-fee11d26.js';
 export { M as Menu } from './menu.taro-4abed328.js';
 export { M as MenuItem } from './menuitem.taro-216e9f7d.js';
-export { R as Range } from './range.taro-c41e9b90.js';
+export { N as NavBar } from './navbar.taro-c931c078.js';
+export { P as Pagination } from './pagination.taro-9925ffab.js';
+export { S as SideNavBar } from './sidenavbar.taro-06026f31.js';
+export { S as SideNavBarItem } from './sidenavbaritem.taro-fee11d26.js';
+export { S as SubSideNavBar } from './subsidenavbar.taro-f46b4c73.js';
+export { T as Tabbar } from './tabbar.taro-86cece39.js';
+export { T as TabbarItem } from './tabbaritem.taro-8dfb8055.js';
+export { T as TabPane } from './tabpane.taro-91cd6cf4.js';
+export { T as Tabs } from './tabs.taro-e71875fa.js';
 export { C as Calendar } from './calendar.taro-72974415.js';
+export { C as CalendarItem } from './calendaritem.taro-84e889eb.js';
+export { C as Cascader } from './cascader.taro-d8cb1c3e.js';
 export { C as Checkbox, a as CheckboxGroup } from './checkbox.taro-0bda9796.js';
 export { D as DatePicker } from './datepicker.taro-7199f521.js';
+export { F as Form } from './form.taro-880014b1.js';
+export { F as FormItem } from './formitem.taro-3695f4a7.js';
+export { I as Input } from './input.taro-104130c1.js';
 export { I as InputNumber } from './inputnumber.taro-dc39b853.js';
-export { I as Input } from './input.taro-8b3f8381.js';
+export { N as NumberKeyboard } from './numberkeyboard.taro-5e8f0ddf.js';
+export { P as Picker } from './picker.taro-3b5cc054.js';
 export { R as Radio, a as RadioGroup } from './index.taro-a36f96fb.js';
+export { R as Range } from './range.taro-c41e9b90.js';
 export { R as Rate } from './rate.taro-10197384.js';
-export { C as CalendarItem } from './calendaritem.taro-84e889eb.js';
-export { P as Picker } from './picker.taro-3b5cc054.js';
+export { S as SearchBar } from './searchbar.taro-01ed4ea4.js';
 export { S as ShortPassword } from './shortpassword.taro-3a3bf412.js';
 export { T as TextArea } from './textarea.taro-83d5fe73.js';
 export { U as Uploader } from './uploader.taro-a1edf38f.js';
-export { C as Cascader } from './cascader.taro-d8cb1c3e.js';
-export { S as SearchBar } from './searchbar.taro-01ed4ea4.js';
-export { N as NumberKeyboard } from './numberkeyboard.taro-5e8f0ddf.js';
-export { F as Form } from './form.taro-880014b1.js';
-export { F as FormItem } from './formitem.taro-3695f4a7.js';
 export { A as ActionSheet } from './actionsheet.taro-a58d3d12.js';
 export { B as BackTop } from './backtop.taro-99107c30.js';
-export { D as Drag } from './drag.taro-82b6b27a.js';
 export { D as Dialog } from './dialog.taro-f54cfbf0.js';
+export { D as Drag } from './drag.taro-82b6b27a.js';
 export { I as Infiniteloading } from './infiniteloading.taro-b5ddf3cc.js';
 export { N as Notify } from './notify.taro-308e5892.js';
+export { P as PullToRefresh } from './pulltorefresh.taro-f26a20dd.js';
+export { S as Swipe } from './swipe.taro-83bc248f.js';
 export { S as Switch } from './switch.taro-bae2dca0.js';
 export { T as Toast } from './toast.taro-0804b6b4.js';
-export { S as Swipe } from './swipe.taro-83bc248f.js';
-export { P as PullToRefresh } from './pulltorefresh.taro-f26a20dd.js';
-export { C as CircleProgress } from './circleprogress.taro-47db537c.js';
-export { N as NoticeBar } from './noticebar.taro-94002898.js';
-export { S as Steps } from './steps.taro-acf205a0.js';
-export { S as Step } from './step.taro-1c94e067.js';
-export { S as Swiper } from './swiper.taro-852f6615.js';
-export { S as SwiperItem } from './swiperitem-86a3578a.js';
+export { A as Animate } from './animate.taro-b0e83dd5.js';
+export { A as AnimatingNumbers } from './animatingnumbers.taro-6f40a2e9.js';
+export { A as Audio } from './audio.taro-fddcdfc0.js';
 export { A as Avatar } from './avatar.taro-85ced995.js';
 export { A as AvatarGroup } from './avatargroup-f7f600ff.js';
-export { P as Price } from './price.taro-8801462e.js';
 export { B as Badge } from './badge.taro-fe9171ec.js';
-export { T as Tag } from './tag.taro-bd900990.js';
-export { P as Popover } from './popover.taro-46d813e8.js';
-export { S as Skeleton } from './skeleton.taro-853ce460.js';
-export { C as CountDown } from './countdown.taro-d7dc8681.js';
+export { C as CircleProgress } from './circleprogress.taro-47db537c.js';
 export { C as Collapse } from './collapse.taro-af58206c.js';
 export { C as CollapseItem } from './collapseitem-ce1849d2.js';
-export { A as AnimatingNumbers } from './animatingnumbers.taro-6f40a2e9.js';
+export { C as CountDown } from './countdown.taro-d7dc8681.js';
+export { E as Ellipsis } from './ellipsis.taro-c0de6ff4.js';
 export { E as Empty } from './empty.taro-dbc66496.js';
-export { V as VirtualList } from './virtuallist.taro-4add61c3.js';
-export { T as Table } from './table.taro-adda6622.js';
-export { V as Video } from './video-8a3518c5.js';
-export { P as Progress } from './progress.taro-623bc807.js';
-export { A as Audio } from './audio.taro-fddcdfc0.js';
 export { I as ImagePreview } from './imagepreview.taro-3400ea03.js';
+export { N as NoticeBar } from './noticebar.taro-94002898.js';
+export { P as Popover } from './popover.taro-46d813e8.js';
+export { P as Price } from './price.taro-8801462e.js';
+export { P as Progress } from './progress.taro-623bc807.js';
+export { S as Skeleton } from './skeleton.taro-853ce460.js';
+export { S as Step } from './step.taro-1c94e067.js';
+export { S as Steps } from './steps.taro-acf205a0.js';
+export { S as Swiper } from './swiper.taro-852f6615.js';
+export { S as SwiperItem } from './swiperitem-86a3578a.js';
+export { T as Table } from './table.taro-adda6622.js';
+export { T as Tag } from './tag.taro-bd900990.js';
 export { T as TrendArrow } from './trendarrow.taro-5a7153e4.js';
+export { V as Video } from './video-8a3518c5.js';
+export { V as VirtualList } from './virtuallist.taro-4add61c3.js';
 export { W as WaterMark } from './watermark.taro-323d1cf3.js';
-export { A as Animate } from './animate.taro-b0e83dd5.js';
-export { E as Ellipsis } from './ellipsis.taro-c0de6ff4.js';
 export { A as Address } from './address.taro-1e2aea24.js';
 export { B as Barrage } from './barrage.taro-0e157b5e.js';
-export { S as Signature } from './signature.taro-17648cac.js';
 export { C as Card } from './card.taro-a530dfb3.js';
-export { T as TimePannel } from './timepannel.taro-c66c63dd.js';
+export { S as Signature } from './signature.taro-17648cac.js';
 export { T as TimeDetail } from './timedetail.taro-105f5380.js';
+export { T as TimePannel } from './timepannel.taro-c66c63dd.js';
 export { T as TimeSelect } from './timeselect.taro-fc7ec6ee.js';
 import 'react';
 import './typings-1c5f2628.js';
 import '@tarojs/taro';
 import './bem-893ad28d.js';
 import '@bem-react/classname';
+import 'lodash';
+import './zh-CN-dfc384d0.js';
 import 'classnames';
 import 'react-dom';
 import 'react-transition-group';
-import 'lodash';
-import './zh-CN-dfc384d0.js';
 import './UserContext-be8097d2.js';
 import './grid.taro.context-39636af9.js';
 import './configprovider-c7d60e20.js';
 import '@tarojs/components';
 import './offsetContext-bfb02c25.js';
-import './useTouch-a2ea68c6.js';
 import './useClientRect-bf69d7b3.js';
+import './useTouch-a2ea68c6.js';
 import './icon-8dc4de10.js';
 import '@use-gesture/react';
 import '@react-spring/web';
+import './AvatarContext-7153ad2b.js';
 import './UserContext-68f62e66.js';
 import './UserContext-b4181162.js';
-import './AvatarContext-7153ad2b.js';

package/dist/esm/types/src/packages/griditem/griditem.d.ts

@@ -3,6 +3,8 @@ import { BasicComponent } from '@/utils/typings';
 type GridDirection = 'horizontal' | 'vertical';
 export interface GridItemProps extends BasicComponent {
     text: string | ReactNode;
+    fontSize: string | number;
+    color: string;
     icon: string | ReactNode;
     iconSize?: string | number;
     iconColor?: string;

package/dist/esm/types/src/packages/griditem/griditem.taro.d.ts

@@ -3,6 +3,8 @@ import { BasicComponent } from '@/utils/typings';
 type GridDirection = 'horizontal' | 'vertical';
 export interface GridItemProps extends BasicComponent {
     text: string | ReactNode;
+    fontSize: string | number;
+    color: string;
     icon: string | ReactNode;
     iconSize?: string | number;
     iconColor?: string;

package/dist/esm/types/src/packages/nutui.react.build.d.ts

@@ -1,95 +1,95 @@
 import Button from '@/packages/button';
 import Cell from '@/packages/cell';
 import CellGroup from '@/packages/cellgroup';
+import ConfigProvider from '@/packages/configprovider';
 import Icon from '@/packages/icon';
+import Image from '@/packages/image';
 import Overlay from '@/packages/overlay';
 import Popup from '@/packages/popup';
-import ConfigProvider from '@/packages/configprovider';
-import Image from '@/packages/image';
-import Layout from '@/packages/layout';
 import Col from '@/packages/col';
-import Row from '@/packages/row';
 import Divider from '@/packages/divider';
 import Grid from '@/packages/grid';
 import GridItem from '@/packages/griditem';
+import Layout from '@/packages/layout';
+import Row from '@/packages/row';
 import Sticky from '@/packages/sticky';
-import NavBar from '@/packages/navbar';
-import FixedNav from '@/packages/fixednav';
-import Tabbar from '@/packages/tabbar';
-import TabbarItem from '@/packages/tabbaritem';
 import Elevator from '@/packages/elevator';
-import Pagination from '@/packages/pagination';
-import Tabs from '@/packages/tabs';
-import TabPane from '@/packages/tabpane';
+import FixedNav from '@/packages/fixednav';
 import Indicator from '@/packages/indicator';
-import SideNavBar from '@/packages/sidenavbar';
-import SubSideNavBar from '@/packages/subsidenavbar';
-import SideNavBarItem from '@/packages/sidenavbaritem';
 import Menu from '@/packages/menu';
 import MenuItem from '@/packages/menuitem';
-import Range from '@/packages/range';
+import NavBar from '@/packages/navbar';
+import Pagination from '@/packages/pagination';
+import SideNavBar from '@/packages/sidenavbar';
+import SideNavBarItem from '@/packages/sidenavbaritem';
+import SubSideNavBar from '@/packages/subsidenavbar';
+import Tabbar from '@/packages/tabbar';
+import TabbarItem from '@/packages/tabbaritem';
+import TabPane from '@/packages/tabpane';
+import Tabs from '@/packages/tabs';
 import Calendar from '@/packages/calendar';
+import CalendarItem from '@/packages/calendaritem';
+import Cascader from '@/packages/cascader';
 import Checkbox from '@/packages/checkbox';
 import CheckboxGroup from '@/packages/checkboxgroup';
 import DatePicker from '@/packages/datepicker';
-import InputNumber from '@/packages/inputnumber';
+import Form from '@/packages/form';
+import FormItem from '@/packages/formitem';
 import Input from '@/packages/input';
+import InputNumber from '@/packages/inputnumber';
+import NumberKeyboard from '@/packages/numberkeyboard';
+import Picker from '@/packages/picker';
 import Radio from '@/packages/radio';
 import RadioGroup from '@/packages/radiogroup';
+import Range from '@/packages/range';
 import Rate from '@/packages/rate';
-import CalendarItem from '@/packages/calendaritem';
-import Picker from '@/packages/picker';
+import SearchBar from '@/packages/searchbar';
 import ShortPassword from '@/packages/shortpassword';
 import TextArea from '@/packages/textarea';
 import Uploader from '@/packages/uploader';
-import Cascader from '@/packages/cascader';
-import SearchBar from '@/packages/searchbar';
-import NumberKeyboard from '@/packages/numberkeyboard';
-import Form from '@/packages/form';
-import FormItem from '@/packages/formitem';
 import ActionSheet from '@/packages/actionsheet';
 import BackTop from '@/packages/backtop';
-import Drag from '@/packages/drag';
 import Dialog from '@/packages/dialog';
+import Drag from '@/packages/drag';
 import Infiniteloading from '@/packages/infiniteloading';
 import Notify from '@/packages/notify';
+import PullToRefresh from '@/packages/pulltorefresh';
+import Swipe from '@/packages/swipe';
 import Switch from '@/packages/switch';
 import Toast from '@/packages/toast';
-import Swipe from '@/packages/swipe';
-import PullToRefresh from '@/packages/pulltorefresh';
-import CircleProgress from '@/packages/circleprogress';
-import NoticeBar from '@/packages/noticebar';
-import Steps from '@/packages/steps';
-import Step from '@/packages/step';
-import Swiper from '@/packages/swiper';
-import SwiperItem from '@/packages/swiperitem';
+import Animate from '@/packages/animate';
+import AnimatingNumbers from '@/packages/animatingnumbers';
+import Audio from '@/packages/audio';
 import Avatar from '@/packages/avatar';
 import AvatarGroup from '@/packages/avatargroup';
-import Price from '@/packages/price';
 import Badge from '@/packages/badge';
-import Tag from '@/packages/tag';
-import Popover from '@/packages/popover';
-import Skeleton from '@/packages/skeleton';
-import CountDown from '@/packages/countdown';
+import CircleProgress from '@/packages/circleprogress';
 import Collapse from '@/packages/collapse';
 import CollapseItem from '@/packages/collapseitem';
-import AnimatingNumbers from '@/packages/animatingnumbers';
+import CountDown from '@/packages/countdown';
+import Ellipsis from '@/packages/ellipsis';
 import Empty from '@/packages/empty';
-import VirtualList from '@/packages/virtuallist';
-import Table from '@/packages/table';
-import Video from '@/packages/video';
-import Progress from '@/packages/progress';
-import Audio from '@/packages/audio';
 import ImagePreview from '@/packages/imagepreview';
+import NoticeBar from '@/packages/noticebar';
+import Popover from '@/packages/popover';
+import Price from '@/packages/price';
+import Progress from '@/packages/progress';
+import Skeleton from '@/packages/skeleton';
+import Step from '@/packages/step';
+import Steps from '@/packages/steps';
+import Swiper from '@/packages/swiper';
+import SwiperItem from '@/packages/swiperitem';
+import Table from '@/packages/table';
+import Tag from '@/packages/tag';
 import TrendArrow from '@/packages/trendarrow';
+import Video from '@/packages/video';
+import VirtualList from '@/packages/virtuallist';
 import WaterMark from '@/packages/watermark';
-import Animate from '@/packages/animate';
-import Ellipsis from '@/packages/ellipsis';
 import Address from '@/packages/address';
 import Barrage from '@/packages/barrage';
-import Signature from '@/packages/signature';
 import Card from '@/packages/card';
-import TimePannel from '@/packages/timepannel';
+import Signature from '@/packages/signature';
 import TimeDetail from '@/packages/timedetail';
+import TimePannel from '@/packages/timepannel';
 import TimeSelect from '@/packages/timeselect';
-export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Image, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, Form, FormItem, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, TrendArrow, WaterMark, Animate, Ellipsis, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };
+export { Button, Cell, CellGroup, ConfigProvider, Icon, Image, Overlay, Popup, Col, Divider, Grid, GridItem, Layout, Row, Sticky, Elevator, FixedNav, Indicator, Menu, MenuItem, NavBar, Pagination, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, TextArea, Uploader, ActionSheet, BackTop, Dialog, Drag, Infiniteloading, Notify, PullToRefresh, Swipe, Switch, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, Badge, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, Empty, ImagePreview, NoticeBar, Popover, Price, Progress, Skeleton, Step, Steps, Swiper, SwiperItem, Table, Tag, TrendArrow, Video, VirtualList, WaterMark, Address, Barrage, Card, Signature, TimeDetail, TimePannel, TimeSelect };