@nutui/nutui-react 2.0.0-alpha.1 → 2.0.0-alpha.3

package/dist/esm/Progress.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "style", "isShowPercentage", "percentage", "fillColor", "strokeColor", "strokeWidth", "size", "textColor", "textWidth", "showText", "textInside", "textBackground", "textType", "status", "icon", "children"];
+var _excluded = ["className", "style", "percent", "background", "color", "strokeWidth", "showText", "animated", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,93 +24,45 @@ function _objectSpread(target) {
 }
 import React__default from "react";
 import classNames from "classnames";
-import { Checked } from "@nutui/icons-react";
-import { c as cn } from "./bem.js";
 import { C as ComponentDefaults } from "./typings.js";
-import "@bem-react/classname";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: "",
-  style: {},
-  isShowPercentage: true,
-  percentage: 0,
-  fillColor: "#f3f3f3",
-  strokeColor: "linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)",
-  strokeWidth: "",
-  textColor: "",
-  textWidth: "",
-  showText: true,
-  textInside: false,
-  textBackground: "linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)",
-  textType: "text",
-  status: false,
-  icon: null,
-  children: void 0
+  percent: 0,
+  showText: false,
+  animated: false
 });
 var Progress = function Progress2(props) {
-  var _classNames, _classNames2, _classNames4;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, isShowPercentage = _defaultProps$props.isShowPercentage, percentage = _defaultProps$props.percentage, fillColor = _defaultProps$props.fillColor, strokeColor = _defaultProps$props.strokeColor, strokeWidth = _defaultProps$props.strokeWidth, size = _defaultProps$props.size, textColor = _defaultProps$props.textColor, textWidth = _defaultProps$props.textWidth, showText = _defaultProps$props.showText, textInside = _defaultProps$props.textInside, textBackground = _defaultProps$props.textBackground, textType = _defaultProps$props.textType, status = _defaultProps$props.status, icon = _defaultProps$props.icon, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn("progress");
-  var classes = classNames(b(""));
-  var classesOuter = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b(""), "-outer"), true), _defineProperty(_classNames, "".concat(b(""), "-").concat(size || "base"), true), _classNames));
-  var classesInner = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(b(""), "-inner"), true), _defineProperty(_classNames2, "".concat(b(""), "-active"), status), _classNames2));
-  var classesText = classNames(_defineProperty({}, "".concat(b(""), "-text"), true));
-  var classesInsideText = classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(b(""), "-text"), true), _defineProperty(_classNames4, "".concat(b(""), "-insidetext"), true), _classNames4));
-  var classesTextInner = classNames(_defineProperty({}, "".concat(b(""), "-text__inner"), true));
+  var _classNames;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, percent = _defaultProps$props.percent, background = _defaultProps$props.background, color = _defaultProps$props.color, strokeWidth = _defaultProps$props.strokeWidth, showText = _defaultProps$props.showText, animated = _defaultProps$props.animated, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-progress";
+  var classesInner = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-inner"), true), _defineProperty(_classNames, "".concat(classPrefix, "-active"), animated), _classNames));
   var stylesOuter = {
     height: "".concat(strokeWidth, "px"),
-    // eslint-disable-next-line no-nested-ternary
-    background: "".concat(fillColor)
+    background
   };
   var stylesInner = {
-    width: "".concat(percentage, "%"),
-    // eslint-disable-next-line no-nested-ternary
-    background: "".concat(strokeColor)
-  };
-  var stylesInsideText = {
-    width: "".concat(textWidth, "px"),
-    left: "".concat(percentage, "%"),
-    background: textBackground || strokeColor
-  };
-  var stylesInsideIcon = {
-    width: "".concat(textWidth, "px"),
-    left: "".concat(percentage, "%")
-  };
-  var stylesText = {
-    width: "".concat(textWidth, "px")
+    width: "".concat(percent, "%"),
+    background: color
   };
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(classes, " ").concat(className),
+    className: classNames(classPrefix, className),
     style
   }, rest), React__default.createElement("div", {
-    className: classesOuter,
+    className: "".concat(classPrefix, "-outer"),
     style: stylesOuter
   }, React__default.createElement("div", {
     className: classesInner,
     style: stylesInner
-  }, showText && textInside && React__default.createElement(React__default.Fragment, null, children ? React__default.createElement("div", {
-    className: classesInsideText,
-    style: stylesInsideIcon
-  }, children) : React__default.createElement("div", {
-    className: classesInsideText,
-    style: stylesInsideText
-  }, React__default.createElement("span", {
-    className: classesTextInner,
+  }, showText && React__default.createElement("div", {
+    className: "".concat(classPrefix, "-text"),
     style: {
-      color: textColor
+      left: "".concat(percent, "%")
     }
-  }, percentage, isShowPercentage ? "%" : ""))))), showText && !textInside && React__default.createElement("div", {
-    className: classesText,
-    style: stylesText
-  }, textType === "text" && React__default.createElement("span", {
-    className: classesTextInner,
+  }, children || React__default.createElement("div", {
+    className: "".concat(classPrefix, "-text__inner"),
     style: {
-      color: textColor
+      background: color
     }
-  }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && React__default.createElement(React__default.Fragment, null, icon || React__default.createElement(Checked, {
-    width: 16,
-    height: 16,
-    color: "#439422"
-  }))));
+  }, percent, "%")))));
 };
 Progress.defaultProps = defaultProps;
 Progress.displayName = "NutProgress";

package/dist/esm/Switch.js

@@ -21,58 +21,44 @@ function _objectSpread(target) {
   }
   return target;
 }
-import React__default, { useState, useEffect } from "react";
-import { c as cn } from "./bem.js";
+import React__default from "react";
 import { C as ComponentDefaults } from "./typings.js";
-import "@bem-react/classname";
+import { u as usePropsValue } from "./use-props-value.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  isAsync: false,
-  checked: false,
-  disable: false,
-  activeColor: "",
-  inactiveColor: "",
+  disabled: false,
   activeText: "",
-  inactiveText: "",
-  className: ""
+  inactiveText: ""
 });
 var Switch = function Switch2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), isAsync = _defaultProps$props.isAsync, checked = _defaultProps$props.checked, disable = _defaultProps$props.disable, activeColor = _defaultProps$props.activeColor, inactiveColor = _defaultProps$props.inactiveColor, activeText = _defaultProps$props.activeText, inactiveText = _defaultProps$props.inactiveText, onChange = _defaultProps$props.onChange, className = _defaultProps$props.className, style = _defaultProps$props.style;
-  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), value = _useState2[0], setValue = _useState2[1];
-  var b = cn("switch");
-  useEffect(function() {
-    setValue(checked);
-  }, [checked]);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), checked = _defaultProps$props.checked, defaultChecked = _defaultProps$props.defaultChecked, disabled = _defaultProps$props.disabled, activeText = _defaultProps$props.activeText, inactiveText = _defaultProps$props.inactiveText, className = _defaultProps$props.className, style = _defaultProps$props.style, onChange = _defaultProps$props.onChange;
+  var classPrefix = "nut-switch";
+  var _usePropsValue = usePropsValue({
+    value: checked,
+    defaultValue: defaultChecked
+  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), value = _usePropsValue2[0], setValue = _usePropsValue2[1];
   var classes = function classes2() {
-    return "".concat(b(), " ").concat(value ? "switch-open" : "switch-close", " ").concat(disable ? "".concat(b(), "-disable") : "", " ", "".concat(b(), "-base"), " ").concat(className);
-  };
-  var styles = function styles2() {
-    var myStyle = _objectSpread({
-      backgroundColor: value ? activeColor : inactiveColor
-    }, style || {});
-    return myStyle;
+    return "".concat(classPrefix, " ").concat(value ? "switch-open" : "switch-close", " ").concat(disabled ? "".concat(classPrefix, "-disabled") : "", " ", "".concat(classPrefix, "-base"), " ").concat(className);
   };
   var _onClick = function onClick(event) {
-    if (disable)
+    if (disabled)
       return;
-    if (!isAsync) {
-      setValue(!value);
-    }
     onChange && onChange(!value, event);
+    setValue(!value);
   };
   return React__default.createElement("div", {
     className: classes(),
     onClick: function onClick(e) {
       return _onClick(e);
     },
-    style: styles()
+    style
   }, React__default.createElement("div", {
     className: "switch-button"
   }, !value && React__default.createElement("div", {
     className: "close-line"
   }), activeText && React__default.createElement(React__default.Fragment, null, value ? React__default.createElement("div", {
-    className: "".concat(b("label"), " open")
+    className: "".concat(classPrefix, "__label open")
   }, activeText) : React__default.createElement("div", {
-    className: "".concat(b("label"), " close")
+    className: "".concat(classPrefix, "__label close")
   }, inactiveText))));
 };
 Switch.defaultProps = defaultProps;

package/dist/esm/TabPane.js

@@ -1,8 +1,6 @@
 import { T as TabPane } from "./tabpane2.js";
 import "react";
 import "classnames";
-import "./bem.js";
-import "@bem-react/classname";
 export {
   TabPane as default
 };

package/dist/esm/Tabs.js

@@ -2,10 +2,10 @@ import { T as Tabs } from "./tabs2.js";
 import "react";
 import "classnames";
 import "@nutui/icons-react";
-import "./bem.js";
-import "@bem-react/classname";
 import "./typings.js";
 import "./TabPane.js";
+import "./raf.js";
+import "./use-props-value.js";
 export {
   Tabs as default
 };

package/dist/esm/Uploader.js

@@ -473,9 +473,8 @@ var InternalUploader = function InternalUploader2(props, ref) {
         return onDeleteItem(item, index);
       }
     }), item.status === "uploading" && React__default.createElement(Progress, {
-      size: "small",
-      percentage: item.percentage,
-      strokeColor: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)",
+      percent: item.percentage,
+      color: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)",
       showText: false
     })));
   }), maxCount > fileList.length && previewType === "picture" && !children && React__default.createElement("div", {

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

@@ -4,185 +4,185 @@ import { default as default4 } from "./CellGroup.js";
 import { default as default5 } from "./ConfigProvider.js";
 import { default as default6 } from "./Image.js";
 import { default as default7 } from "./Overlay.js";
-import { default as default8 } from "./Popup.js";
-import { default as default9 } from "./Col.js";
-import { default as default10 } from "./Divider.js";
-import { default as default11 } from "./Grid.js";
-import { default as default12 } from "./GridItem.js";
-import { default as default13 } from "./Layout.js";
-import { default as default14 } from "./Row.js";
-import { default as default15 } from "./Sticky.js";
+import { default as default8 } from "./Col.js";
+import { default as default9 } from "./Divider.js";
+import { default as default10 } from "./Grid.js";
+import { default as default11 } from "./GridItem.js";
+import { default as default12 } from "./Layout.js";
+import { default as default13 } from "./Row.js";
+import { default as default14 } from "./Sticky.js";
+import { default as default15 } from "./BackTop.js";
 import { default as default16 } from "./Elevator.js";
 import { default as default17 } from "./FixedNav.js";
-import { default as default18 } from "./Indicator.js";
-import { default as default19 } from "./Menu.js";
-import { default as default20 } from "./MenuItem.js";
-import { default as default21 } from "./NavBar.js";
-import { default as default22 } from "./Pagination.js";
-import { default as default23 } from "./SideNavBar.js";
-import { default as default24 } from "./SideNavBarItem.js";
-import { default as default25 } from "./SubSideNavBar.js";
-import { default as default26 } from "./Tabbar.js";
-import { default as default27 } from "./TabbarItem.js";
-import { default as default28 } from "./TabPane.js";
-import { default as default29 } from "./Tabs.js";
-import { default as default30 } from "./Calendar.js";
-import { default as default31 } from "./CalendarItem.js";
-import { default as default32 } from "./Cascader.js";
-import { default as default33 } from "./Checkbox.js";
-import { default as default34 } from "./CheckboxGroup.js";
-import { default as default35 } from "./DatePicker.js";
-import { default as default36 } from "./Form.js";
-import { default as default37 } from "./FormItem.js";
-import { default as default38 } from "./Input.js";
-import { default as default39 } from "./InputNumber.js";
-import { default as default40 } from "./NumberKeyboard.js";
-import { default as default41 } from "./Picker.js";
-import { default as default42 } from "./Radio.js";
-import { default as default43 } from "./RadioGroup.js";
-import { default as default44 } from "./Range.js";
-import { default as default45 } from "./Rate.js";
-import { default as default46 } from "./SearchBar.js";
-import { default as default47 } from "./ShortPassword.js";
-import { default as default48 } from "./TextArea.js";
-import { default as default49 } from "./Uploader.js";
-import { default as default50 } from "./ActionSheet.js";
-import { default as default51 } from "./BackTop.js";
-import { default as default52 } from "./Dialog.js";
-import { default as default53 } from "./Drag.js";
-import { default as default54 } from "./Infiniteloading.js";
-import { default as default55 } from "./Notify.js";
-import { default as default56 } from "./PullToRefresh.js";
-import { default as default57 } from "./Swipe.js";
-import { default as default58 } from "./Switch.js";
-import { default as default59 } from "./Toast.js";
-import { default as default60 } from "./Animate.js";
-import { default as default61 } from "./AnimatingNumbers.js";
-import { default as default62 } from "./Audio.js";
-import { default as default63 } from "./Avatar.js";
-import { default as default64 } from "./AvatarGroup.js";
-import { default as default65 } from "./Badge.js";
-import { default as default66 } from "./CircleProgress.js";
-import { default as default67 } from "./Collapse.js";
-import { default as default68 } from "./CollapseItem.js";
-import { default as default69 } from "./CountDown.js";
-import { default as default70 } from "./Ellipsis.js";
-import { default as default71 } from "./Empty.js";
-import { default as default72 } from "./ImagePreview.js";
-import { default as default73 } from "./NoticeBar.js";
-import { default as default74 } from "./Popover.js";
-import { default as default75 } from "./Price.js";
-import { default as default76 } from "./Progress.js";
-import { default as default77 } from "./Skeleton.js";
-import { default as default78 } from "./Step.js";
-import { default as default79 } from "./Steps.js";
-import { default as default80 } from "./Swiper.js";
-import { default as default81 } from "./SwiperItem.js";
-import { default as default82 } from "./Table.js";
-import { default as default83 } from "./Tag.js";
-import { default as default84 } from "./TrendArrow.js";
-import { default as default85 } from "./Video.js";
-import { default as default86 } from "./VirtualList.js";
-import { default as default87 } from "./WaterMark.js";
-import { default as default88 } from "./Address.js";
-import { default as default89 } from "./Barrage.js";
-import { default as default90 } from "./Card.js";
-import { default as default91 } from "./Signature.js";
-import { default as default92 } from "./TimeDetail.js";
-import { default as default93 } from "./TimePannel.js";
-import { default as default94 } from "./TimeSelect.js";
+import { default as default18 } from "./NavBar.js";
+import { default as default19 } from "./SideNavBar.js";
+import { default as default20 } from "./SideNavBarItem.js";
+import { default as default21 } from "./SubSideNavBar.js";
+import { default as default22 } from "./Tabbar.js";
+import { default as default23 } from "./TabbarItem.js";
+import { default as default24 } from "./TabPane.js";
+import { default as default25 } from "./Tabs.js";
+import { default as default26 } from "./Address.js";
+import { default as default27 } from "./Calendar.js";
+import { default as default28 } from "./CalendarItem.js";
+import { default as default29 } from "./Cascader.js";
+import { default as default30 } from "./Checkbox.js";
+import { default as default31 } from "./CheckboxGroup.js";
+import { default as default32 } from "./DatePicker.js";
+import { default as default33 } from "./Form.js";
+import { default as default34 } from "./FormItem.js";
+import { default as default35 } from "./Input.js";
+import { default as default36 } from "./InputNumber.js";
+import { default as default37 } from "./Menu.js";
+import { default as default38 } from "./MenuItem.js";
+import { default as default39 } from "./NumberKeyboard.js";
+import { default as default40 } from "./Picker.js";
+import { default as default41 } from "./Radio.js";
+import { default as default42 } from "./RadioGroup.js";
+import { default as default43 } from "./Range.js";
+import { default as default44 } from "./Rate.js";
+import { default as default45 } from "./SearchBar.js";
+import { default as default46 } from "./ShortPassword.js";
+import { default as default47 } from "./Signature.js";
+import { default as default48 } from "./Switch.js";
+import { default as default49 } from "./TextArea.js";
+import { default as default50 } from "./Uploader.js";
+import { default as default51 } from "./ActionSheet.js";
+import { default as default52 } from "./Badge.js";
+import { default as default53 } from "./Dialog.js";
+import { default as default54 } from "./Drag.js";
+import { default as default55 } from "./Empty.js";
+import { default as default56 } from "./Infiniteloading.js";
+import { default as default57 } from "./NoticeBar.js";
+import { default as default58 } from "./Notify.js";
+import { default as default59 } from "./Popover.js";
+import { default as default60 } from "./PullToRefresh.js";
+import { default as default61 } from "./Skeleton.js";
+import { default as default62 } from "./Swipe.js";
+import { default as default63 } from "./Popup.js";
+import { default as default64 } from "./Toast.js";
+import { default as default65 } from "./Animate.js";
+import { default as default66 } from "./AnimatingNumbers.js";
+import { default as default67 } from "./Audio.js";
+import { default as default68 } from "./Avatar.js";
+import { default as default69 } from "./AvatarGroup.js";
+import { default as default70 } from "./CircleProgress.js";
+import { default as default71 } from "./Collapse.js";
+import { default as default72 } from "./CollapseItem.js";
+import { default as default73 } from "./CountDown.js";
+import { default as default74 } from "./Ellipsis.js";
+import { default as default75 } from "./ImagePreview.js";
+import { default as default76 } from "./Indicator.js";
+import { default as default77 } from "./VirtualList.js";
+import { default as default78 } from "./Pagination.js";
+import { default as default79 } from "./Price.js";
+import { default as default80 } from "./Progress.js";
+import { default as default81 } from "./Step.js";
+import { default as default82 } from "./Steps.js";
+import { default as default83 } from "./Swiper.js";
+import { default as default84 } from "./SwiperItem.js";
+import { default as default85 } from "./Table.js";
+import { default as default86 } from "./Tag.js";
+import { default as default87 } from "./Video.js";
+import { default as default88 } from "./Barrage.js";
+import { default as default89 } from "./Card.js";
+import { default as default90 } from "./TimeDetail.js";
+import { default as default91 } from "./TimePannel.js";
+import { default as default92 } from "./TimeSelect.js";
+import { default as default93 } from "./TrendArrow.js";
+import { default as default94 } from "./WaterMark.js";
 export {
-  default50 as ActionSheet,
-  default88 as Address,
-  default60 as Animate,
-  default61 as AnimatingNumbers,
-  default62 as Audio,
-  default63 as Avatar,
-  default64 as AvatarGroup,
-  default51 as BackTop,
-  default65 as Badge,
-  default89 as Barrage,
+  default51 as ActionSheet,
+  default26 as Address,
+  default65 as Animate,
+  default66 as AnimatingNumbers,
+  default67 as Audio,
+  default68 as Avatar,
+  default69 as AvatarGroup,
+  default15 as BackTop,
+  default52 as Badge,
+  default88 as Barrage,
   default2 as Button,
-  default30 as Calendar,
-  default31 as CalendarItem,
-  default90 as Card,
-  default32 as Cascader,
+  default27 as Calendar,
+  default28 as CalendarItem,
+  default89 as Card,
+  default29 as Cascader,
   default3 as Cell,
   default4 as CellGroup,
-  default33 as Checkbox,
-  default34 as CheckboxGroup,
-  default66 as CircleProgress,
-  default9 as Col,
-  default67 as Collapse,
-  default68 as CollapseItem,
+  default30 as Checkbox,
+  default31 as CheckboxGroup,
+  default70 as CircleProgress,
+  default8 as Col,
+  default71 as Collapse,
+  default72 as CollapseItem,
   default5 as ConfigProvider,
-  default69 as CountDown,
-  default35 as DatePicker,
-  default52 as Dialog,
-  default10 as Divider,
-  default53 as Drag,
+  default73 as CountDown,
+  default32 as DatePicker,
+  default53 as Dialog,
+  default9 as Divider,
+  default54 as Drag,
   default16 as Elevator,
-  default70 as Ellipsis,
-  default71 as Empty,
+  default74 as Ellipsis,
+  default55 as Empty,
   default17 as FixedNav,
-  default36 as Form,
-  default37 as FormItem,
-  default11 as Grid,
-  default12 as GridItem,
+  default33 as Form,
+  default34 as FormItem,
+  default10 as Grid,
+  default11 as GridItem,
   default6 as Image,
-  default72 as ImagePreview,
-  default18 as Indicator,
-  default54 as Infiniteloading,
-  default38 as Input,
-  default39 as InputNumber,
-  default13 as Layout,
-  default19 as Menu,
-  default20 as MenuItem,
-  default21 as NavBar,
-  default73 as NoticeBar,
-  default55 as Notify,
-  default40 as NumberKeyboard,
+  default75 as ImagePreview,
+  default76 as Indicator,
+  default56 as Infiniteloading,
+  default35 as Input,
+  default36 as InputNumber,
+  default12 as Layout,
+  default37 as Menu,
+  default38 as MenuItem,
+  default18 as NavBar,
+  default57 as NoticeBar,
+  default58 as Notify,
+  default39 as NumberKeyboard,
   default7 as Overlay,
-  default22 as Pagination,
-  default41 as Picker,
-  default74 as Popover,
-  default8 as Popup,
-  default75 as Price,
-  default76 as Progress,
-  default56 as PullToRefresh,
-  default42 as Radio,
-  default43 as RadioGroup,
-  default44 as Range,
-  default45 as Rate,
-  default14 as Row,
-  default46 as SearchBar,
-  default47 as ShortPassword,
-  default23 as SideNavBar,
-  default24 as SideNavBarItem,
-  default91 as Signature,
-  default77 as Skeleton,
-  default78 as Step,
-  default79 as Steps,
-  default15 as Sticky,
-  default25 as SubSideNavBar,
-  default57 as Swipe,
-  default80 as Swiper,
-  default81 as SwiperItem,
-  default58 as Switch,
-  default28 as TabPane,
-  default26 as Tabbar,
-  default27 as TabbarItem,
-  default82 as Table,
-  default29 as Tabs,
-  default83 as Tag,
-  default48 as TextArea,
-  default92 as TimeDetail,
-  default93 as TimePannel,
-  default94 as TimeSelect,
-  default59 as Toast,
-  default84 as TrendArrow,
-  default49 as Uploader,
-  default85 as Video,
-  default86 as VirtualList,
-  default87 as WaterMark
+  default78 as Pagination,
+  default40 as Picker,
+  default59 as Popover,
+  default63 as Popup,
+  default79 as Price,
+  default80 as Progress,
+  default60 as PullToRefresh,
+  default41 as Radio,
+  default42 as RadioGroup,
+  default43 as Range,
+  default44 as Rate,
+  default13 as Row,
+  default45 as SearchBar,
+  default46 as ShortPassword,
+  default19 as SideNavBar,
+  default20 as SideNavBarItem,
+  default47 as Signature,
+  default61 as Skeleton,
+  default81 as Step,
+  default82 as Steps,
+  default14 as Sticky,
+  default21 as SubSideNavBar,
+  default62 as Swipe,
+  default83 as Swiper,
+  default84 as SwiperItem,
+  default48 as Switch,
+  default24 as TabPane,
+  default22 as Tabbar,
+  default23 as TabbarItem,
+  default85 as Table,
+  default25 as Tabs,
+  default86 as Tag,
+  default49 as TextArea,
+  default90 as TimeDetail,
+  default91 as TimePannel,
+  default92 as TimeSelect,
+  default64 as Toast,
+  default93 as TrendArrow,
+  default50 as Uploader,
+  default87 as Video,
+  default77 as VirtualList,
+  default94 as WaterMark
 };