@nutui/nutui-react-taro 3.0.20-beta.0 → 3.0.21-cpp

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

@@ -71,7 +71,7 @@
   align-items: center;
   justify-content: center;
   border-bottom: var(--nutui-popup-title-border-bottom, 0);
-  padding: var(--nutui-popup-title-padding, 16px);
+  padding: var(--nutui-popup-title-padding, 11px);
   position: relative;
 }
 .nut-popup-title-wrapper {
@@ -84,7 +84,6 @@
   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-xl, 18px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -96,13 +95,13 @@
 }
 .nut-popup-title-left {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 16px);
-  right: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  right: var(--nutui-popup-title-padding, 11px);
   z-index: 1;
   width: var(--nutui-popup-icon-size, 20px);
   height: var(--nutui-popup-icon-size, 20px);
@@ -113,20 +112,22 @@
   opacity: 0.7;
 }
 .nut-popup-title-right-top-left {
-  top: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right-bottom-left {
-  bottom: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  bottom: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right-bottom-right {
-  right: var(--nutui-popup-title-padding, 16px);
-  bottom: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
+  bottom: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-center {
   top: 50%;
   left: 50%;
+  right: auto;
+  bottom: auto;
   min-height: 10%;
   max-width: 295px;
   transform: translate(-50%, -50%);
@@ -137,6 +138,8 @@
 .nut-popup-bottom {
   bottom: 0;
   left: 0;
+  right: auto;
+  top: auto;
   width: 100%;
 }
 .nut-popup-bottom.nut-popup-round {
@@ -148,6 +151,8 @@
 .nut-popup-right {
   top: 0;
   right: 0;
+  left: auto;
+  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -157,6 +162,8 @@
 .nut-popup-left {
   top: 0;
   left: 0;
+  right: auto;
+  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -166,6 +173,8 @@
 .nut-popup-top {
   top: 0;
   left: 0;
+  right: auto;
+  bottom: auto;
   width: 100%;
 }
 .nut-popup-top.nut-popup-round {
@@ -242,6 +251,9 @@
   }
 }
 @keyframes popup-slide-top-exit {
+  from {
+    transform: translate3d(0, 0%, 0);
+  }
   to {
     transform: translate3d(0, -100%, 0);
   }
@@ -266,6 +278,9 @@
   }
 }
 @keyframes popup-slide-right-exit {
+  from {
+    transform: translate3d(0%, 0, 0);
+  }
   to {
     transform: translate3d(100%, 0, 0);
   }
@@ -290,6 +305,9 @@
   }
 }
 @keyframes slide-bottom-exit {
+  from {
+    transform: translate3d(0, 0%, 0);
+  }
   to {
     transform: translate3d(0, 100%, 0);
   }
@@ -314,6 +332,9 @@
   }
 }
 @keyframes popup-slide-left-exit {
+  from {
+    transform: translate3d(0%, 0, 0);
+  }
   to {
     transform: translate3d(-100%, 0, 0);
   }
@@ -339,27 +360,27 @@
 [dir=rtl] .nut-popup-title-left,
 .nut-rtl .nut-popup-title-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right,
 .nut-rtl .nut-popup-title-right {
   right: auto;
-  left: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-top-left,
 .nut-rtl .nut-popup-title-right-top-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-left,
 .nut-rtl .nut-popup-title-right-bottom-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-right,
 .nut-rtl .nut-popup-title-right-bottom-right {
   right: auto;
-  left: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
 .nut-rtl .nut-popup-title .nut-icon-ArrowLeft {
@@ -462,7 +483,7 @@
   align-items: center;
   justify-content: space-between;
   height: var(--nutui-popup-title-height, 50px);
-  padding: var(--nutui-popup-title-padding, 16px);
+  padding: var(--nutui-popup-title-padding, 11px);
   box-sizing: border-box;
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }

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

@@ -8,7 +8,6 @@ import React, { useState } from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { Failure, Close } from "@nutui/icons-react-taro";
-import { CSSTransition } from "react-transition-group";
 import Button from "../button/index";
 import { Content, defaultContentProps } from "./content";
 import { useConfig } from "../configprovider/configprovider";
@@ -69,8 +68,8 @@ export var BaseDialog = function(props) {
             if (!(beforeCancel === null || beforeCancel === void 0 ? void 0 : beforeCancel())) return;
             onCancel();
         };
-        var handleOk = /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function(e) {
+        var handleOk = function(e) {
+            return _async_to_generator(function() {
                 var e1;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -110,11 +109,8 @@ export var BaseDialog = function(props) {
                             ];
                     }
                 });
-            });
-            return function handleOk(e) {
-                return _ref.apply(this, arguments);
-            };
-        }();
+            })();
+        };
         var btnClass = hideCancelButton || hideConfirmButton ? "".concat(classPrefix, "-footer-block") : '';
         var renderCancelOfVertical = function() {
             return !hideCancelButton && /*#__PURE__*/ React.createElement(View, {
@@ -184,7 +180,11 @@ export var BaseDialog = function(props) {
         };
         var _obj;
         var closeClasses = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-close"), true), _define_property(_obj, "".concat(classPrefix, "-close-").concat(closeIconPosition), true), _obj));
-        var systomIcon = closeIconPosition !== 'bottom' ? /*#__PURE__*/ React.createElement(Close, null) : /*#__PURE__*/ React.createElement(Failure, null);
+        var systemIcon = closeIconPosition !== 'bottom' ? /*#__PURE__*/ React.createElement(Close, {
+            ariaHidden: true
+        }) : /*#__PURE__*/ React.createElement(Failure, {
+            ariaHidden: true
+        });
         return /*#__PURE__*/ React.createElement(View, {
             className: closeClasses,
             onClick: handleClose,
@@ -192,7 +192,7 @@ export var BaseDialog = function(props) {
             ariaLabel: locale.close,
             // @ts-ignore
             tabIndex: 0
-        }, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : systomIcon);
+        }, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : systemIcon);
     };
     var onHandleClickOverlay = function(e) {
         if (closeOnOverlayClick && visible && e.target === e.currentTarget) {
@@ -203,24 +203,29 @@ export var BaseDialog = function(props) {
     var renderContent = function() {
         var contentZIndex = harmony() ? zIndex + 1 : zIndex // 解决harmony层级问题
         ;
-        return /*#__PURE__*/ React.createElement(CSSTransition, {
-            in: visible,
-            timeout: 300,
-            classNames: "fadeDialog",
-            unmountOnExit: true,
-            appear: true
-        }, /*#__PURE__*/ React.createElement(Content, {
-            className: className,
-            style: _object_spread({
-                zIndex: contentZIndex
-            }, style),
-            title: title,
-            header: header,
-            close: renderCloseIcon(),
-            footer: renderFooter(),
-            footerDirection: footerDirection,
-            visible: visible
-        }, content || children));
+        return (
+            // <CSSTransition
+            //   in={visible}
+            //   timeout={300}
+            //   classNames="fadeDialog"
+            //   unmountOnExit
+            //   appear
+            // >
+            /*#__PURE__*/ (React.createElement(Content, {
+                className: className,
+                style: _object_spread_props(_object_spread({
+                    zIndex: contentZIndex
+                }, style), {
+                    display: visible ? 'block' : 'none'
+                }),
+                title: title,
+                header: header,
+                close: renderCloseIcon(),
+                footer: renderFooter(),
+                footerDirection: footerDirection,
+                visible: visible
+            }, content || children))
+        );
     };
     return /*#__PURE__*/ React.createElement(View, {
         style: {

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

@@ -128,7 +128,7 @@
     .nut-button {
       min-width: $dialog-footer-button-min-width;
       border-radius: $dialog-footer-button-border;
-      padding: var(--nutui-button-large-padding, 0 12px);
+      padding: var(--nutui-button-large-padding, 0);
     }
 
     &-cancel.nut-dialog-footer-cancel {

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

@@ -120,7 +120,7 @@
 .nut-dialog-footer .nut-button {
   min-width: var(--nutui-dialog-footer-button-min-width, 117px);
   border-radius: var(--nutui-dialog-footer-button-border, 6px);
-  padding: var(--nutui-button-large-padding, 0 12px);
+  padding: var(--nutui-button-large-padding, 0);
 }
 .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
   margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);

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

@@ -60,9 +60,6 @@
   /* #ifdef dynamic*/
   pointer-events: none;
   /* #endif */
-  /* #ifndef dynamic*/
-  pointer-events: auto;
-  /* #endif */
 }
 .nut-button::after {
   border: none;
@@ -557,7 +554,7 @@
 .nut-dialog-footer .nut-button {
   min-width: var(--nutui-dialog-footer-button-min-width, 117px);
   border-radius: var(--nutui-dialog-footer-button-border, 6px);
-  padding: var(--nutui-button-large-padding, 0 12px);
+  padding: var(--nutui-button-large-padding, 0);
 }
 .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
   margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);

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

@@ -128,7 +128,7 @@
     .nut-button {
       min-width: $dialog-footer-button-min-width;
       border-radius: $dialog-footer-button-border;
-      padding: var(--nutui-button-large-padding, 0 12px);
+      padding: var(--nutui-button-large-padding, 0);
     }
 
     &-cancel.nut-dialog-footer-cancel {

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

@@ -120,7 +120,7 @@
 .nut-dialog-footer .nut-button {
   min-width: var(--nutui-dialog-footer-button-min-width, 117px);
   border-radius: var(--nutui-dialog-footer-button-border, 6px);
-  padding: var(--nutui-button-large-padding, 0 12px);
+  padding: var(--nutui-button-large-padding, 0);
 }
 .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
   margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);

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

@@ -128,7 +128,7 @@
     .nut-button {
       min-width: $dialog-footer-button-min-width;
       border-radius: $dialog-footer-button-border;
-      padding: var(--nutui-button-large-padding, 0 12px);
+      padding: var(--nutui-button-large-padding, 0);
     }
 
     &-cancel.nut-dialog-footer-cancel {

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

@@ -120,7 +120,7 @@
 .nut-dialog-footer .nut-button {
   min-width: var(--nutui-dialog-footer-button-min-width, 117px);
   border-radius: var(--nutui-dialog-footer-button-border, 6px);
-  padding: var(--nutui-button-large-padding, 0 12px);
+  padding: var(--nutui-button-large-padding, 0);
 }
 .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
   margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);

package/dist/es/packages/divider/divider.js

@@ -6,7 +6,7 @@ import React from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { ComponentDefaults } from "../../utils/typings";
-import { useRtl } from "../configprovider/configprovider";
+import { useRtl } from "../configprovider/index";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     contentPosition: 'center',
     direction: 'horizontal'

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

@@ -39,8 +39,8 @@ export var Drag = function(props) {
     var translateX = useRef(0);
     var translateY = useRef(0);
     var middleLine = useRef(0);
-    var getInfo = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function() {
+    var getInfo = function() {
+        return _async_to_generator(function() {
             var el, top, left, bottom, right, _getWindowInfo, screenWidth, windowHeight, _ref, width, height, dragTop, dragLeft;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -72,11 +72,8 @@ export var Drag = function(props) {
                         ];
                 }
             });
-        });
-        return function getInfo() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var touchStart = function(e) {
         onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart();
         var touches = e.touches[0];

package/dist/es/packages/elevator/elevator.js

@@ -93,8 +93,8 @@ export var Elevator = function(props) {
             }
         });
     };
-    var scrollTo = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(index) {
+    var scrollTo = function(index) {
+        return _async_to_generator(function() {
             var cacheIndex, scrollTop;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -134,11 +134,8 @@ export var Elevator = function(props) {
                         ];
                 }
             });
-        });
-        return function scrollTo(index) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var touchMove = function(e) {
         var firstTouch = e.touches[0];
         touchState.current.y2 = firstTouch.pageY;

package/dist/es/packages/ellipsis/ellipsis.js

@@ -90,8 +90,8 @@ export var Ellipsis = function(props) {
         content
     ]);
     // 获取省略号宽度
-    var getSymbolInfo = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function() {
+    var getSymbolInfo = function() {
+        return _async_to_generator(function() {
             var refe;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -108,19 +108,16 @@ export var Ellipsis = function(props) {
                         ];
                 }
             });
-        });
-        return function getSymbolInfo() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var symbolText = function() {
         if (direction === 'end' || direction === 'middle') {
             return "".concat(symbol).concat(expandText);
         }
         return "".concat(symbol).concat(expandText).concat(symbol);
     };
-    var getReference = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function() {
+    var getReference = function() {
+        return _async_to_generator(function() {
             var query;
             return _ts_generator(this, function(_state) {
                 query = createSelectorQuery();
@@ -157,14 +154,11 @@ export var Ellipsis = function(props) {
                     2
                 ];
             });
-        });
-        return function getReference() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     // 计算省略号的位置
-    var calcEllipse = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function() {
+    var calcEllipse = function() {
+        return _async_to_generator(function() {
             var refe, rowNum, end, end1, start;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -179,8 +173,7 @@ export var Ellipsis = function(props) {
                             setExceeded(false);
                             setCacled(true);
                         } else {
-                            rowNum = Math.floor(content.length / (originHeight.current / lineH.current - 1)) // 每行的字数
-                            ;
+                            rowNum = Math.floor(content.length / (originHeight.current / lineH.current - 1)); // 每行的字数
                             if (direction === 'middle') {
                                 end = content.length;
                                 ellipsis.current.leading = tailorContent(0, rowNum * (Number(rows) + 0.5), 'end');
@@ -203,14 +196,11 @@ export var Ellipsis = function(props) {
                         ];
                 }
             });
-        });
-        return function calcEllipse() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     // 验证省略号
-    var verifyEllipsis = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function() {
+    var verifyEllipsis = function() {
+        return _async_to_generator(function() {
             var refe, _ellipsis_current_leading, _ellipsis_current, _ellipsis_current_leading1, _ellipsis_current1, _ellipsis_current2, _ellipsis_current_tailing, _ellipsis_current3;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -239,11 +229,8 @@ export var Ellipsis = function(props) {
                         ];
                 }
             });
-        });
-        return function verifyEllipsis() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var assignContent = function() {
         var _ellipsis_current, _ellipsis_current1, _ellipsis_current2, _ellipsis_current3;
         var newContent = "".concat(((_ellipsis_current = ellipsis.current) === null || _ellipsis_current === void 0 ? void 0 : _ellipsis_current.leading) || '').concat(((_ellipsis_current1 = ellipsis.current) === null || _ellipsis_current1 === void 0 ? void 0 : _ellipsis_current1.leading) ? symbol : '').concat(expandText || '').concat(((_ellipsis_current2 = ellipsis.current) === null || _ellipsis_current2 === void 0 ? void 0 : _ellipsis_current2.tailing) ? symbol : '').concat(((_ellipsis_current3 = ellipsis.current) === null || _ellipsis_current3 === void 0 ? void 0 : _ellipsis_current3.tailing) || '');

package/dist/es/packages/empty/empty.d.ts

@@ -1,11 +1,11 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { BasicComponent } from "../../utils/typings";
-import { ButtonFill, ButtonSize, ButtonType } from "../button/button";
+import { UIFill, UISize, UIType } from "../../types/base/atoms";
 export interface EmptyAction {
     text: React.ReactNode;
-    type?: ButtonType;
-    size?: ButtonSize;
-    fill?: ButtonFill;
+    type?: UIType;
+    size?: UISize;
+    fill?: UIFill;
     disabled?: boolean;
     onClick?: () => () => void;
 }

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

@@ -60,9 +60,6 @@
   /* #ifdef dynamic*/
   pointer-events: none;
   /* #endif */
-  /* #ifndef dynamic*/
-  pointer-events: auto;
-  /* #endif */
 }
 .nut-button::after {
   border: none;

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

@@ -1,4 +1,3 @@
-import React from "react";
 import { Form } from "./form";
 import { FormItem } from "../formitem/formitem";
 import { useForm, useWatch } from "./useform";

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

@@ -302,11 +302,6 @@
   padding-left: 0;
   padding-right: 12px;
 }
-[dir=rtl] .form-layout-left .nut-form-item-label .required,
-.nut-rtl .form-layout-left .nut-form-item-label .required {
-  left: auto;
-  right: 0.1em;
-}
 
 [dir=rtl] .form-layout-top .nut-form-item-label,
 .nut-rtl .form-layout-top .nut-form-item-label {