@nutui/nutui-react-taro 2.0.0-alpha.1 → 2.0.0-alpha.2

package/dist/esm/{menuitem.taro-86a6bb6c.js → menuitem.taro-bca78e07.js}

@@ -1,40 +1,37 @@
 import React__default, { forwardRef, useState, useEffect, useImperativeHandle } from 'react';
 import classNames from 'classnames';
+import { getSystemInfoSync } from '@tarojs/taro';
 import { CSSTransition } from 'react-transition-group';
 import { Check } from '@nutui/icons-react-taro';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
 import { O as Overlay } from './overlay.taro-ad0d4775.js';
+import { g as getRectByTaro } from './use-client-rect-1f8ed1fe.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
     ...ComponentDefaults,
-    className: '',
-    style: {},
     columns: 1,
     direction: 'down',
-    optionsIcon: null,
+    icon: null,
+    closeOnClickAway: false,
     activeTitleClass: '',
     inactiveTitleClass: '',
     onChange: (value) => undefined,
 };
 const MenuItem = forwardRef((props, ref) => {
-    useConfig();
-    const mergedProps = { ...defaultProps, ...props };
-    const { style, options, value, columns, title, optionsIcon, direction, onChange, activeTitleClass, inactiveTitleClass, children, } = {
+    const { className, style, options, value, columns, title, icon, direction, onChange, activeTitleClass, inactiveTitleClass, closeOnClickAway, children, activeColor, show, parent, index, } = {
         ...defaultProps,
         ...props,
     };
-    const { activeColor, showPopup, parent, orderKey } = mergedProps;
-    const [_showPopup, setShowPopup] = useState(showPopup);
+    const [_showPopup, setShowPopup] = useState(show);
     const [_value, setValue] = useState(value);
     useEffect(() => {
-        setShowPopup(showPopup);
-    }, [showPopup]);
+        setShowPopup(show);
+    }, [show]);
     useEffect(() => {
         getParentOffset();
     }, [_showPopup]);
     useImperativeHandle(ref, () => ({
-        toggle: parent.toggleItemShow,
+        toggle: parent.toggleMenuItem,
     }));
     const getIconCName = (optionVal, value) => {
         return classNames({
@@ -44,11 +41,11 @@ const MenuItem = forwardRef((props, ref) => {
     };
     const setTitle = (text) => {
         if (!title) {
-            parent.updateTitle(text, orderKey);
+            parent.updateTitle(text, index);
         }
     };
     const handleClick = (item) => {
-        parent.toggleItemShow(orderKey);
+        parent.toggleMenuItem(index);
         setTitle(item.text);
         setValue(item.value);
         onChange && onChange(item);
@@ -59,13 +56,13 @@ const MenuItem = forwardRef((props, ref) => {
     });
     const getParentOffset = () => {
         setTimeout(async () => {
-            const p = parent.parent().current;
-            const rect = await p.getBoundingClientRect();
+            const p = parent.menuRef.current;
+            const rect = await getRectByTaro(p);
             setPosition({
                 height: rect.height,
                 top: rect.top,
             });
-        });
+        }, 100);
     };
     const isShow = () => {
         if (_showPopup)
@@ -75,34 +72,38 @@ const MenuItem = forwardRef((props, ref) => {
     const getPosition = () => {
         return direction === 'down'
             ? { top: `${position.top + position.height}px` }
-            : { bottom: `${window.innerHeight - position.top}px`, top: 'auto' };
+            : {
+                bottom: `${getSystemInfoSync().windowHeight - position.top}px`,
+                top: 'auto',
+            };
     };
     const placeholderStyle = () => {
         if (direction === 'down') {
             return {
                 height: `${position.top + position.height}px`,
+                top: 0,
                 ...isShow(),
-                ...style,
             };
         }
         return {
-            height: `${window.innerHeight - position.top}px`,
+            height: `${getSystemInfoSync().windowHeight - position.top}px`,
+            bottom: `0px`,
             top: 'auto',
             ...isShow(),
-            ...style,
         };
     };
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", { className: `placeholder-element ${classNames({
+        closeOnClickAway ? (React__default.createElement("div", { className: `placeholder-element ${classNames({
                 up: direction === 'up',
-            })}`, style: placeholderStyle(), onClick: () => parent.toggleItemShow(orderKey) }),
-        React__default.createElement(Overlay, { className: "nut-menu__overlay", style: getPosition(), lockScroll: parent.lockScroll, visible: _showPopup, closeOnOverlayClick: parent.closeOnClickOverlay, onClick: () => {
-                parent.closeOnClickOverlay && parent.toggleItemShow(orderKey);
+            })}`, style: placeholderStyle(), onClick: () => parent.toggleMenuItem(index) })) : null,
+        React__default.createElement(Overlay, { className: "nut-menu__overlay", style: getPosition(), lockScroll: parent.lockScroll, visible: _showPopup, closeOnOverlayClick: parent.closeOnOverlayClick, onClick: () => {
+                parent.closeOnOverlayClick && parent.toggleMenuItem(index);
             } }),
-        React__default.createElement("div", { className: direction === 'down'
-                ? 'nut-menu-item__wrap'
-                : 'nut-menu-item__wrap-up', style: {
-                // ...getPosition(),
+        React__default.createElement("div", { className: classNames(className, {
+                'nut-menu-item__wrap': direction === 'down',
+                'nut-menu-item__wrap-up': direction !== 'down',
+            }), style: {
+                ...style,
                 ...isShow(),
             } },
             React__default.createElement(CSSTransition, { in: _showPopup, timeout: 100, classNames: direction === 'down' ? 'menu-item' : 'menu-item-up' },
@@ -115,7 +116,7 @@ const MenuItem = forwardRef((props, ref) => {
                             }, onClick: () => {
                                 handleClick(item);
                             } },
-                            item.value === _value ? (React__default.createElement(React__default.Fragment, null, optionsIcon || (React__default.createElement(Check, { color: activeColor, className: getIconCName(item.value, value) })))) : null,
+                            item.value === _value ? (React__default.createElement(React__default.Fragment, null, icon || (React__default.createElement(Check, { color: activeColor, size: 10, className: getIconCName(item.value, value) })))) : null,
                             React__default.createElement("div", { className: getIconCName(item.value, value), style: {
                                     color: `${item.value === _value ? activeColor : ''}`,
                                 } }, item.text)));

package/dist/esm/navbar.taro-02c69d66.js

@@ -0,0 +1,57 @@
+import React__default from 'react';
+import classNames from 'classnames';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    left: '',
+    right: '',
+    back: '',
+    fixed: false,
+    safeAreaInsetTop: false,
+    placeholder: false,
+    zIndex: 10,
+};
+const NavBar = (props) => {
+    const { right, left, className, style, back, fixed, safeAreaInsetTop, placeholder, zIndex, onClickBack, } = {
+        ...defaultProps,
+        ...props,
+    };
+    const classPrefix = 'nut-navbar';
+    const children = Array.isArray(props.children)
+        ? props.children
+        : [props.children];
+    const styles = () => {
+        return {
+            ...style,
+            zIndex,
+        };
+    };
+    const renderLeft = () => {
+        return (React__default.createElement("div", { className: `${classPrefix}__left` },
+            back && (React__default.createElement("div", { className: `${classPrefix}__left__back`, onClick: (e) => onClickBack(e) }, back)),
+            left));
+    };
+    const renderContent = () => {
+        return React__default.createElement("div", { className: `${classPrefix}__title` }, children);
+    };
+    const renderRight = () => {
+        return React__default.createElement("div", { className: `${classPrefix}__right` }, right);
+    };
+    const renderWrapper = () => {
+        return (React__default.createElement("div", { className: cls, style: styles() },
+            renderLeft(),
+            renderContent(),
+            renderRight()));
+    };
+    const classes = classNames({
+        [`${classPrefix}--fixed`]: fixed,
+        [`${classPrefix}--safe-area-inset-top`]: safeAreaInsetTop,
+    });
+    const cls = classNames(classPrefix, classes, className);
+    return (React__default.createElement(React__default.Fragment, null, fixed && placeholder ? (React__default.createElement("div", { className: `${classPrefix}--placeholder` }, renderWrapper())) : (renderWrapper())));
+};
+NavBar.defaultProps = defaultProps;
+NavBar.displayName = 'NutNavBar';
+
+export { NavBar as N };

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

@@ -6,18 +6,18 @@ export { I as Image } from './image.taro-edb572bb.js';
 export { O as Overlay } from './overlay.taro-ad0d4775.js';
 export { P as Popup } from './popup.taro-020bf791.js';
 export { C as Col } from './col.taro-a99a9171.js';
-export { D as Divider } from './divider.taro-6c1657ce.js';
+export { D as Divider } from './divider.taro-67e9f757.js';
 export { G as Grid } from './grid.taro-3797169c.js';
 export { G as GridItem } from './griditem.taro-04f59ae1.js';
 export { L as Layout } from './layout.taro-9046d093.js';
 export { R as Row } from './row.taro-75039d53.js';
 export { S as Sticky } from './sticky.taro-b5bde7b1.js';
-export { E as Elevator } from './elevator.taro-81a11ecc.js';
+export { E as Elevator } from './elevator.taro-588e219b.js';
 export { F as FixedNav } from './fixednav.taro-39fbd47a.js';
 export { I as Indicator } from './indicator.taro-c10334e8.js';
-export { M as Menu } from './menu.taro-54951911.js';
-export { M as MenuItem } from './menuitem.taro-86a6bb6c.js';
-export { N as NavBar } from './navbar.taro-69f47d51.js';
+export { M as Menu } from './menu.taro-b61442a7.js';
+export { M as MenuItem } from './menuitem.taro-bca78e07.js';
+export { N as NavBar } from './navbar.taro-02c69d66.js';
 export { P as Pagination } from './pagination.taro-60b22b27.js';
 export { S as SideNavBar } from './sidenavbar.taro-d5c5b331.js';
 export { S as SideNavBarItem } from './sidenavbaritem.taro-bb80dbf4.js';
@@ -43,23 +43,23 @@ export { R as Rate } from './rate.taro-57341aa9.js';
 export { S as SearchBar } from './searchbar.taro-eef468bb.js';
 export { S as ShortPassword } from './shortpassword.taro-681a33a1.js';
 export { T as TextArea } from './textarea.taro-a0f79515.js';
-export { U as Uploader } from './uploader.taro-2151eec6.js';
+export { U as Uploader } from './uploader.taro-17569890.js';
 export { A as ActionSheet } from './actionsheet.taro-10cc53ee.js';
 export { B as BackTop } from './backtop.taro-ba271b8f.js';
 export { B as Dialog } from './dialog.taro-00ac41fd.js';
-export { D as Drag } from './drag.taro-79bb8744.js';
+export { D as Drag } from './drag.taro-2d3d9d11.js';
 export { I as Infiniteloading } from './infiniteloading.taro-73c9b8ca.js';
 export { N as Notify } from './notify.taro-e17c6f82.js';
 export { P as PullToRefresh } from './pulltorefresh.taro-d5fcfcb0.js';
 export { S as Swipe } from './swipe.taro-350c9a94.js';
 export { S as Switch } from './switch.taro-34ca8228.js';
 export { T as Toast } from './toast.taro-e4f44812.js';
-export { A as Animate } from './animate.taro-fb7986d6.js';
+export { A as Animate } from './animate.taro-9e65d07a.js';
 export { A as AnimatingNumbers } from './animatingnumbers.taro-03e5d61d.js';
 export { A as Audio } from './audio.taro-f672a68c.js';
 export { A as Avatar } from './avatar.taro-de157a1f.js';
 export { A as AvatarGroup } from './avatargroup-b476ac68.js';
-export { B as Badge } from './badge.taro-ae154f41.js';
+export { B as Badge } from './badge.taro-1d5df601.js';
 export { C as CircleProgress } from './circleprogress.taro-79854448.js';
 export { C as Collapse } from './collapse.taro-35a8a0d6.js';
 export { C as CollapseItem } from './collapseitem-690eb91c.js';
@@ -70,7 +70,7 @@ export { I as ImagePreview } from './imagepreview.taro-b88fcf41.js';
 export { N as NoticeBar } from './noticebar.taro-49e7441f.js';
 export { P as Popover } from './popover.taro-2a57eae4.js';
 export { P as Price } from './price.taro-776ed16e.js';
-export { P as Progress } from './progress.taro-24392ef3.js';
+export { P as Progress } from './progress.taro-1c199fbe.js';
 export { S as Skeleton } from './skeleton.taro-64e858a2.js';
 export { S as Step } from './step.taro-2ec1f283.js';
 export { S as Steps } from './steps.taro-c82d2252.js';
@@ -82,7 +82,7 @@ export { T as TrendArrow } from './trendarrow.taro-7cf90def.js';
 export { V as Video } from './video-7ed508cc.js';
 export { V as VirtualList } from './virtuallist.taro-35b9bd9a.js';
 export { W as WaterMark } from './watermark.taro-c780d360.js';
-export { A as Address } from './address.taro-632ca799.js';
+export { A as Address } from './address.taro-2f915873.js';
 export { B as Barrage } from './barrage.taro-80df08d3.js';
 export { C as Card } from './card.taro-5e9b34c8.js';
 export { S as Signature } from './signature.taro-f01b2b05.js';
@@ -103,10 +103,10 @@ import '@tarojs/taro';
 import './use-client-rect-1f8ed1fe.js';
 import './get-scroll-parent-b4a07e65.js';
 import './can-use-dom-3eeb5af4.js';
-import './bem-350c1702.js';
-import '@bem-react/classname';
 import './use-props-value-ae7ee726.js';
 import './offsetContext-c2a746fa.js';
+import './bem-350c1702.js';
+import '@bem-react/classname';
 import './use-touch-db24bb5c.js';
 import './supports-passive-c85ef996.js';
 import './index-5bcb0ff8.js';

package/dist/esm/progress.taro-1c199fbe.js

@@ -0,0 +1,40 @@
+import React__default from 'react';
+import classNames from 'classnames';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    percent: 0,
+    showText: false,
+    animated: false,
+};
+const Progress = (props) => {
+    const { className, style, percent, background, color, strokeWidth, showText, animated, children, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const classPrefix = 'nut-progress';
+    const classesInner = classNames({
+        [`${classPrefix}-inner`]: true,
+        [`${classPrefix}-active`]: animated,
+    });
+    const stylesOuter = {
+        height: `${strokeWidth}px`,
+        background,
+    };
+    const stylesInner = {
+        width: `${percent}%`,
+        background: color,
+    };
+    return (React__default.createElement("div", { className: classNames(classPrefix, className), style: style, ...rest },
+        React__default.createElement("div", { className: `${classPrefix}-outer`, style: stylesOuter },
+            React__default.createElement("div", { className: classesInner, style: stylesInner }, showText && (React__default.createElement("div", { className: `${classPrefix}-text`, style: { left: `${percent}%` } }, children || (React__default.createElement("div", { className: `${classPrefix}-text__inner`, style: {
+                    background: color,
+                } },
+                percent,
+                "%"))))))));
+};
+Progress.defaultProps = defaultProps;
+Progress.displayName = 'NutProgress';
+
+export { Progress as P };

package/dist/esm/{uploader.taro-2151eec6.js → uploader.taro-17569890.js}

@@ -4,7 +4,7 @@ import Taro, { uploadFile, getEnv, chooseMedia, chooseImage } from '@tarojs/taro
 import { Failure, Loading, Link, Del, Photograph } from '@nutui/icons-react-taro';
 import { Image } from '@tarojs/components';
 import { B as Button } from './button.taro-a1c9512f.js';
-import { P as Progress } from './progress.taro-24392ef3.js';
+import { P as Progress } from './progress.taro-1c199fbe.js';
 import { u as useConfig } from './configprovider.taro-c8c54556.js';
 import { i as isPromise } from './index-5bcb0ff8.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
@@ -479,7 +479,7 @@ const InternalUploader = (props, ref) => {
                             "\u00A0",
                             item.name),
                         deletable && (React__default.createElement(Del, { color: "#808080", className: "nut-uploader__preview-img__file__del", onClick: () => 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%)", showText: false }))))));
+                        item.status === 'uploading' && (React__default.createElement(Progress, { 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", { className: `nut-uploader__upload ${previewType} ${disabled ? 'nut-uploader__upload-disabled' : ''}` },
             React__default.createElement("div", { className: "nut-uploader__icon" },

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.1 Fri Apr 21 2023 18:03:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.2 Wed Apr 26 2023 18:40:40 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.1 Fri Apr 21 2023 18:03:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.2 Wed Apr 26 2023 18:40:40 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.1 Fri Apr 21 2023 18:03:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.2 Wed Apr 26 2023 18:40:40 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.1 Fri Apr 21 2023 18:03:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.2 Wed Apr 26 2023 18:40:40 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.1 Fri Apr 21 2023 18:03:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.2 Wed Apr 26 2023 18:40:40 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.1 Fri Apr 21 2023 18:03:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.2 Wed Apr 26 2023 18:40:40 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */