@nutui/nutui-react-taro 3.0.0-beta.4 → 3.0.0-beta.6

package/dist/cjs/packages/hoverbuttonitem/utils.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const getIcon: (icon: React.ReactNode) => string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined;

package/dist/cjs/packages/hoverbuttonitem/utils.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getIcon", {
+    enumerable: true,
+    get: function() {
+        return getIcon;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+var getIcon = function getIcon(icon) {
+    return /*#__PURE__*/ _react.default.isValidElement(icon) ? /*#__PURE__*/ _react.default.cloneElement(icon, {
+        // @ts-ignore
+        className: 'nut-icon'
+    }) : icon;
+};

package/dist/cjs/packages/image/style/style.css

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-image {
   display: block;
   position: relative;

package/dist/cjs/packages/imagepreview/imagepreview.js

@@ -19,8 +19,9 @@ var _components = require("@tarojs/components");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _index = /*#__PURE__*/ _interop_require_default._(require("../popup/index"));
-var _index1 = /*#__PURE__*/ _interop_require_default._(require("../swiper/index"));
-var _index2 = /*#__PURE__*/ _interop_require_default._(require("../swiperitem/index"));
+var _index1 = /*#__PURE__*/ _interop_require_default._(require("../image/index"));
+var _index2 = /*#__PURE__*/ _interop_require_default._(require("../swiper/index"));
+var _index3 = /*#__PURE__*/ _interop_require_default._(require("../swiperitem/index"));
 var _typings = require("../../utils/typings");
 var _usepropsvalue = require("../../utils/use-props-value");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
@@ -203,7 +204,7 @@ var ImagePreview = function ImagePreview(props) {
         style: style,
         ref: ref,
         onTouchStart: onTouchStart
-    }, /*#__PURE__*/ _react.default.createElement(_index1.default, {
+    }, /*#__PURE__*/ _react.default.createElement(_index2.default, {
         autoPlay: autoPlay,
         className: "".concat(classPrefix, "-swiper"),
         loop: true,
@@ -237,7 +238,7 @@ var ImagePreview = function ImagePreview(props) {
     }).map(function(item, index) {
         if (item.type === 'video') {
             var _item_data = item.data, source = _item_data.source, options = _item_data.options;
-            return /*#__PURE__*/ _react.default.createElement(_index2.default, {
+            return /*#__PURE__*/ _react.default.createElement(_index3.default, {
                 key: index,
                 className: "nut-imagepreview-swiper-item"
             }, /*#__PURE__*/ _react.default.createElement(_components.Video, {
@@ -251,10 +252,10 @@ var ImagePreview = function ImagePreview(props) {
         }
         if (item.type === 'image') {
             var src = item.data.src;
-            return /*#__PURE__*/ _react.default.createElement(_index2.default, {
+            return /*#__PURE__*/ _react.default.createElement(_index3.default, {
                 key: index,
                 className: "nut-imagepreview-swiper-item"
-            }, "(", /*#__PURE__*/ _react.default.createElement(_components.Image, (0, _object_spread._)({
+            }, /*#__PURE__*/ _react.default.createElement(_index1.default, (0, _object_spread._)({
                 src: src,
                 mode: "widthFix",
                 onClick: closeOnImg,
@@ -263,7 +264,7 @@ var ImagePreview = function ImagePreview(props) {
                 }
             }, _taro.default.getEnv() !== 'WEB' && {
                 showMenuByLongpress: showMenuByLongpress
-            })), ")");
+            })));
         }
         return null;
     }))), pagination ? /*#__PURE__*/ _react.default.createElement(_components.View, {

package/dist/cjs/packages/imagepreview/style/imagepreview.scss

@@ -34,6 +34,10 @@
     background: transparent;
     color: $white;
 
+    .nut-icon {
+      color: $white;
+    }
+
     &.top-right {
       top: 50px;
       right: 20px;
@@ -68,6 +72,13 @@
       justify-content: center;
       height: 100%;
 
+      .nut-image,
+      .nut-video {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
       .nut-image-preview-box {
         width: 100%;
       }

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

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-overlay {
   /* #ifdef rn */
   position: absolute;
@@ -146,9 +150,6 @@
   bottom: 0;
   left: 0;
   width: 100%;
-  /* #ifdef rn */
-  height: 300px;
-  /* #endif */
 }
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0;
@@ -642,6 +643,9 @@
   background: transparent;
   color: #ffffff;
 }
+.nut-imagepreview-close .nut-icon {
+  color: #ffffff;
+}
 .nut-imagepreview-close.top-right {
   top: 50px;
   right: 20px;
@@ -670,6 +674,14 @@
   justify-content: center;
   height: 100%;
 }
+.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-image,
+.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-video,
+.nut-imagepreview-swiper .nut-swiper-item .nut-image,
+.nut-imagepreview-swiper .nut-swiper-item .nut-video {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 .nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-image-preview-box,
 .nut-imagepreview-swiper .nut-swiper-item .nut-image-preview-box {
   width: 100%;

package/dist/cjs/packages/indicator/style/style.css

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-indicator {
   display: flex;
   flex-direction: row;

package/dist/cjs/packages/infiniteloading/style/style.css

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-infiniteloading {
   display: block;
   width: 100%;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-input {
   position: relative;
   display: flex;

package/dist/cjs/packages/inputnumber/style/style.css

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-inputnumber {
   display: flex;
   flex-direction: row;

package/dist/cjs/packages/layout/style/style.css

@@ -0,0 +1,4 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */

package/dist/cjs/packages/loading/style/style.css

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-loading {
   display: inline-flex;
   flex-direction: row;

package/dist/cjs/packages/menu/style/style.css

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-overlay {
   /* #ifdef rn */
   position: absolute;

package/dist/cjs/packages/menuitem/style/style.css

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-overlay {
   /* #ifdef rn */
   position: absolute;

package/dist/cjs/packages/navbar/style/style.css

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-navbar {
   width: var(--nutui-navbar-width, 100%);
   position: relative;

package/dist/cjs/packages/noticebar/style/style.css

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-noticebar {
   width: 100%;
 }

package/dist/cjs/packages/notify/style/style.css

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 /*入场动画开始*/
 .fade-enter {
   opacity: 0;

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

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-overlay {
   /* #ifdef rn */
   position: absolute;
@@ -146,9 +150,6 @@
   bottom: 0;
   left: 0;
   width: 100%;
-  /* #ifdef rn */
-  height: 300px;
-  /* #endif */
 }
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0;

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

@@ -164,6 +164,8 @@ import Indicator from "./indicator/index";
 export * from "./indicator/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";
@@ -200,4 +202,4 @@ 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, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, 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, Pagination, 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, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, 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, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };

package/dist/cjs/packages/nutui.react.build.js

@@ -28,7 +28,7 @@ _export(exports, {
         return _index73.default;
     },
     AvatarCropper: function() {
-        return _index100.default;
+        return _index101.default;
     },
     AvatarGroup: function() {
         return _index74.default;
@@ -40,7 +40,7 @@ _export(exports, {
         return _index55.default;
     },
     Barrage: function() {
-        return _index94.default;
+        return _index95.default;
     },
     Button: function() {
         return _index.default;
@@ -55,7 +55,7 @@ _export(exports, {
         return _index30.default;
     },
     Card: function() {
-        return _index95.default;
+        return _index96.default;
     },
     Cascader: function() {
         return _index32.default;
@@ -190,10 +190,10 @@ _export(exports, {
         return _index65.default;
     },
     Price: function() {
-        return _index83.default;
+        return _index84.default;
     },
     Progress: function() {
-        return _index84.default;
+        return _index85.default;
     },
     PullToRefresh: function() {
         return _index66.default;
@@ -222,6 +222,9 @@ _export(exports, {
     SearchBar: function() {
         return _index48.default;
     },
+    Segmented: function() {
+        return _index83.default;
+    },
     ShortPassword: function() {
         return _index49.default;
     },
@@ -241,10 +244,10 @@ _export(exports, {
         return _index12.default;
     },
     Step: function() {
-        return _index85.default;
+        return _index86.default;
     },
     Steps: function() {
-        return _index86.default;
+        return _index87.default;
     },
     Sticky: function() {
         return _index13.default;
@@ -256,10 +259,10 @@ _export(exports, {
         return _index68.default;
     },
     Swiper: function() {
-        return _index87.default;
+        return _index88.default;
     },
     SwiperItem: function() {
-        return _index88.default;
+        return _index89.default;
     },
     Switch: function() {
         return _index51.default;
@@ -274,43 +277,43 @@ _export(exports, {
         return _index25.default;
     },
     Table: function() {
-        return _index89.default;
+        return _index90.default;
     },
     Tabs: function() {
         return _index27.default;
     },
     Tag: function() {
-        return _index90.default;
+        return _index91.default;
     },
     TextArea: function() {
         return _index52.default;
     },
     TimeDetail: function() {
-        return _index96.default;
+        return _index97.default;
     },
     TimeSelect: function() {
-        return _index97.default;
+        return _index98.default;
     },
     Toast: function() {
         return _index69.default;
     },
     Tour: function() {
-        return _index91.default;
+        return _index92.default;
     },
     TrendArrow: function() {
-        return _index98.default;
+        return _index99.default;
     },
     Uploader: function() {
         return _index53.default;
     },
     Video: function() {
-        return _index92.default;
+        return _index93.default;
     },
     VirtualList: function() {
-        return _index93.default;
+        return _index94.default;
     },
     WaterMark: function() {
-        return _index99.default;
+        return _index100.default;
     }
 });
 var _export_star = require("@swc/helpers/_/_export_star");
@@ -398,21 +401,22 @@ var _index79 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("
 var _index80 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./imagepreview/index"), exports));
 var _index81 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./indicator/index"), exports));
 var _index82 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./pagination/index"), exports));
-var _index83 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./price/index"), exports));
-var _index84 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./progress/index"), exports));
-var _index85 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./step/index"), exports));
-var _index86 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./steps/index"), exports));
-var _index87 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./swiper/index"), exports));
-var _index88 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./swiperitem/index"), exports));
-var _index89 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./table/index"), exports));
-var _index90 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./tag/index"), exports));
-var _index91 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./tour/index"), exports));
-var _index92 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./video/index"), exports));
-var _index93 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./virtuallist/index"), exports));
-var _index94 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./barrage/index"), exports));
-var _index95 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./card/index"), exports));
-var _index96 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./timedetail/index"), exports));
-var _index97 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./timeselect/index"), exports));
-var _index98 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./trendarrow/index"), exports));
-var _index99 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./watermark/index"), exports));
-var _index100 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./avatarcropper/index"), exports));
+var _index83 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./segmented/index"), exports));
+var _index84 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./price/index"), exports));
+var _index85 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./progress/index"), exports));
+var _index86 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./step/index"), exports));
+var _index87 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./steps/index"), exports));
+var _index88 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./swiper/index"), exports));
+var _index89 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./swiperitem/index"), exports));
+var _index90 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./table/index"), exports));
+var _index91 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./tag/index"), exports));
+var _index92 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./tour/index"), exports));
+var _index93 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./video/index"), exports));
+var _index94 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./virtuallist/index"), exports));
+var _index95 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./barrage/index"), exports));
+var _index96 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./card/index"), exports));
+var _index97 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./timedetail/index"), exports));
+var _index98 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./timeselect/index"), exports));
+var _index99 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./trendarrow/index"), exports));
+var _index100 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./watermark/index"), exports));
+var _index101 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./avatarcropper/index"), exports));

package/dist/cjs/packages/nutui.react.d.ts

@@ -164,6 +164,8 @@ import Indicator from "./indicator/index";
 export * from "./indicator/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";
@@ -283,6 +285,7 @@ import "./ellipsis/ellipsis.scss";
 import "./imagepreview/imagepreview.scss";
 import "./indicator/indicator.scss";
 import "./pagination/pagination.scss";
+import "./segmented/segmented.scss";
 import "./price/price.scss";
 import "./progress/progress.scss";
 import "./step/step.scss";
@@ -301,4 +304,4 @@ import "./timeselect/timeselect.scss";
 import "./trendarrow/trendarrow.scss";
 import "./watermark/watermark.scss";
 import "./avatarcropper/avatarcropper.scss";
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, 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, Pagination, 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, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, 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, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };