@nutui/nutui-react 3.0.0-beta.1 → 3.0.0-beta.3

package/dist/es/packages/popup/popup.rn.js

@@ -1,174 +0,0 @@
-/* eslint-disable no-nested-ternary */ import { _ as _define_property } from "@swc/helpers/_/_define_property";
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import React, { useState, useEffect } from "react";
-import { createPortal } from "react-dom";
-import classNames from "classnames";
-import { Close } from "@nutui/icons-react-taro";
-import { View, Text } from "@tarojs/components";
-import { Modal, TouchableOpacity } from "react-native";
-import { defaultOverlayProps } from "../overlay/overlay.taro";
-import { ComponentDefaults } from "../../utils/typings";
-import { useLockScrollTaro } from "../../utils/use-lock-scoll-taro";
-import { harmonyAndRn } from "../../utils/platform-taro";
-var defaultProps = _object_spread(_object_spread_props(_object_spread({}, ComponentDefaults), {
-    position: 'center',
-    transition: '',
-    overlayStyle: {},
-    overlayClassName: '',
-    closeable: false,
-    closeIconPosition: 'top-right',
-    closeIcon: 'close',
-    destroyOnClose: false,
-    portal: null,
-    overlay: true,
-    round: false,
-    onOpen: function() {},
-    onClose: function() {},
-    onOverlayClick: function(e) {
-        return true;
-    },
-    onCloseIconClick: function(e) {
-        return true;
-    }
-}), defaultOverlayProps);
-// 默认1000，参看variables
-var _zIndex = 1100;
-export var Popup = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick;
-    var innerIndex = zIndex || _zIndex;
-    var _useState = _sliced_to_array(useState(innerIndex), 2), index = _useState[0], setIndex = _useState[1];
-    var _useState1 = _sliced_to_array(useState(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
-    var _useState2 = _sliced_to_array(useState(true), 2), showChildren = _useState2[0], setShowChildren = _useState2[1];
-    var _useState3 = _sliced_to_array(useState(''), 2), transitionName = _useState3[0], setTransitionName = _useState3[1];
-    var refObject = useLockScrollTaro(innerVisible && lockScroll);
-    var classPrefix = 'nut-popup';
-    var baseStyle = {
-        zIndex: index
-    };
-    var overlayStyles = _object_spread_props(_object_spread({}, overlayStyle), {
-        '--nutui-overlay-zIndex': index,
-        width: '100%',
-        height: '100%',
-        backgroundColor: 'rgba(0, 0, 0, 0.7)'
-    });
-    var popStyles = _object_spread({}, style, baseStyle);
-    var _obj;
-    var popClassName = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix), true), _define_property(_obj, "".concat(classPrefix, "-round"), round || position === 'bottom'), _define_property(_obj, "".concat(classPrefix, "-").concat(position), true), _obj), className);
-    var _obj1;
-    var closeClasses = classNames((_obj1 = {}, _define_property(_obj1, "".concat(classPrefix, "-title-right"), true), _define_property(_obj1, "".concat(classPrefix, "-title-right-").concat(closeIconPosition), true), _obj1));
-    var open = function() {
-        if (!innerVisible) {
-            setInnerVisible(true);
-            setIndex(++innerIndex);
-        }
-        if (destroyOnClose) {
-            setShowChildren(true);
-        }
-        onOpen && onOpen();
-    };
-    var close = function() {
-        if (innerVisible) {
-            setInnerVisible(false);
-            if (destroyOnClose) {
-                setTimeout(function() {
-                    setShowChildren(false);
-                }, Number(duration));
-            }
-            onClose && onClose();
-        }
-    };
-    var onHandleClickOverlay = function(e) {
-        e.stopPropagation();
-        if (closeOnOverlayClick) {
-            var closed = onOverlayClick && onOverlayClick(e);
-            closed && close();
-        }
-    };
-    var onHandleClick = function(e) {
-        onClick && onClick(e);
-    };
-    var onHandleClickCloseIcon = function(e) {
-        var closed = onCloseIconClick && onCloseIconClick(e);
-        closed && close();
-    };
-    var onHandleOpened = function(e) {
-        afterShow && afterShow();
-    };
-    var onHandleClosed = function(e) {
-        afterClose && afterClose();
-    };
-    var resolveContainer = function(getContainer) {
-        var container = typeof getContainer === 'function' ? getContainer() : getContainer;
-        return container || document.body;
-    };
-    var renderToContainer = function(getContainer, node) {
-        if (getContainer) {
-            var container = resolveContainer(getContainer);
-            return /*#__PURE__*/ createPortal(node, container);
-        }
-        return node;
-    };
-    var renderTitle = function() {
-        if (left || title || description) {
-            return /*#__PURE__*/ React.createElement(View, {
-                className: "".concat(classPrefix, "-title")
-            }, position === 'bottom' && /*#__PURE__*/ React.createElement(React.Fragment, null, left && /*#__PURE__*/ React.createElement(View, {
-                className: "".concat(classPrefix, "-title-left")
-            }, left), (title || description) && /*#__PURE__*/ React.createElement(View, {
-                className: "".concat(classPrefix, "-title-title")
-            }, /*#__PURE__*/ React.createElement(View, null, title), description && /*#__PURE__*/ React.createElement(View, {
-                className: "".concat(classPrefix, "-title-description")
-            }, description))), closeable && /*#__PURE__*/ React.createElement(View, {
-                className: closeClasses,
-                onClick: onHandleClickCloseIcon
-            }, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : harmonyAndRn() ? /*#__PURE__*/ React.createElement(Text, null, "T") : /*#__PURE__*/ React.createElement(Close, null)));
-        }
-        if (closeable) {
-            return /*#__PURE__*/ React.createElement(React.Fragment, null, closeable && /*#__PURE__*/ React.createElement(View, {
-                className: closeClasses,
-                onClick: onHandleClickCloseIcon
-            }, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : harmonyAndRn() ? /*#__PURE__*/ React.createElement(Text, null, "I") : /*#__PURE__*/ React.createElement(Close, null)));
-        }
-    };
-    var renderPop = function() {
-        return /*#__PURE__*/ React.createElement(View, {
-            ref: refObject,
-            style: _object_spread({
-                position: 'absolute',
-                overflow: 'hidden'
-            }, popStyles),
-            className: popClassName,
-            onClick: onHandleClick
-        }, renderTitle(), showChildren ? children : '');
-    };
-    var renderNode = function() {
-        return /*#__PURE__*/ React.createElement(Modal, {
-            animationType: "none" // 使用 slide 动画
-            ,
-            transparent: true // 使背景透明
-            ,
-            visible: innerVisible
-        }, overlay ? /*#__PURE__*/ React.createElement(TouchableOpacity, {
-            activeOpacity: 1
-        }, /*#__PURE__*/ React.createElement(View, {
-            className: overlayClassName,
-            style: overlayStyles
-        })) : null, renderPop());
-    };
-    useEffect(function() {
-        visible && open();
-        !visible && close();
-    }, [
-        visible
-    ]);
-    useEffect(function() {
-        setTransitionName(transition || "".concat(classPrefix, "-slide-").concat(position));
-    }, [
-        position,
-        transition
-    ]);
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, renderToContainer(portal, renderNode()));
-};
-Popup.displayName = 'NutPopup';