@nutui/nutui-react-taro 3.0.0 → 3.0.1

package/dist/es/packages/datepickerview/datepickerview.js

@@ -0,0 +1,107 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
+import React, { useState, useEffect } from "react";
+import classNames from "classnames";
+import { View } from "@tarojs/components";
+import isEqual from "react-fast-compare";
+import { padZero } from "../../utils/pad-zero";
+import PickerView from "../pickerview/index";
+import { useConfig } from "../configprovider";
+import { usePropsValue } from "../../hooks/use-props-value";
+import { ComponentDefaults } from "../../utils/typings";
+import { isDate } from "../../utils/is-date";
+import { formatValue, generateDatePickerRanges, generatePickerColumnWithCallback, getDatePartValue, handlePickerValueChange } from "../datepicker/utils";
+var currentYear = new Date().getFullYear();
+var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
+    type: 'date',
+    showChinese: false,
+    threeDimensional: true,
+    minuteStep: 1,
+    startDate: new Date(currentYear - 10, 0, 1),
+    endDate: new Date(currentYear + 10, 11, 31)
+});
+export var DatePickerView = function(props) {
+    var _$_object_spread = _object_spread({}, defaultProps, props), startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, type = _$_object_spread.type, showChinese = _$_object_spread.showChinese, minuteStep = _$_object_spread.minuteStep, defaultValue = _$_object_spread.defaultValue, formatter = _$_object_spread.formatter, filter = _$_object_spread.filter, onChange = _$_object_spread.onChange, threeDimensional = _$_object_spread.threeDimensional, className = _$_object_spread.className, style = _$_object_spread.style;
+    var classPrefix = 'nut-datepickerview';
+    var cls = classNames(classPrefix, className);
+    var locale = useConfig().locale;
+    var lang = locale.datepicker;
+    var zhCNType = {
+        day: lang.day,
+        year: lang.year,
+        month: lang.month,
+        hour: lang.hour,
+        minute: lang.min,
+        seconds: lang.seconds
+    };
+    var _useState = _sliced_to_array(useState([]), 2), pickerValue = _useState[0], setPickerValue = _useState[1];
+    var _useState1 = _sliced_to_array(useState([]), 2), pickerOptions = _useState1[0], setPickerOptions = _useState1[1];
+    var _usePropsValue = _sliced_to_array(usePropsValue({
+        value: props.value && formatValue(props.value, startDate, endDate),
+        defaultValue: defaultValue && formatValue(defaultValue, startDate, endDate),
+        finalValue: 0
+    }), 2), selectedDate = _usePropsValue[0], setSelectedDate = _usePropsValue[1];
+    var handleDateComparison = function(newDate, selectedOptions, index) {
+        if (newDate && isDate(newDate)) {
+            var _this;
+            if (!isEqual((_this = new Date(selectedDate)) === null || _this === void 0 ? void 0 : _this.getTime(), newDate === null || newDate === void 0 ? void 0 : newDate.getTime())) {
+                setSelectedDate(formatValue(newDate, startDate, endDate));
+                onChange === null || onChange === void 0 ? void 0 : onChange(selectedOptions, [
+                    String(newDate.getFullYear()),
+                    padZero(newDate.getMonth() + 1),
+                    padZero(newDate.getDate())
+                ], index);
+            }
+        }
+    };
+    var handleChange = function(selectedOptions, selectedValue, index) {
+        handlePickerValueChange(selectedOptions, selectedValue, index, type, defaultValue || startDate || endDate, handleDateComparison);
+    };
+    var generatePickerColumns = function() {
+        var dateRanges = generateDatePickerRanges(type, selectedDate, startDate, endDate);
+        var columns = dateRanges.map(function(rangeConfig, columnIndex) {
+            var columnType = rangeConfig.type, range = rangeConfig.range;
+            var selectedValue = getDatePartValue(columnType, selectedDate);
+            var pickerColumn = generatePickerColumnWithCallback(range[0], range[1], selectedValue, columnType, minuteStep, function(selectedIndex, options) {
+                var _options_selectedIndex;
+                pickerValue[columnIndex] = (_options_selectedIndex = options[selectedIndex]) === null || _options_selectedIndex === void 0 ? void 0 : _options_selectedIndex.value;
+                setPickerValue(_to_consumable_array(pickerValue));
+            }, showChinese, zhCNType, formatter);
+            if (filter === null || filter === void 0 ? void 0 : filter(columnType, pickerColumn)) {
+                return filter(columnType, pickerColumn);
+            }
+            return pickerColumn;
+        });
+        return columns || [];
+    };
+    useEffect(function() {
+        var _this, _this1;
+        if (!isEqual((_this = new Date(selectedDate)) === null || _this === void 0 ? void 0 : _this.getTime(), (_this1 = new Date(selectedDate)) === null || _this1 === void 0 ? void 0 : _this1.getTime())) {
+            setSelectedDate(selectedDate);
+        }
+    }, [
+        selectedDate
+    ]);
+    useEffect(function() {
+        setPickerOptions(generatePickerColumns());
+    }, [
+        selectedDate,
+        startDate,
+        endDate
+    ]);
+    return /*#__PURE__*/ React.createElement(View, {
+        className: cls,
+        style: style
+    }, pickerOptions.length && /*#__PURE__*/ React.createElement(PickerView, {
+        value: pickerValue,
+        options: pickerOptions,
+        onChange: function(param) {
+            var selectedOptions = param.selectedOptions, value = param.value, index = param.index;
+            handleChange(selectedOptions, value, index);
+        },
+        threeDimensional: threeDimensional
+    }));
+};
+DatePickerView.displayName = 'NutDatePickerView';

package/dist/es/packages/datepickerview/index.d.ts

@@ -0,0 +1,3 @@
+import { DatePickerView } from "./datepickerview";
+export type { DatePickerViewProps } from './types';
+export default DatePickerView;

package/dist/es/packages/datepickerview/index.js

@@ -0,0 +1,2 @@
+import { DatePickerView } from "./datepickerview";
+export default DatePickerView;

package/dist/es/packages/datepickerview/style/datepickerview.scss

@@ -0,0 +1,4 @@
+.nut-datepickerview {
+  display: flex;
+  width: 100%;
+}

package/dist/es/packages/datepickerview/style/index.js

@@ -0,0 +1 @@
+import './datepickerview.scss';

package/dist/es/packages/datepickerview/style/style.css

@@ -0,0 +1,8 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-datepickerview {
+  display: flex;
+  width: 100%;
+}

package/dist/es/packages/datepickerview/style/style.harmony.css

@@ -0,0 +1,8 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-datepickerview {
+  display: flex;
+  width: 100%;
+}

package/dist/es/packages/datepickerview/types.d.ts

@@ -0,0 +1,15 @@
+import { BasicComponent } from "../../utils/typings";
+import { PickerOptions, PickerValue, PickerOption } from "../pickerview/types";
+export interface DatePickerViewProps extends BasicComponent {
+    value?: Date;
+    defaultValue?: Date;
+    type: 'date' | 'time' | 'year-month' | 'month-day' | 'datehour' | 'datetime' | 'hour-minutes';
+    showChinese: boolean;
+    minuteStep: number;
+    startDate: Date;
+    endDate: Date;
+    threeDimensional: boolean;
+    formatter: (type: string, option: PickerOption) => PickerOption;
+    filter: (type: string, options: PickerOptions) => PickerOptions;
+    onChange: (selectedOptions: PickerOptions, selectedValue: PickerValue[], columnIndex: number) => void;
+}

package/dist/es/packages/datepickerview/types.js

@@ -0,0 +1 @@
+export { };

package/dist/es/packages/dialog/dialog.js

@@ -17,6 +17,7 @@ import { customEvents, useCustomEvent, useCustomEventsPath, useParams } from "..
 import { useLockScrollTaro } from "../../hooks/use-lock-scoll-taro";
 import { mergeProps } from "../../utils/merge-props";
 import { defaultOverlayProps } from "../overlay/overlay";
+import { harmony } from "../../utils/platform-taro";
 var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps, defaultContentProps), {
     title: '',
     content: '',
@@ -172,6 +173,8 @@ export var BaseDialog = function(props) {
         }
     };
     var renderContent = function() {
+        var contentZIndex = harmony() ? zIndex + 1 : zIndex // 解决harmony层级问题
+        ;
         return /*#__PURE__*/ React.createElement(CSSTransition, {
             in: visible,
             timeout: 300,
@@ -180,7 +183,9 @@ export var BaseDialog = function(props) {
             appear: true
         }, /*#__PURE__*/ React.createElement(Content, {
             className: className,
-            style: style,
+            style: _object_spread({
+                zIndex: contentZIndex
+            }, style),
             title: title,
             header: header,
             close: renderCloseIcon(),
@@ -195,7 +200,7 @@ export var BaseDialog = function(props) {
         },
         ref: refObject,
         catchMove: lockScroll
-    }, overlay ? /*#__PURE__*/ React.createElement(Overlay, {
+    }, overlay && /*#__PURE__*/ React.createElement(Overlay, {
         zIndex: zIndex,
         visible: visible,
         style: overlayStyle,
@@ -203,7 +208,7 @@ export var BaseDialog = function(props) {
         closeOnOverlayClick: closeOnOverlayClick,
         lockScroll: lockScroll,
         onClick: onHandleClickOverlay
-    }, renderContent()) : renderContent());
+    }), renderContent());
 };
 export function open(selector, options) {
     // eslint-disable-next-line react-hooks/rules-of-hooks

package/dist/es/packages/dialog/style/dialog.scss

@@ -26,7 +26,6 @@
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     border-radius: $dialog-border-radius;
-    z-index: $dialog-z-index;
     animation-duration: 0.3s;
   }
 

package/dist/es/packages/dialog/style/style.css

@@ -470,7 +470,6 @@
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   border-radius: var(--nutui-dialog-border-radius, var(--nutui-radius-xl, 12px));
-  z-index: var(--nutui-dialog-z-index, 1200);
   animation-duration: 0.3s;
 }
 .nut-dialog-close {

package/dist/es/packages/dialog/style/style.harmony.css

@@ -26,7 +26,6 @@
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   border-radius: 12px;
-  z-index: 1200;
   animation-duration: 0.3s;
 }
 .nut-dialog-close {

package/dist/es/packages/drag/drag.js

@@ -1,14 +1,14 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import React, { useState, useEffect, useRef } from "react";
-import { createSelectorQuery } from "@tarojs/taro";
-import { getWindowInfo } from "../../utils/get-system-info";
+import { View } from "@tarojs/components";
 import { ComponentDefaults } from "../../utils/typings";
 import { getRectByTaro } from "../../utils/get-rect-by-taro";
+import { getWindowInfo } from "../../utils/get-system-info";
+import { web } from "../../utils/platform-taro";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     attract: false,
     direction: undefined,
@@ -21,17 +21,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     className: 'myDrag'
 });
 export var Drag = function(props) {
-    var _ref = _object_spread({}, defaultProps, props), attract = _ref.attract, direction = _ref.direction, boundary = _ref.boundary, onDrag = _ref.onDrag, onDragStart = _ref.onDragStart, onDragEnd = _ref.onDragEnd, children = _ref.children, className = _ref.className, style = _ref.style, reset = _object_without_properties(_ref, [
-        "attract",
-        "direction",
-        "boundary",
-        "onDrag",
-        "onDragStart",
-        "onDragEnd",
-        "children",
-        "className",
-        "style"
-    ]);
+    var _$_object_spread = _object_spread({}, defaultProps, props), attract = _$_object_spread.attract, direction = _$_object_spread.direction, boundary = _$_object_spread.boundary, onDrag = _$_object_spread.onDrag, onDragStart = _$_object_spread.onDragStart, onDragEnd = _$_object_spread.onDragEnd, children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style;
     var classPrefix = 'nut-drag';
     var _useState = _sliced_to_array(useState(boundary), 2), boundaryState = _useState[0], setBoundaryState = _useState[1];
     var myDrag = useRef(null);
@@ -51,7 +41,7 @@ export var Drag = function(props) {
     var middleLine = useRef(0);
     var getInfo = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function() {
-            var el, _dragRef_current, top, left, bottom, right, _getWindowInfo, screenWidth, windowHeight, _ref, width, height;
+            var el, top, left, bottom, right, _getWindowInfo, screenWidth, windowHeight, _ref, width, height, dragTop, dragLeft;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -67,17 +57,14 @@ export var Drag = function(props) {
                             getRectByTaro(dragRef.current)
                         ];
                     case 1:
-                        _ref = _state.sent(), width = _ref.width, height = _ref.height;
-                        (_dragRef_current = dragRef.current) === null || _dragRef_current === void 0 ? void 0 : _dragRef_current.getBoundingClientRect();
-                        createSelectorQuery().select(".".concat(className)).boundingClientRect(function(rec) {
-                            setBoundaryState({
-                                top: -rec.top + top,
-                                left: -rec.left + left,
-                                bottom: windowHeight - rec.top - bottom - Math.ceil(height),
-                                right: screenWidth - rec.left - right - Math.ceil(width)
-                            });
-                            middleLine.current = screenWidth - rec.width - rec.left - (screenWidth - rec.width) / 2;
-                        }).exec();
+                        _ref = _state.sent(), width = _ref.width, height = _ref.height, dragTop = _ref.top, dragLeft = _ref.left;
+                        setBoundaryState({
+                            top: -dragTop + top,
+                            left: -dragLeft + left,
+                            bottom: windowHeight - dragTop - bottom - Math.ceil(height),
+                            right: screenWidth - dragLeft - right - Math.ceil(width)
+                        });
+                        middleLine.current = screenWidth - width - dragLeft - (screenWidth - width) / 2;
                         _state.label = 2;
                     case 2:
                         return [
@@ -132,7 +119,7 @@ export var Drag = function(props) {
             });
         }
     };
-    var touchEnd = function(e) {
+    var touchEnd = function() {
         onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd({
             offset: [
                 translateX.current,
@@ -152,27 +139,34 @@ export var Drag = function(props) {
         }
     };
     useEffect(function() {
-        timer.current = window.setTimeout(function() {
-            getInfo();
-        }, 300);
+        if (dragRef.current) {
+            if (web()) {
+                timer.current = window.setTimeout(function() {
+                    getInfo();
+                }, 300);
+            } else {
+                getInfo();
+            }
+        }
         return function() {
             clearTimeout(timer.current);
         };
-    }, []);
-    return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({
+    }, [
+        dragRef.current
+    ]);
+    return /*#__PURE__*/ React.createElement(View, {
         style: style,
-        className: "".concat(classPrefix, " ").concat(className)
-    }, reset), {
+        className: "".concat(classPrefix, " ").concat(className),
         ref: myDrag
-    }), /*#__PURE__*/ React.createElement("div", {
+    }, /*#__PURE__*/ React.createElement(View, {
         className: "".concat(classPrefix, "-inner"),
-        onTouchStart: function(event) {
-            return touchStart(event);
-        },
         ref: dragRef,
+        catchMove: true,
+        // @ts-ignore
+        onTouchStart: touchStart,
+        // @ts-ignore
         onTouchMove: touchMove,
         onTouchEnd: touchEnd,
-        // eslint-disable-next-line react/no-unknown-property
         style: currstyle
     }, children));
 };

package/dist/es/packages/drag/style/drag.scss

@@ -10,5 +10,6 @@
     display: inline-flex;
     width: fit-content;
     height: fit-content;
+    touch-action: none;
   }
 }

package/dist/es/packages/drag/style/style.css

@@ -15,4 +15,5 @@
   display: inline-flex;
   width: fit-content;
   height: fit-content;
+  touch-action: none;
 }

package/dist/es/packages/drag/style/style.harmony.css

@@ -15,4 +15,5 @@
   display: inline-flex;
   width: fit-content;
   height: fit-content;
+  touch-action: none;
 }

package/dist/es/packages/imagepreview/style/style.css

@@ -238,6 +238,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -259,6 +262,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -280,6 +286,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -301,6 +310,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {

package/dist/es/packages/input/input.js

@@ -27,6 +27,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     plain: false
 });
 export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
+    var classPrefix = 'nut-input';
     var rtl = useRtl();
     var locale = useConfig().locale;
     var _ref = _object_spread({}, defaultProps, props), type = _ref.type, name = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, plain = _ref.plain, onChange = _ref.onChange, onFocus = _ref.onFocus, onBlur = _ref.onBlur, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, defaultValue = _ref.defaultValue, _value = _ref.value, rest = _object_without_properties(_ref, [
@@ -81,7 +82,6 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
         };
     });
     var inputClass = useCallback(function() {
-        var classPrefix = 'nut-input';
         return [
             classPrefix,
             "".concat(disabled ? "".concat(classPrefix, "-disabled") : ''),
@@ -159,6 +159,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
         password: type === 'password',
         maxlength: maxLength,
         placeholder: placeholder === undefined ? locale.placeholder : placeholder,
+        placeholderClass: "".concat(classPrefix, "-placeholder"),
         disabled: disabled || readOnly,
         value: value,
         focus: autoFocus,

package/dist/es/packages/input/style/input.scss

@@ -8,6 +8,12 @@
   font-size: $input-font-size;
   box-sizing: border-box;
 
+  .nut-input-native .weui-input::placeholder,
+  &-placeholder {
+    color: rgb(117, 117, 117);
+    font-size: $input-font-size;
+  }
+
   .nut-icon {
     color: $color-text-disabled;
     width: 14px;
@@ -52,7 +58,3 @@
     -webkit-text-fill-color: $color-text-disabled;
   }
 }
-
-.nut-input-clear {
-  // flex: 0;
-}

package/dist/es/packages/input/style/style.css

@@ -12,6 +12,10 @@
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
   box-sizing: border-box;
 }
+.nut-input .nut-input-native .weui-input::placeholder, .nut-input-placeholder {
+  color: rgb(117, 117, 117);
+  font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
+}
 .nut-input .nut-icon {
   color: var(--nutui-color-text-disabled, #c2c4cc);
   width: 14px;

package/dist/es/packages/input/style/style.harmony.css

@@ -12,6 +12,14 @@
   font-size: 14px;
   box-sizing: border-box;
 }
+.nut-input .nut-input-native .weui-input::placeholder {
+  color: rgb(117, 117, 117);
+  font-size: 14px;
+}
+.nut-input-placeholder {
+  color: rgb(117, 117, 117);
+  font-size: 14px;
+}
 .nut-input .nut-icon {
   color: #c2c4cc;
   width: 14px;

package/dist/es/packages/numberkeyboard/style/style.css

@@ -238,6 +238,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -259,6 +262,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -280,6 +286,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -301,6 +310,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {

package/dist/es/packages/nutui.react.build.d.ts

@@ -22,12 +22,12 @@ import Col from "./col/index";
 export * from "./col/index";
 import Row from "./row/index";
 export * from "./row/index";
+import SafeArea from "./safearea/index";
+export * from "./safearea/index";
 import Space from "./space/index";
 export * from "./space/index";
 import Sticky from "./sticky/index";
 export * from "./sticky/index";
-import SafeArea from "./safearea/index";
-export * from "./safearea/index";
 import BackTop from "./backtop/index";
 export * from "./backtop/index";
 import Elevator from "./elevator/index";
@@ -40,16 +40,10 @@ import HoverButtonItem from "./hoverbuttonitem/index";
 export * from "./hoverbuttonitem/index";
 import NavBar from "./navbar/index";
 export * from "./navbar/index";
-import SideNavBar from "./sidenavbar/index";
-export * from "./sidenavbar/index";
 import SideBar from "./sidebar/index";
 export * from "./sidebar/index";
 import SideBarItem from "./sidebaritem/index";
 export * from "./sidebaritem/index";
-import SideNavBarItem from "./sidenavbaritem/index";
-export * from "./sidenavbaritem/index";
-import SubSideNavBar from "./subsidenavbar/index";
-export * from "./subsidenavbar/index";
 import Tabbar from "./tabbar/index";
 export * from "./tabbar/index";
 import TabbarItem from "./tabbaritem/index";
@@ -74,6 +68,8 @@ import CheckboxGroup from "./checkboxgroup/index";
 export * from "./checkboxgroup/index";
 import DatePicker from "./datepicker/index";
 export * from "./datepicker/index";
+import DatePickerView from "./datepickerview/index";
+export * from "./datepickerview/index";
 import Form from "./form/index";
 export * from "./form/index";
 import FormItem from "./formitem/index";
@@ -122,8 +118,6 @@ import Drag from "./drag/index";
 export * from "./drag/index";
 import Empty from "./empty/index";
 export * from "./empty/index";
-import ResultPage from "./resultpage/index";
-export * from "./resultpage/index";
 import InfiniteLoading from "./infiniteloading/index";
 export * from "./infiniteloading/index";
 import Loading from "./loading/index";
@@ -138,6 +132,8 @@ import Popup from "./popup/index";
 export * from "./popup/index";
 import PullToRefresh from "./pulltorefresh/index";
 export * from "./pulltorefresh/index";
+import ResultPage from "./resultpage/index";
+export * from "./resultpage/index";
 import Skeleton from "./skeleton/index";
 export * from "./skeleton/index";
 import Swipe from "./swipe/index";
@@ -172,12 +168,12 @@ import Lottie from "./lottie/index";
 export * from "./lottie/index";
 import Pagination from "./pagination/index";
 export * from "./pagination/index";
-import Segmented from "./segmented/index";
-export * from "./segmented/index";
 import Price from "./price/index";
 export * from "./price/index";
 import Progress from "./progress/index";
 export * from "./progress/index";
+import Segmented from "./segmented/index";
+export * from "./segmented/index";
 import Step from "./step/index";
 export * from "./step/index";
 import Steps from "./steps/index";
@@ -196,6 +192,8 @@ import Video from "./video/index";
 export * from "./video/index";
 import VirtualList from "./virtuallist/index";
 export * from "./virtuallist/index";
+import AvatarCropper from "./avatarcropper/index";
+export * from "./avatarcropper/index";
 import Barrage from "./barrage/index";
 export * from "./barrage/index";
 import Card from "./card/index";
@@ -208,6 +206,4 @@ import TrendArrow from "./trendarrow/index";
 export * from "./trendarrow/index";
 import WaterMark from "./watermark/index";
 export * from "./watermark/index";
-import AvatarCropper from "./avatarcropper/index";
-export * from "./avatarcropper/index";
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideBar, SideBarItem, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, SafeArea, Space, Sticky, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideBar, SideBarItem, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerView, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, ResultPage, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Price, Progress, Segmented, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, AvatarCropper, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };