@nutui/nutui-react-taro 3.0.0-beta.9 → 3.0.0

package/dist/cjs/packages/numberkeyboard/numberkeyboard.js

@@ -20,7 +20,7 @@ var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames")
 var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _components = require("@tarojs/components");
 var _index = /*#__PURE__*/ _interop_require_default._(require("../popup/index"));
-var _configprovider = require("../configprovider/configprovider");
+var _index1 = require("../configprovider/index");
 var _typings = require("../../utils/typings");
 var _mergeprops = require("../../utils/merge-props");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
@@ -32,7 +32,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     onClose: function onClose() {}
 });
 var NumberKeyboard = function NumberKeyboard(props) {
-    var locale = (0, _configprovider.useConfig)().locale;
+    var locale = (0, _index1.useConfig)().locale;
     var _mergeProps = (0, _mergeprops.mergeProps)(defaultProps, props), title = _mergeProps.title, rightActions = _mergeProps.rightActions, confirmText = _mergeProps.confirmText, visible = _mergeProps.visible, type = _mergeProps.type, custom = _mergeProps.custom, random = _mergeProps.random, style = _mergeProps.style, className = _mergeProps.className, onChange = _mergeProps.onChange, onDelete = _mergeProps.onDelete, onClose = _mergeProps.onClose, onConfirm = _mergeProps.onConfirm, rest = (0, _object_without_properties._)(_mergeProps, [
         "title",
         "rightActions",
@@ -179,6 +179,9 @@ var NumberKeyboard = function NumberKeyboard(props) {
         onOverlayClick: onClose,
         onCloseIconClick: onClose,
         zIndex: 9999,
+        style: {
+            minHeight: 0
+        },
         overlayStyle: {
             backgroundColor: 'rgba(0, 0, 0, 0)'
         }

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

@@ -4,19 +4,14 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-overlay {
-  /* #ifdef rn */
-  position: absolute;
-  /* #endif */
-  /* #ifndef rn */
   position: fixed;
-  /* #endif */
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
-  background-color: var(--nutui-overlay-bg-color, var(--nutui-black-10));
+  background-color: var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
   z-index: var(--nutui-overlay-zIndex, 1000);
 }
 
@@ -67,7 +62,7 @@
   position: fixed;
   min-height: 46%;
   max-height: 100%;
-  background-color: var(--nutui-overlay-content-bg-color, var(--nutui-gray-1));
+  background-color: var(--nutui-overlay-content-bg-color, var(--nutui-color-background-overlay, #ffffff));
   -webkit-overflow-scrolling: touch;
   font-size: var(--nutui-font-size-base, 14px);
 }
@@ -87,13 +82,13 @@
   align-items: center;
 }
 .nut-popup-title-title {
-  color: var(--nutui-gray-7);
+  color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
   line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-popup-title-description {
-  color: var(--nutui-gray-6);
+  color: var(--nutui-color-text, #505259);
   font-size: var(--nutui-popup-description-font-size, var(--nutui-font-size-base, 14px));
   font-weight: var(--nutui-font-weight, 400);
 }
@@ -112,7 +107,7 @@
   z-index: 1;
   width: var(--nutui-popup-icon-size, 20px);
   height: var(--nutui-popup-icon-size, 20px);
-  color: var(--nutui-gray-7);
+  color: var(--nutui-color-title, #1a1a1a);
   cursor: pointer;
 }
 .nut-popup-title-right:active {
@@ -380,7 +375,7 @@
   width: 100%;
   padding: var(--nutui-numberkeyboard-padding, 0 0 22px 0);
   user-select: none;
-  background-color: var(--nutui-numberkeyboard-background-color, var(--nutui-gray-3));
+  background-color: var(--nutui-numberkeyboard-background-color, var(--nutui-color-background, #f2f3f5));
 }
 .nut-numberkeyboard-header {
   position: relative;
@@ -389,11 +384,11 @@
   justify-content: center;
   box-sizing: content-box;
   padding: var(--nutui-popup-title-padding, 16px);
-  color: var(--nutui-gray-7);
+  color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-numberkeyboard-header-title {
-  color: var(--nutui-gray-7);
+  color: var(--nutui-color-title, #1a1a1a);
   display: inline-block;
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
@@ -404,7 +399,7 @@
   top: 50%;
   transform: translateY(-50%);
   padding: var(--nutui-numberkeyboard-header-close-padding, 0 16px);
-  color: var(--nutui-numberkeyboard-header-close-color, var(--nutui-gray-6));
+  color: var(--nutui-numberkeyboard-header-close-color, var(--nutui-color-text, #505259));
   font-size: var(--nutui-numberkeyboard-header-close-font-size, 14px);
   background-color: var(--nutui-numberkeyboard-header-close-background-color, transparent);
   border: none;
@@ -430,7 +425,7 @@
   /* #endif */
   box-sizing: border-box;
   padding: 0 6px 6px 0;
-  background-color: var(--nutui-numberkeyboard-wrapper-background-color, var(--nutui-color-background-sunken, var(--nutui-gray-2)));
+  background-color: var(--nutui-numberkeyboard-wrapper-background-color, var(--nutui-color-background-sunken, #f7f8fc));
 }
 .nut-numberkeyboard-body-wrapper .key {
   display: flex;
@@ -439,8 +434,8 @@
   height: var(--nutui-numberkeyboard-key-height, 48px);
   font-size: var(--nutui-numberkeyboard-key-font-size, var(--nutui-font-size-xl, 18px));
   line-height: var(--nutui-numberkeyboard-key-line-height, 1.5);
-  background-color: var(--nutui-numberkeyboard-key-background-color, var(--nutui-gray-1));
-  color: var(--nutui-numberkeyboard-key-color, var(--nutui-gray-6));
+  background-color: var(--nutui-numberkeyboard-key-background-color, var(--nutui-color-background-overlay, #ffffff));
+  color: var(--nutui-numberkeyboard-key-color, var(--nutui-color-text, #505259));
   border-radius: var(--nutui-numberkeyboard-key-border-radius, 8px);
   border: var(--nutui-numberkeyboard-key-border, none);
   font-weight: var(--nutui-font-weight-bold, 600);
@@ -469,7 +464,7 @@
 .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm {
   font-size: var(--nutui-numberkeyboard-key-confirm-font-size, var(--nutui-font-size-l, 16px));
   color: var(--nutui-numberkeyboard-key-confirm-color, #fff);
-  background-color: var(--nutui-numberkeyboard-key-confirm-background-color, var(--nutui-brand-6));
+  background-color: var(--nutui-numberkeyboard-key-confirm-background-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm.active {
   background-color: rgba(255, 0, 0, 0.7);

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

@@ -0,0 +1,129 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-numberkeyboard {
+  width: 100%;
+  padding: 0 0 22px 0;
+  user-select: none;
+  background-color: #f2f3f5;
+}
+.nut-numberkeyboard-header {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: content-box;
+  padding: 16px;
+  color: #1a1a1a;
+  font-size: 16px;
+}
+.nut-numberkeyboard-header-title {
+  color: #1a1a1a;
+  display: inline-block;
+  font-size: 16px;
+}
+.nut-numberkeyboard-header-close {
+  position: absolute;
+  display: block;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  padding: 0 16px;
+  color: #505259;
+  font-size: 14px;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+}
+.nut-numberkeyboard-body {
+  display: flex;
+  padding: 6px 0 0 6px;
+}
+.nut-numberkeyboard-body-keys {
+  display: flex;
+  flex: 3;
+  flex-wrap: wrap;
+}
+.nut-numberkeyboard-body-wrapper {
+  position: relative;
+  flex: 1;
+  /* #ifdef harmony */
+  width: 33%;
+  /* #endif */
+  /* #ifndef harmony */
+  flex-basis: 33%;
+  /* #endif */
+  box-sizing: border-box;
+  padding: 0 6px 6px 0;
+  background-color: #f7f8fc;
+}
+.nut-numberkeyboard-body-wrapper .key {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 48px;
+  font-size: 18px;
+  line-height: 1.5;
+  background-color: #ffffff;
+  color: #505259;
+  border-radius: 8px;
+  border: none;
+  font-weight: 600;
+  cursor: pointer;
+}
+.nut-numberkeyboard-body-wrapper .key.active {
+  background-color: #ebedf0;
+}
+.nut-numberkeyboard-sidebar {
+  display: flex;
+  flex: 1;
+  flex-basis: 33%;
+  flex-direction: column;
+}
+.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper {
+  width: 100%;
+}
+.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key {
+  position: absolute;
+  top: 0;
+  right: 6px;
+  bottom: 6px;
+  left: 0;
+  height: auto;
+}
+.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm {
+  font-size: 16px;
+  color: #fff;
+  background-color: #ff0f23;
+}
+.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm.active {
+  background-color: rgba(255, 0, 0, 0.7);
+}
+
+[dir=rtl] .nut-popup .nut-numberkeyboard-header-close,
+.nut-rtl .nut-popup .nut-numberkeyboard-header-close {
+  right: auto;
+  left: 0;
+}
+[dir=rtl] .nut-popup .nut-numberkeyboard-body,
+.nut-rtl .nut-popup .nut-numberkeyboard-body {
+  padding: 6px 6px 0 0;
+}
+[dir=rtl] .nut-popup .nut-numberkeyboard-body-wrapper,
+.nut-rtl .nut-popup .nut-numberkeyboard-body-wrapper {
+  padding: 0 0 6px 6px;
+}
+[dir=rtl] .nut-popup .nut-numberkeyboard-body-wrapper .delete,
+.nut-rtl .nut-popup .nut-numberkeyboard-body-wrapper .delete {
+  transform: rotate(-180deg);
+}
+[dir=rtl] .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key,
+.nut-rtl .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key {
+  left: 6px;
+  right: 0;
+}
+[dir=rtl] .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key.delete,
+.nut-rtl .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key.delete {
+  transform: rotate(-180deg);
+}

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

@@ -10,8 +10,6 @@ import Image from "./image/index";
 export * from "./image/index";
 import Overlay from "./overlay/index";
 export * from "./overlay/index";
-import Col from "./col/index";
-export * from "./col/index";
 import Divider from "./divider/index";
 export * from "./divider/index";
 import Grid from "./grid/index";
@@ -20,6 +18,8 @@ import GridItem from "./griditem/index";
 export * from "./griditem/index";
 import Layout from "./layout/index";
 export * from "./layout/index";
+import Col from "./col/index";
+export * from "./col/index";
 import Row from "./row/index";
 export * from "./row/index";
 import Space from "./space/index";
@@ -42,6 +42,10 @@ 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";
@@ -86,6 +90,8 @@ import NumberKeyboard from "./numberkeyboard/index";
 export * from "./numberkeyboard/index";
 import Picker from "./picker/index";
 export * from "./picker/index";
+import PickerView from "./pickerview/index";
+export * from "./pickerview/index";
 import Radio from "./radio/index";
 export * from "./radio/index";
 import RadioGroup from "./radiogroup/index";
@@ -204,4 +210,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, 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, 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 };