@nutui/nutui-react 2.6.23 → 3.0.0-beta.0

package/dist/esm/Toast.js

@@ -1,183 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import { Tips, Failure, Loading, Check } from "@nutui/icons-react";
-import { r as render, u as unmount } from "./render.js";
-import { O as Overlay } from "./overlay2.js";
-import { C as ComponentDefaults } from "./typings.js";
-const classPrefix = "nut-toast";
-class Notification extends React.PureComponent {
-  constructor(props) {
-    super(props);
-    this.close = this.close.bind(this);
-    this.startCloseTimer = this.startCloseTimer.bind(this);
-    this.clearCloseTimer = this.clearCloseTimer.bind(this);
-    this.clickCover = this.clickCover.bind(this);
-    this.state = {
-      show: true
-    };
-  }
-  close() {
-    this.setState({
-      show: false
-    });
-    this.clearCloseTimer();
-    if (this.props.id) {
-      const element = document.getElementById(this.props.id);
-      element && element.parentNode && element.parentNode.removeChild(element);
-    }
-    this.props.onClose();
-  }
-  startCloseTimer() {
-    const { duration } = this.props;
-    if (duration) {
-      this.closeTimer = window.setTimeout(() => {
-        this.close();
-      }, duration * 1e3);
-    }
-  }
-  clearCloseTimer() {
-    if (this.closeTimer) {
-      clearTimeout(this.closeTimer);
-      this.closeTimer = -1;
-    }
-  }
-  clickCover() {
-    const { closeOnOverlayClick } = this.props;
-    if (closeOnOverlayClick) {
-      this.close();
-    }
-  }
-  renderIcon() {
-    const { icon } = this.props;
-    if (typeof icon === "string") {
-      let iconNode = null;
-      switch (icon) {
-        case "success":
-          iconNode = React.createElement(Check, null);
-          break;
-        case "loading":
-          iconNode = React.createElement(Loading, { className: "nut-icon-loading" });
-          break;
-        case "fail":
-          iconNode = React.createElement(Failure, null);
-          break;
-        case "warn":
-          iconNode = React.createElement(Tips, null);
-          break;
-      }
-      return React.createElement("p", { className: `${classPrefix}-icon-wrapper` }, iconNode);
-    }
-    return icon;
-  }
-  componentDidMount() {
-    this.startCloseTimer();
-  }
-  componentWillUnmount() {
-    this.clearCloseTimer();
-  }
-  render() {
-    const { id, icon, title, content, position, size, closeOnOverlayClick, lockScroll, style, className, contentClassName, contentStyle, wordBreak } = this.props;
-    const { show: show2 } = this.state;
-    const classes = classNames({
-      "nut-toast-has-icon": icon,
-      [`nut-toast-${size}`]: true
-    });
-    return React.createElement(
-      React.Fragment,
-      null,
-      React.createElement(
-        Overlay,
-        { visible: show2, style, className: `${classPrefix}-overlay-default ${className}`, onClick: () => {
-          this.clickCover();
-        }, closeOnOverlayClick, lockScroll },
-        React.createElement(
-          "div",
-          { className: `${classPrefix} ${classes}`, id: `toast-${id}` },
-          React.createElement(
-            "div",
-            { className: `${classPrefix}-inner ${classPrefix}-${position} ${contentClassName} ${wordBreak}`, style: contentStyle },
-            this.renderIcon(),
-            title ? React.createElement("div", { className: `${classPrefix}-title` }, title) : null,
-            React.createElement("span", { className: `${classPrefix}-text` }, content)
-          )
-        )
-      )
-    );
-  }
-}
-Notification.newInstance = (properties, callback) => {
-  const element = document.createElement("div");
-  const id = properties.id ? properties.id : `${(/* @__PURE__ */ new Date()).getTime()}`;
-  element.id = id;
-  properties.id = id;
-  document.body.appendChild(element);
-  let called = false;
-  function ref(instance) {
-    if (called) {
-      return;
-    }
-    called = true;
-    callback({
-      component: instance,
-      destroy() {
-        unmount(element);
-        element && element.parentNode && element.parentNode.removeChild(element);
-      }
-    });
-  }
-  render(React.createElement(Notification, Object.assign({}, properties, { ref })), element);
-};
-let messageInstance = null;
-let options = Object.assign(Object.assign({}, ComponentDefaults), { id: "", duration: 2, position: "center", title: "", size: "base", icon: null, onClose: () => {
-}, closeOnOverlayClick: false, lockScroll: false, contentClassName: "", wordBreak: "break-all" });
-function getInstance(props, callback) {
-  if (messageInstance) {
-    messageInstance.destroy();
-    messageInstance = null;
-  }
-  Notification.newInstance(props, (notification) => {
-    return callback && callback(notification);
-  });
-}
-function notice(opts) {
-  function close() {
-    if (messageInstance) {
-      messageInstance.destroy();
-      messageInstance = null;
-      opts.onClose && opts.onClose();
-    }
-  }
-  const opts2 = Object.assign(Object.assign(Object.assign({}, options), opts), { onClose: close });
-  getInstance(opts2, (notification) => {
-    messageInstance = notification;
-  });
-}
-const errorMsg = (msg) => {
-  if (!msg) {
-    console.warn("[NutUI Toast]: msg cannot be null");
-  }
-};
-function show(option) {
-  if (typeof option === "string") {
-    errorMsg(option);
-    return notice({ content: option });
-  }
-  errorMsg(option.content);
-  return notice(Object.assign({}, option));
-}
-function config(config2) {
-  options = Object.assign(Object.assign({}, options), config2);
-}
-const Toast = {
-  show,
-  config,
-  clear() {
-    if (messageInstance) {
-      messageInstance.destroy();
-      messageInstance = null;
-    }
-  }
-};
-export {
-  Toast as default
-};

package/dist/esm/Tour/style/index.js

@@ -1,2 +0,0 @@
-import '../../Popover/style'
-import '../../../packages/tour/tour.scss'

package/dist/esm/Tour/style/style.css

@@ -1 +0,0 @@
-.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-overflow-hidden{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[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)}[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)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-border-color, #ffffff);border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0;border-bottom-color:var(--nutui-popover-border-color, #ffffff);border-top-width:0;margin-top:-8px}.nut-popover-arrow-left{right:0;border-left-color:var(--nutui-popover-border-color, #ffffff);border-right-width:0;margin-right:-8px}.nut-popover-arrow-left.nut-popover-arrow-left{top:50%;transform:translateY(-50%)}.nut-popover-arrow-left.nut-popover-arrow-left-start{top:16px;transform:translateY(0)}.nut-popover-arrow-left.nut-popover-arrow-left-end{bottom:16px;transform:translateY(0)}.nut-popover-arrow-right{left:0;border-right-color:var(--nutui-popover-border-color, #ffffff);border-left-width:0;margin-left:-8px}.nut-popover-arrow-right.nut-popover-arrow-right{top:50%;transform:translateY(-50%)}.nut-popover-arrow-right.nut-popover-arrow-right-start{top:16px;transform:translateY(0)}.nut-popover-arrow-right.nut-popover-arrow-right-end{bottom:16px;transform:translateY(0)}.nut-popover .nut-popover-content{position:absolute;background-color:var(--nutui-popover-content-background-color, #ffffff);border-radius:var(--nutui-popover-border-radius, 8px);font-size:var(--nutui-popover-font-size, var(--nutui-font-size-2, 12px));font-family:PingFangSC;font-weight:400;color:var(--nutui-popover-text-color, #1a1a1a);box-shadow:0 2px 12px #3232331f;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--nutui-popover-menu-item-padding, 8px);border-bottom:1px solid var(--nutui-popover-divider-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:0;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:nth-of-type(2){border-radius:8px 8px 0 0}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:last-of-type{border-radius:0 0 8px 8px}.nut-popover .nut-popover-content .nut-popover-menu-item-icon{display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px}.nut-popover .nut-popover-content .nut-popover-menu-item-icon .nut-icon{width:12px;height:12px;font-size:12px}.nut-popover .nut-popover-content .nut-popover-menu-item-name{width:100%;word-break:keep-all;margin:0 6px 0 4px}.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon{display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px;color:var(--nutui-gray-6, #595959)}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover .nut-popover-content-top .nut-popover-arrow-top{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-top-end{right:0}.nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-top-start{left:0}.nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-bottom-end{right:0}.nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom-start{left:0}.nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-left-end{bottom:0}.nut-popover .nut-popover-content-left-start{top:0}.nut-popover .nut-popover-content-right-end{bottom:0}.nut-popover .nut-popover-content-right-start{top:0}.nut-popover-dark{background:var(--nutui-popover-text-color, #1a1a1a);color:var(--nutui-popover-content-background-color, #ffffff)}.nut-popover-dark .nut-popover-arrow{border-bottom-color:var(--nutui-popover-text-color, #1a1a1a)}.nut-popover-dark .nut-popover-content{background:var(--nutui-popover-text-color, #1a1a1a)!important;color:var(--nutui-popover-content-background-color, #ffffff)!important}.nut-popover-dark .nut-popover-content .nut-popover-menu-item{border-bottom-color:var(--nutui-popover-content-background-color, #ffffff)}.nut-popover-dark .nut-popover-content .nut-popover-menu-item:hover{color:var(--nutui-popover-content-background-color, #ffffff);background-color:var(--nutui-popover-text-color, #1a1a1a)}[dir=rtl] .nut-popover .nut-popover-content .nut-popover-menu-item-name,.nut-rtl .nut-popover .nut-popover-content .nut-popover-menu-item-name{margin-left:0;margin-right:4px}[dir=rtl] .nut-popover .nut-popover-content .nut-popover-menu-item-action-icon,.nut-rtl .nut-popover .nut-popover-content .nut-popover-menu-item-action-icon{right:auto;left:var(--nutui-popover-menu-item-padding, 8px)}[dir=rtl] .nut-popover .nut-popover-content-top .nut-popover-arrow-top,.nut-rtl .nut-popover .nut-popover-content-top .nut-popover-arrow-top{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-popover .nut-popover-content-top-end,.nut-rtl .nut-popover .nut-popover-content-top-end{right:auto;left:0}[dir=rtl] .nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end,.nut-rtl .nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end{right:auto;left:16px}[dir=rtl] .nut-popover .nut-popover-content-top-start,.nut-rtl .nut-popover .nut-popover-content-top-start{left:auto;right:0}[dir=rtl] .nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start,.nut-rtl .nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start{left:auto;right:16px}[dir=rtl] .nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom,.nut-rtl .nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-popover .nut-popover-content-bottom-end,.nut-rtl .nut-popover .nut-popover-content-bottom-end{right:auto;left:0}[dir=rtl] .nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end,.nut-rtl .nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end{right:auto;left:16px}[dir=rtl] .nut-popover .nut-popover-content-bottom-start,.nut-rtl .nut-popover .nut-popover-content-bottom-start{left:auto;right:0}[dir=rtl] .nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start,.nut-rtl .nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start{left:auto;right:16px}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}[dir=rtl] .nut-popover-content-bg,.nut-rtl .nut-popover-content-bg{left:auto;right:0}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}.nut-tour-mask{position:fixed;box-shadow:0 0 0 150vh var(--nutui-black-10, rgba(0, 0, 0, .7));border-radius:var(--nutui-tour-mask-border-radius, 10px);z-index:999}.nut-tour-mask-none{box-shadow:none}.nut-tour-mask-hidden{opacity:0}.nut-tour-content{display:block;padding:var(--nutui-tour-content-padding, 10px 12px);min-width:var(--nutui-tour-content-min-width, 200px);box-sizing:content-box}.nut-tour-content-top{display:block;text-align:end}.nut-tour-content-top-close{--nut-icon-width: 10px;--nut-icon-height: 10px}.nut-tour-content-inner{margin:var(--nutui-tour-content-inner-margin, 10px 0px);font-size:var(--nutui-tour-content-inner-font-size, 14px);white-space:nowrap}.nut-tour-content-bottom{margin-top:var(--nutui-tour-content-bottom-margin-top, 10px);display:flex;justify-content:space-between}.nut-tour-content-bottom-operate{display:flex;justify-content:flex-end}.nut-tour-content-bottom-operate-btn{display:inline-block;border:1px solid var(--nutui-color-text-disabled, #bfbfbf);margin-left:var(--nutui-tour-content-bottom-btn-margin-left, 4px);padding:var(--nutui-tour-content-bottom-btn-padding, 2px 4px);font-size:var(--nutui-tour-content-bottom-btn-font-size, 12px);border-radius:var(--nutui-tour-content-bottom-btn-border-radius, 4px);color:var(--nutui-gray-6, #595959);cursor:pointer}.nut-tour-content-bottom-operate-btn.active{color:#fff;border:0;background:var(--nutui-color-primary, #fa2c19)}.nut-tour-content-tile .nut-tour-content-inner{margin:0}.nut-tour-masked{position:fixed;width:100vh;height:100vh;z-index:1000;top:0;left:0;background:transparent}[dir=rtl] .nut-tour-content-bottom-operate-btn,.nut-rtl .nut-tour-content-bottom-operate-btn{margin-left:0;margin-right:var(--nutui-tour-content-bottom-btn-margin-left, 4px)}[dir=rtl] .nut-tour-masked,.nut-rtl .nut-tour-masked{left:auto;right:0}

package/dist/esm/Tour.js

@@ -1,138 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default, { useState, useEffect } from "react";
-import { Close } from "@nutui/icons-react";
-import classNames from "classnames";
-import Popover__default from "./Popover.js";
-import { g as getRect } from "./use-client-rect.js";
-import { C as ComponentDefaults } from "./typings.js";
-import { useConfig } from "./ConfigProvider.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, type: "step", location: "bottom", mask: true, maskWidth: "", maskHeight: "", offset: [8, 10], title: "", next: "", prev: "", complete: "", showPrev: true, closeOnOverlayClick: true });
-const classPrefix = "nut-tour";
-const Tour = (props) => {
-  const { locale } = useConfig();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, className, title, closeOnOverlayClick, showPrev, list, type, location, visible, mask, maskWidth, maskHeight, offset, next, prev, complete, onClose, onChange } = _a, rest = __rest(_a, ["children", "className", "title", "closeOnOverlayClick", "showPrev", "list", "type", "location", "visible", "mask", "maskWidth", "maskHeight", "offset", "next", "prev", "complete", "onClose", "onChange"]);
-  const [showTour, setShowTour] = useState(false);
-  const [showPopup, setShowPopup] = useState(false);
-  const [active, setActive] = useState(0);
-  const [maskRect, setMaskRect] = useState({
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: 0,
-    height: 0
-  });
-  const classes = classNames(classPrefix, className);
-  useEffect(() => {
-    if (visible) {
-      getRootPosition();
-    }
-    setActive(0);
-    setShowTour(visible);
-    setShowPopup(visible);
-  }, [visible]);
-  useEffect(() => {
-    if (visible) {
-      setShowPopup(true);
-      getRootPosition();
-    }
-  }, [active]);
-  const getRootPosition = () => {
-    const el = document.querySelector(`#${list[active].target}`);
-    const rect = getRect(el);
-    setMaskRect(rect);
-  };
-  const maskStyle = () => {
-    const { width, height, left, top } = maskRect;
-    const center = [left + width / 2, top + height / 2];
-    const w = Number(maskWidth || width);
-    const h = Number(maskHeight || height);
-    const styles = {
-      width: `${w + +offset[1] * 2}px`,
-      height: `${h + +offset[0] * 2}px`,
-      top: `${center[1] - h / 2 - +offset[0]}px`,
-      left: `${center[0] - w / 2 - +offset[1]}px`
-    };
-    return styles;
-  };
-  const maskClose = (e) => {
-    setShowTour(false);
-    setShowPopup(false);
-    onClose && onClose(e);
-  };
-  const handleClickMask = (e) => {
-    closeOnOverlayClick && maskClose(e);
-  };
-  const changeStep = (type2) => {
-    if (type2 === "next") {
-      setActive(active + 1);
-      onChange && onChange(active + 1);
-    } else {
-      setActive(active - 1);
-      onChange && onChange(active - 1);
-    }
-    setShowPopup(false);
-  };
-  return React__default.createElement(
-    "div",
-    Object.assign({ className: classes }, rest),
-    React__default.createElement("div", { className: "nut-tour-masked", style: { display: showTour ? "block" : "none" }, onClick: handleClickMask }),
-    list.map((item, index) => {
-      return React__default.createElement("div", { key: index, style: { height: 0 } }, index === active && React__default.createElement(
-        React__default.Fragment,
-        null,
-        showTour && React__default.createElement("div", { className: `${mask ? "nut-tour-mask" : "nut-tour-mask nut-tour-mask-none"}`, id: "nut-tour-popid", style: maskStyle() }),
-        React__default.createElement(
-          Popover__default,
-          { visible: showPopup, location: item.location || location, targetId: "nut-tour-popid", closeOnOutsideClick: false, offset: item.popoverOffset || [0, 12], arrowOffset: item.arrowOffset || 0 },
-          React__default.createElement(React__default.Fragment, null),
-          React__default.createElement(React__default.Fragment, null, children || React__default.createElement(
-            React__default.Fragment,
-            null,
-            type === "step" && React__default.createElement(
-              "div",
-              { className: "nut-tour-content" },
-              title && React__default.createElement(
-                "div",
-                { className: "nut-tour-content-top" },
-                React__default.createElement(
-                  "div",
-                  { onClick: (e) => maskClose(e) },
-                  React__default.createElement(Close, { className: "nut-tour-content-top-close" })
-                )
-              ),
-              React__default.createElement("div", { className: "nut-tour-content-inner" }, item.content),
-              React__default.createElement(
-                "div",
-                { className: "nut-tour-content-bottom" },
-                React__default.createElement(
-                  "div",
-                  { className: "nut-tour-content-bottom-init" },
-                  active + 1,
-                  "/",
-                  list.length
-                ),
-                React__default.createElement(
-                  "div",
-                  { className: "nut-tour-content-bottom-operate" },
-                  active !== 0 && showPrev && React__default.createElement("div", { className: "nut-tour-content-bottom-operate-btn", onClick: () => changeStep("prev") }, prev || locale.tour.prevStepText),
-                  list.length - 1 === active && React__default.createElement("div", { className: "nut-tour-content-bottom-operate-btn active", onClick: (e) => maskClose(e) }, complete || locale.tour.completeText),
-                  list.length - 1 !== active && React__default.createElement("div", { className: "nut-tour-content-bottom-operate-btn active", onClick: () => changeStep("next") }, next || locale.tour.nextStepText)
-                )
-              )
-            ),
-            type === "tile" && React__default.createElement(
-              "div",
-              { className: "nut-tour-content nut-tour-content-tile" },
-              React__default.createElement("div", { className: "nut-tour-content-inner" }, item.content)
-            )
-          ))
-        )
-      ));
-    })
-  );
-};
-Tour.displayName = "NutTour";
-export {
-  Tour as default
-};

package/dist/esm/TrendArrow/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/trendarrow/trendarrow.scss'

package/dist/esm/TrendArrow/style/style.css

@@ -1 +0,0 @@
-.nut-trendarrow{display:inline-flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-trendarrow-font-size, 14px)}.nut-trendarrow-icon-before{margin-right:var(--nutui-trendarrow-icon-margin, 4px)}.nut-trendarrow-icon-after{margin-left:var(--nutui-trendarrow-icon-margin, 4px)}.nut-trendarrow-rate{vertical-align:middle;display:inline}.nut-trendarrow .nut-icon{vertical-align:middle}[dir=rtl] .nut-trendarrow-icon-before,.nut-rtl .nut-trendarrow-icon-before{margin-right:0;margin-left:var(--nutui-trendarrow-icon-margin, 4px)}[dir=rtl] .nut-trendarrow-icon-after,.nut-rtl .nut-trendarrow-icon-after{margin-left:0;margin-right:var(--nutui-trendarrow-icon-margin, 4px)}

package/dist/esm/TrendArrow.js

@@ -1,57 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default, { useRef } from "react";
-import { TriangleUp, TriangleDown } from "@nutui/icons-react";
-import { C as ComponentDefaults } from "./typings.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { value: 0, digits: 2, symbol: false, zero: false, left: false, sync: true, color: "", riseColor: "var(--nutui-brand-6)", dropColor: "var(--nutui-secondary-1)", riseIcon: null, dropIcon: null });
-const TrendArrow = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { value, digits, symbol, zero, left, sync, color, riseColor, dropColor, riseIcon, dropIcon, className, style, children } = _a, rest = __rest(_a, ["value", "digits", "symbol", "zero", "left", "sync", "color", "riseColor", "dropColor", "riseIcon", "dropIcon", "className", "style", "children"]);
-  const classPrefix = "nut-trendarrow";
-  const rateTrend = useRef(value > 0);
-  const myFixed = (num, digit = 2) => {
-    if (Object.is(parseFloat(num), NaN)) {
-      return console.warn(`传入的值：${num}不是一个数字`);
-    }
-    num = parseFloat(num);
-    const numPow = Math.pow(10, digit);
-    return (Math.round((num + Number.EPSILON) * numPow) / numPow).toFixed(digit);
-  };
-  const calcStyle = (() => {
-    const arrowColor = rateTrend.current ? riseColor : dropColor;
-    const textEquArrowColor = sync ? arrowColor : color;
-    const style2 = {
-      color: value === 0 ? color : textEquArrowColor
-    };
-    return style2;
-  })();
-  const calcRate = (() => {
-    rateTrend.current = value > 0;
-    const absRate = Math.abs(value);
-    if (!zero && value === 0) {
-      return "--";
-    }
-    const resultRate = `${// eslint-disable-next-line no-nested-ternary
-    symbol && value !== 0 ? rateTrend.current ? "+" : "-" : ""}${myFixed(Number(absRate), digits)}%`;
-    return resultRate;
-  })();
-  const calcIconProps = (() => {
-    const iconProps = {
-      color: rateTrend.current ? riseColor : dropColor
-    };
-    return iconProps;
-  })();
-  const renderContent = (left2) => {
-    const classNameSuffix = !left2 ? "icon-after" : "icon-before";
-    return React__default.createElement("span", { className: `${classPrefix}-${classNameSuffix} ${classPrefix}-value`, style: calcStyle }, calcRate);
-  };
-  return React__default.createElement(
-    "div",
-    Object.assign({ className: `${classPrefix} ${className}`, style }, rest),
-    !left && renderContent(!left),
-    Number(value) !== 0 && React__default.createElement(React__default.Fragment, null, rateTrend.current ? React__default.createElement(React__default.Fragment, null, riseIcon || React__default.createElement(TriangleUp, { color: calcIconProps.color })) : React__default.createElement(React__default.Fragment, null, dropIcon || React__default.createElement(TriangleDown, { color: calcIconProps.color }))),
-    left && renderContent(!left)
-  );
-};
-TrendArrow.displayName = "NutTrendArrow";
-export {
-  TrendArrow as default
-};

package/dist/esm/Uploader/style/index.js

@@ -1,3 +0,0 @@
-import '../../Progress/style'
-
-import '../../../packages/uploader/uploader.scss'

package/dist/esm/Uploader/style/style.css

@@ -1 +0,0 @@
-.nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, var(--nutui-gray-3, #f6f6f6))}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text-inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-color-primary-text, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%)))}@keyframes progressActive{0%{background:#ffffff1a;width:0}20%{background:#ffffff80;width:0}to{background:#fff0;width:100%}}[dir=rtl] .nut-progress-text,.nut-rtl .nut-progress-text{transform:translate(50%)}.nut-uploader{position:relative;display:flex;flex-wrap:wrap}.nut-uploader-slot{position:relative}.nut-uploader-upload{position:relative;display:flex;align-items:center;justify-content:center;background:var(--nutui-uploader-background, var(--nutui-gray-3, #f6f6f6));width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border:var(--nutui-uploader-image-border, 0px);border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c))}.nut-uploader-icon i,.nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-icon-tip{font-size:var(--nutui-uploader-image-icon-tip-font-size, 12px)}.nut-uploader-input{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;overflow:hidden;cursor:pointer;opacity:0}.nut-uploader-input:disabled{cursor:not-allowed}.nut-uploader-upload-disabled{background:var(--nutui-uploader-background-disabled, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-uploader-upload-disabled .nut-uploader-icon i,.nut-uploader-upload-disabled .nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-preview{position:relative;margin-right:var(--nutui-uploader-preview-margin-right, 10px);margin-bottom:var(--nutui-uploader-preview-margin-bottom, 10px);border-radius:var(--nutui-uploader-image-border-radius, 4px);box-shadow:0 2px 10px #0000001a}.nut-uploader-preview-progress{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--nutui-uploader-preview-progress-background, var(--nutui-black-10, rgba(0, 0, 0, .7)));border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-preview-progress i{margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-preview-progress-msg{color:var(--nutui-gray-5, #8c8c8c);font-size:12px}.nut-uploader-preview.list{width:100%;margin-right:0;margin-bottom:0;margin-top:10px;box-shadow:0 2px 10px #00000003}.nut-uploader-preview-list{width:100%;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background-color:var(--nutui-gray-2, #f8f8f8)}.nut-uploader-preview-list .nut-uploader-preview-img-file-name{display:flex;align-items:center;-webkit-line-clamp:1;padding:2px;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-uploader-preview-list .nut-progress{position:absolute;left:0;right:0;bottom:0}.nut-uploader-preview-list .nut-progress .nut-progress-outer{height:2px!important}.nut-uploader-preview .close{position:absolute;right:var(--nutui-uploader-preview-close-right, 0px);top:var(--nutui-uploader-preview-close-top, 0px);transform:translate(50%,-50%);z-index:1}.nut-uploader-preview-img{position:relative;width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border-radius:var(--nutui-uploader-image-border-radius, 4px);overflow:hidden}.nut-uploader-preview-img i{color:var(--nutui-gray-7, #1a1a1a)}.nut-uploader-preview-img .tips{position:absolute;bottom:0;left:0;font-size:12px;color:#fff;text-align:center;box-sizing:border-box;height:var(--nutui-uploader-preview-tips-height, 24px);line-height:var(--nutui-uploader-preview-tips-height, 24px);border-radius:var(--nutui-uploader-image-border-radius, 4px);border-top-left-radius:0;border-top-right-radius:0;padding:var(--nutui-uploader-preview-tips-padding, 0 5px);background:var(--nutui-uploader-preview-tips-background, var(--nutui-black-7));width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-uploader-preview-img-c{display:flex;justify-content:center;align-items:center;height:100%;position:initial;border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-preview-img-file{height:100%;width:100%;display:flex;align-items:center;justify-content:center;transition:all .3s}.nut-uploader-preview-img-file-name{display:flex;width:90%;font-size:12px;color:var(--nutui-gray-6, #595959);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}.nut-uploader-preview-img-file-name.error{color:red!important}.nut-uploader-preview-img-file-name.success{color:#1890ff!important}.nut-uploader-preview-img-file-name .nut-icon-Link{flex-shrink:0}[dir=rtl] .nut-uploader-input,.nut-rtl .nut-uploader-input{left:auto;right:0}[dir=rtl] .nut-uploader-preview,.nut-rtl .nut-uploader-preview{margin-right:0;margin-left:var(--nutui-uploader-preview-margin-right, 10px)}[dir=rtl] .nut-uploader-preview-progress,.nut-rtl .nut-uploader-preview-progress{left:auto;right:0}[dir=rtl] .nut-uploader-preview.list,.nut-rtl .nut-uploader-preview.list{margin-right:0;margin-left:0}[dir=rtl] .nut-uploader-preview .close,.nut-rtl .nut-uploader-preview .close{right:auto;left:var(--nutui-uploader-preview-close-right, 0px);transform:translate(-50%,-50%)}[dir=rtl] .nut-uploader-preview-img .tips,.nut-rtl .nut-uploader-preview-img .tips{left:auto;right:0}