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

package/dist/esm/Overlay.js

@@ -1,4 +0,0 @@
-import { O as Overlay } from "./overlay2.js";
-export {
-  Overlay as default
-};

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

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

package/dist/esm/Pagination/style/style.css

@@ -1 +0,0 @@
-.nut-pagination{display:flex;font-size:var(--nutui-pagination-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-pagination-color, var(--nutui-color-primary, #fa2c19))}.nut-pagination-contain{display:flex}.nut-pagination-simple{height:39px;width:124px;line-height:39px;text-align:center}.nut-pagination-prev,.nut-pagination-item,.nut-pagination-next{height:39px;min-width:39px;flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--nutui-pagination-item-border-radius, 2px);border:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));cursor:pointer}.nut-pagination-prev,.nut-pagination-item{border-right:none}.nut-pagination-prev,.nut-pagination-next{padding:var(--nutui-pagination-prev-next-padding, 0 12px)}.nut-pagination .simple-border{border-right:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-pagination .active{color:#fff;border:none;background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%)}.nut-pagination .disabled{color:var(--nutui-pagination-disable-color, var(--nutui-color-text-disabled, #bfbfbf));background-color:var(--nutui-pagination-disable-background-color, #f7f8fa);cursor:not-allowed}.nut-pagination-lite{width:var(--nutui-pagination-lite-width, 40px);height:var(--nutui-pagination-lite-height, 20px);display:flex;font-size:var(--nutui-font-size-1, 10px);color:var(--nutui-color-primary-text, #ffffff);background-color:var(--nutui-pagination-lite-background-color, var(--nutui-black-7));border-radius:var(--nutui-pagination-lite-radius, 12px)}.nut-pagination-lite-active,.nut-pagination-lite-default{display:flex;align-items:center;justify-content:center;width:var(--nutui-pagination-lite-height, 20px);height:var(--nutui-pagination-lite-height, 20px)}.nut-pagination-lite-active{border-radius:var(--nutui-pagination-lite-radius, 12px);font-size:var(--nutui-font-size-2, 12px);background-color:var(--nutui-pagination-lite-active-background-color, var(--nutui-black-5))}[dir=rtl] .nut-pagination-prev,[dir=rtl] .nut-pagination-item,.nut-rtl .nut-pagination-prev,.nut-rtl .nut-pagination-item{border-right:none;border-left:none}[dir=rtl] .nut-pagination-prev .nut-icon,[dir=rtl] .nut-pagination-next .nut-icon,.nut-rtl .nut-pagination-prev .nut-icon,.nut-rtl .nut-pagination-next .nut-icon{transform:rotate(180deg)}[dir=rtl] .nut-pagination .simple-border,.nut-rtl .nut-pagination .simple-border{border-right:none;border-left:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}

package/dist/esm/Pagination.js

@@ -1,91 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default, { useMemo } from "react";
-import classNames from "classnames";
-import { useConfig } from "./ConfigProvider.js";
-import { u as usePropsValue } from "./use-props-value.js";
-import { C as ComponentDefaults } from "./typings.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { defaultValue: 1, mode: "multi", prev: null, next: null, total: 50, pageSize: 10, itemSize: 5, ellipse: false });
-const Pagination = (props) => {
-  const { locale } = useConfig();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { value, mode, prev, next, total, pageSize, itemSize, onChange, ellipse, itemRender, defaultValue, className } = _a, rest = __rest(_a, ["value", "mode", "prev", "next", "total", "pageSize", "itemSize", "onChange", "ellipse", "itemRender", "defaultValue", "className"]);
-  const classPrefix = "nut-pagination";
-  const [currentPage, setCurrentPage] = usePropsValue({
-    value,
-    defaultValue,
-    finalValue: 1,
-    onChange
-  });
-  const pageCount = useMemo(() => {
-    const num = Math.ceil(total / pageSize);
-    return Number.isNaN(num) ? 1 : Math.max(1, num);
-  }, [total, pageSize]);
-  const pages = useMemo(() => {
-    const items = [];
-    let startPage = 1;
-    let endPage = pageCount;
-    const partialShow = pageCount > itemSize;
-    if (partialShow) {
-      startPage = Math.max(currentPage - Math.floor(itemSize / 2), 1);
-      endPage = startPage + itemSize - 1;
-      if (endPage > pageCount) {
-        endPage = pageCount;
-        startPage = endPage - itemSize + 1;
-      }
-    }
-    for (let i = startPage; i <= endPage; i++) {
-      items.push({ number: i, text: i });
-    }
-    if (partialShow && itemSize > 0 && ellipse) {
-      if (startPage > 1) {
-        items.unshift({ number: startPage - 1, text: "..." });
-      }
-      if (endPage < pageCount) {
-        items.push({ number: endPage + 1, text: "..." });
-      }
-    }
-    return items;
-  }, [currentPage, itemSize, pageCount]);
-  const handleSelectPage = (curPage) => {
-    if (curPage > pageCount || curPage < 1)
-      return;
-    setCurrentPage(curPage);
-  };
-  return React__default.createElement(
-    "div",
-    Object.assign({ className: classNames(classPrefix, className) }, rest),
-    (mode === "multi" || mode === "simple") && React__default.createElement(
-      React__default.Fragment,
-      null,
-      React__default.createElement("div", { className: classNames(`${classPrefix}-prev`, mode === "multi" ? "" : "simple-border", currentPage === 1 ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage - 1) }, prev || locale.pagination.prev),
-      mode === "multi" && React__default.createElement("div", { className: `${classPrefix}-contain` }, pages.map((item, index) => {
-        return React__default.createElement("div", { key: `${index}pagination`, className: classNames(`${classPrefix}-item`, {
-          active: item.number === currentPage
-        }), onClick: (e) => {
-          item.number !== currentPage && handleSelectPage(item.number);
-        } }, itemRender ? itemRender(item) : item.text);
-      })),
-      mode === "simple" && React__default.createElement(
-        "div",
-        { className: `${classPrefix}-contain` },
-        React__default.createElement(
-          "div",
-          { className: `${classPrefix}-simple` },
-          currentPage,
-          "/",
-          pageCount
-        )
-      ),
-      React__default.createElement("div", { className: classNames(`${classPrefix}-next`, currentPage >= pageCount ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage + 1) }, next || locale.pagination.next)
-    ),
-    mode === "lite" && React__default.createElement(
-      "div",
-      { className: `${classPrefix}-lite` },
-      React__default.createElement("div", { className: `${classPrefix}-lite-active` }, 2),
-      React__default.createElement("div", { className: `${classPrefix}-lite-default` }, 8)
-    )
-  );
-};
-Pagination.displayName = "NutPagination";
-export {
-  Pagination as default
-};

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

@@ -1,2 +0,0 @@
-import '../../Popup/style'
-import '../../../packages/picker/picker.scss'

package/dist/esm/Picker/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-picker{background-color:var(--nutui-gray-1, #ffffff);width:100%}.nut-picker-control{display:flex;height:var(--nutui-popup-title-height, 50px);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px));align-items:center;justify-content:space-between;padding:var(--nutui-popup-title-padding, 16px)}.nut-picker-cancel-btn{color:var(--nutui-picker-title-cancel-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-picker-title-cancel-font-size, var(--nutui-font-size-3, 14px))}.nut-picker-confirm-btn{color:var(--nutui-picker-title-ok-color, var(--nutui-color-primary, #fa2c19));font-size:var(--nutui-picker-title-ok-font-size, var(--nutui-font-size-3, 14px))}.nut-picker-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px));font-weight:var(--nutui-popup-title-font-weight, var(--nutui-font-weight-bold, 500))}.nut-picker-panel{display:flex;position:relative}.nut-picker-indicator{position:absolute;top:108px;height:var(--nutui-picker-item-height, 36px);width:100%;border:var(--nutui-picker-item-active-line-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, var(--nutui-font-size-3, 14px));z-index:3}.nut-picker-indicator-taro{height:var(--nutui-picker-item-height, 36px);border:0}.nut-picker-indicator-taro:before,.nut-picker-indicator-taro:after{border:var(--nutui-picker-item-active-line-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-left:0;border-right:0}.nut-picker-list{flex:1;position:relative;height:var(--nutui-picker-list-height, 252px);overflow:hidden;text-align:center}.nut-picker-list-panel{transform-style:preserve-3d}.nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--picker-mask-background, linear-gradient(180deg, var(--nutui-white-12), var(--nutui-white-7)), linear-gradient(0deg, var(--nutui-white-12), var(--nutui-white-7)));background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;transform:translateZ(0);z-index:3}.nut-picker-view-panel{height:var(--nutui-picker-list-height, 252px);flex-grow:1}.nut-picker-content,.nut-picker-roller{position:absolute;top:108px;width:100%;height:var(--nutui-picker-item-height, 36px)}.nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-item,.nut-picker-roller-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);color:var(--nutui-picker-item-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, var(--nutui-font-size-3, 14px));text-align:center}.nut-picker-item{font-size:16px;background:#fff}.nut-picker-roller{z-index:1;transform-style:preserve-3d}.nut-picker-roller-item{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%}.nut-picker-roller-item-title{display:block;width:100%;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);text-align:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}[dir=rtl] .nut-picker-mask,.nut-rtl .nut-picker-mask{background-image:var(--picker-mask-background, linear-gradient(-180deg, var(--nutui-white-12), var(--nutui-white-7)), linear-gradient(0deg, var(--nutui-white-12), var(--nutui-white-7)))}

package/dist/esm/Picker.js

@@ -1,425 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default, { useState, useRef, useEffect, useImperativeHandle } from "react";
-import classNames from "classnames";
-import { P as Popup } from "./popup2.js";
-import { S as SafeArea } from "./safearea2.js";
-import { u as useTouch } from "./use-touch.js";
-import { p as passiveSupported } from "./supports-passive.js";
-import { u as useRefs } from "./use-refs.js";
-import { useConfig } from "./ConfigProvider.js";
-import { u as usePropsValue } from "./use-props-value.js";
-import { C as ComponentDefaults } from "./typings.js";
-const InternalPickerPanel = (props, ref) => {
-  const { keyIndex = 0, defaultValue, options = [], threeDimensional = true, duration = 1e3, chooseItem } = props;
-  const touch = useTouch();
-  const DEFAULT_DURATION = 200;
-  const INERTIA_TIME = 300;
-  const INERTIA_DISTANCE = 15;
-  const [currIndex, setCurrIndex] = useState(1);
-  const lineSpacing = 36;
-  const [touchTime, setTouchTime] = useState(0);
-  const [touchDeg, setTouchDeg] = useState("0deg");
-  const rotation = 20;
-  const moving = useRef(false);
-  let timer;
-  const rollerRef = useRef(null);
-  const PickerPanelRef = useRef(null);
-  const [startTime, setStartTime] = useState(0);
-  const [startY, setStartY] = useState(0);
-  const transformY = useRef(0);
-  const [scrollDistance, setScrollDistance] = useState(0);
-  const isHidden = (index) => {
-    if (index >= currIndex + 8 || index <= currIndex - 8) {
-      return true;
-    }
-    return false;
-  };
-  const setTransform = (type, deg, time = DEFAULT_DURATION, translateY = 0) => {
-    let nTime = time;
-    if (type !== "end") {
-      nTime = 0;
-    }
-    setTouchTime(nTime);
-    setTouchDeg(deg);
-    setScrollDistance(translateY);
-  };
-  const setMove = (move, type, time) => {
-    let updateMove = move + transformY.current;
-    if (type === "end") {
-      if (updateMove > 0) {
-        updateMove = 0;
-      }
-      if (updateMove < -(options.length - 1) * lineSpacing) {
-        updateMove = -(options.length - 1) * lineSpacing;
-      }
-      const endMove = Math.round(updateMove / lineSpacing) * lineSpacing;
-      const deg = `${(Math.abs(Math.round(endMove / lineSpacing)) + 1) * rotation}deg`;
-      setTransform(type, deg, time, endMove);
-      setCurrIndex(Math.abs(Math.round(endMove / lineSpacing)) + 1);
-    } else {
-      let deg = 0;
-      const currentDeg = (-updateMove / lineSpacing + 1) * rotation;
-      const maxDeg = (options.length + 1) * rotation;
-      const minDeg = 0;
-      deg = Math.min(Math.max(currentDeg, minDeg), maxDeg);
-      if (minDeg < deg && deg < maxDeg) {
-        setTransform("", `${deg}deg`, void 0, updateMove);
-        setCurrIndex(Math.abs(Math.round(updateMove / lineSpacing)) + 1);
-      }
-    }
-  };
-  const setChooseValue = (move) => {
-    chooseItem === null || chooseItem === void 0 ? void 0 : chooseItem(options === null || options === void 0 ? void 0 : options[Math.round(-move / lineSpacing)], keyIndex);
-  };
-  const touchStart = (event) => {
-    touch.start(event);
-    setStartY(touch.deltaY.current);
-    setStartTime(Date.now());
-    transformY.current = scrollDistance;
-  };
-  const touchMove = (event) => {
-    touch.move(event);
-    if (touch.isVertical) {
-      moving.current = true;
-      preventDefault(event);
-    }
-    const move = touch.deltaY.current - startY;
-    setMove(move);
-  };
-  const touchEnd = () => {
-    if (!moving.current)
-      return;
-    const move = touch.deltaY.current - startY;
-    const moveTime = Date.now() - startTime;
-    if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
-      const distance = momentum(move, moveTime);
-      setMove(distance, "end", +duration);
-    } else {
-      setMove(move, "end");
-    }
-    setTimeout(() => {
-      touch.reset();
-    }, 0);
-  };
-  const momentum = (distance, duration2) => {
-    let nDistance = distance;
-    const speed = Math.abs(nDistance / duration2);
-    nDistance = speed / 3e-3 * (nDistance < 0 ? -1 : 1);
-    return nDistance;
-  };
-  const modifyStatus = (type, val) => {
-    const value = defaultValue;
-    let index = -1;
-    if (value) {
-      options.some((item, idx) => {
-        if (item.value === value) {
-          index = idx;
-          return true;
-        }
-        return false;
-      });
-    } else {
-      options.forEach((item, i) => {
-        if (item.value === defaultValue) {
-          index = i;
-        }
-      });
-    }
-    setCurrIndex(index === -1 ? 1 : index + 1);
-    const move = index === -1 ? 0 : index * lineSpacing;
-    setMove(-move);
-  };
-  const stopMomentum = () => {
-    moving.current = false;
-    setTouchTime(0);
-    setChooseValue(scrollDistance);
-  };
-  const preventDefault = (event, isStopPropagation) => {
-    if (typeof event.cancelable !== "boolean" || event.cancelable) {
-      event.preventDefault();
-    }
-    {
-      event.stopPropagation();
-    }
-  };
-  const touchRollerStyle = () => {
-    return {
-      transition: `transform ${touchTime}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
-      transform: `rotate3d(1, 0, 0, ${touchDeg})`
-    };
-  };
-  const touchTileStyle = () => {
-    return {
-      transition: `transform ${touchTime}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
-      transform: `translate3d(0, ${scrollDistance}px, 0)`
-    };
-  };
-  useEffect(() => {
-    setScrollDistance(0);
-    transformY.current = 0;
-    modifyStatus();
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [options]);
-  useImperativeHandle(ref, () => ({
-    stopMomentum,
-    moving: moving.current
-  }));
-  useEffect(() => {
-    var _a, _b, _c;
-    const options2 = passiveSupported ? { passive: false } : false;
-    (_a = PickerPanelRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener("touchstart", touchStart, options2);
-    (_b = PickerPanelRef.current) === null || _b === void 0 ? void 0 : _b.addEventListener("touchmove", touchMove, options2);
-    (_c = PickerPanelRef.current) === null || _c === void 0 ? void 0 : _c.addEventListener("touchend", touchEnd, options2);
-    return () => {
-      var _a2, _b2, _c2;
-      (_a2 = PickerPanelRef.current) === null || _a2 === void 0 ? void 0 : _a2.removeEventListener("touchstart", touchStart);
-      (_b2 = PickerPanelRef.current) === null || _b2 === void 0 ? void 0 : _b2.removeEventListener("touchmove", touchMove);
-      (_c2 = PickerPanelRef.current) === null || _c2 === void 0 ? void 0 : _c2.removeEventListener("touchend", touchEnd);
-    };
-  });
-  return React__default.createElement(
-    "div",
-    { className: "nut-picker-list", ref: PickerPanelRef, onTouchStart: touchStart, onTouchMove: touchMove, onTouchEnd: touchEnd },
-    React__default.createElement(
-      "div",
-      { className: "nut-picker-roller", ref: rollerRef, style: threeDimensional ? touchRollerStyle() : touchTileStyle(), onTransitionEnd: stopMomentum },
-      threeDimensional && options.map((item, index) => {
-        return React__default.createElement(
-          "div",
-          { className: `nut-picker-roller-item ${isHidden(index + 1) && "nut-picker-roller-item-hidden"}`, style: {
-            transform: `rotate3d(1, 0, 0, ${-rotation * (index + 1)}deg) translate3d(0px, 0px, 104px)`
-          }, key: item.value ? item.value : index },
-          React__default.createElement(React__default.Fragment, null, item.text)
-        );
-      }),
-      !threeDimensional && options.map((item, index) => {
-        return React__default.createElement(
-          "div",
-          { className: "nut-picker-roller-item-title", key: item.value ? item.value : index },
-          React__default.createElement(React__default.Fragment, null, item.text)
-        );
-      })
-    ),
-    React__default.createElement("div", { className: "nut-picker-mask" }),
-    React__default.createElement("div", { className: "nut-picker-indicator" })
-  );
-};
-const PickerPanel = React__default.forwardRef(InternalPickerPanel);
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: "", options: [], value: [], defaultValue: [], threeDimensional: true, closeOnOverlayClick: true, duration: 1e3 });
-const InternalPicker = (props, ref) => {
-  const { locale } = useConfig();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, visible, title, options = [], closeOnOverlayClick, popupProps = {}, defaultValue = [], className, style, threeDimensional, duration, onConfirm, onCancel, onClose, afterClose, onChange } = _a, rest = __rest(_a, ["children", "visible", "title", "options", "closeOnOverlayClick", "popupProps", "defaultValue", "className", "style", "threeDimensional", "duration", "onConfirm", "onCancel", "onClose", "afterClose", "onChange"]);
-  const classPrefix = "nut-picker";
-  const classes = classNames(classPrefix, className);
-  const [selectedValue, setSelectedValue] = usePropsValue({
-    value: props.value,
-    defaultValue: [...defaultValue],
-    finalValue: [...defaultValue],
-    onChange: (val) => {
-      var _a2;
-      (_a2 = props.onConfirm) === null || _a2 === void 0 ? void 0 : _a2.call(props, setSelectedOptions(), val);
-    }
-  });
-  const [innerVisible, setInnerVisible] = usePropsValue({
-    value: props.visible,
-    defaultValue: false,
-    finalValue: false,
-    onChange: (val) => {
-      var _a2;
-      (_a2 = props.onClose) === null || _a2 === void 0 ? void 0 : _a2.call(props, setSelectedOptions(), innerValue);
-    }
-  });
-  const [innerValue, setInnerValue] = useState(selectedValue);
-  const [columnIndex, setColumnIndex] = useState(0);
-  const pickerRef = useRef(null);
-  const [refs, setRefs] = useRefs();
-  const [columnsList, setColumnsList] = useState([]);
-  const isConfirmEvent = useRef(false);
-  const actions = {
-    open: () => {
-      setInnerVisible(true);
-    },
-    close: () => {
-      setInnerVisible(false);
-    }
-  };
-  useImperativeHandle(ref, () => actions);
-  const formatCascade = (columns, values) => {
-    const formatted = [];
-    let columnOptions = {
-      text: "",
-      value: "",
-      children: columns
-    };
-    let columnIndex2 = 0;
-    while (columnOptions && columnOptions.children) {
-      const options2 = columnOptions.children;
-      const value = values[columnIndex2];
-      let index = options2.findIndex((columnItem) => columnItem.value === value);
-      if (index === -1)
-        index = 0;
-      columnOptions = columnOptions.children[index];
-      columnIndex2++;
-      formatted.push(options2);
-    }
-    return formatted;
-  };
-  const columnsType = () => {
-    const firstColumn = options[0];
-    if (firstColumn) {
-      if (Array.isArray(firstColumn)) {
-        return "multiple";
-      }
-      if ("children" in firstColumn) {
-        return "cascade";
-      }
-    }
-    return "single";
-  };
-  const normalListData = (innerValue2) => {
-    const type = columnsType();
-    switch (type) {
-      case "multiple":
-        return options;
-      case "cascade":
-        return formatCascade(options, innerValue2);
-      default:
-        return [options];
-    }
-  };
-  const init = () => {
-    const normalData = normalListData(innerValue);
-    setColumnsList(normalData);
-    const data = [];
-    normalData.length > 0 && normalData.map((item) => {
-      item[0] && data.push(item[0].value);
-      return item;
-    });
-    if (!innerValue.length && innerValue.length === 0) {
-      setInnerValue([...data]);
-    }
-  };
-  useEffect(() => {
-    setInnerValue(innerValue !== selectedValue ? selectedValue : innerValue);
-  }, [innerVisible, selectedValue]);
-  useEffect(() => {
-    if (innerVisible) {
-      init();
-    }
-  }, [options, innerVisible]);
-  useEffect(() => {
-    onChange && onChange(setSelectedOptions(), innerValue, columnIndex);
-  }, [innerValue, columnsList]);
-  const setSelectedOptions = () => {
-    const options2 = [];
-    let currOptions = [];
-    columnsList.forEach((columnOptions, index) => {
-      currOptions = columnOptions.filter((item) => item.value === innerValue[index]);
-      if (currOptions[0]) {
-        options2.push(currOptions[0]);
-      } else {
-        columnOptions[0] && options2.push(columnOptions[0]);
-      }
-    });
-    return options2;
-  };
-  const chooseItem = (columnOptions, columnIndex2) => {
-    var _a2, _b;
-    const values = [];
-    const start = columnIndex2;
-    if (columnOptions && Object.keys(columnOptions).length) {
-      if (values[columnIndex2] !== columnOptions.value) {
-        if (columnsType() === "cascade") {
-          values[columnIndex2] = columnOptions.value || "";
-          while ((_a2 = columnOptions === null || columnOptions === void 0 ? void 0 : columnOptions.children) === null || _a2 === void 0 ? void 0 : _a2[0]) {
-            values[columnIndex2 + 1] = columnOptions.children[0].value;
-            columnIndex2++;
-            columnOptions = columnOptions.children[0];
-          }
-          if ((_b = columnOptions === null || columnOptions === void 0 ? void 0 : columnOptions.children) === null || _b === void 0 ? void 0 : _b.length) {
-            values[columnIndex2 + 1] = "";
-          }
-          const combineResult = [
-            ...innerValue.slice(0, start),
-            ...values.splice(start)
-          ];
-          setInnerValue(combineResult);
-          setColumnsList(normalListData(combineResult));
-        } else {
-          setInnerValue((data) => {
-            const cdata = [...data];
-            cdata[columnIndex2] = Object.prototype.hasOwnProperty.call(columnOptions, "value") ? columnOptions.value : "";
-            return cdata;
-          });
-        }
-        setColumnIndex(columnIndex2);
-      }
-    }
-  };
-  const confirm = () => {
-    let moving = false;
-    refs.forEach((ref2) => {
-      if (ref2.moving)
-        moving = true;
-      ref2.stopMomentum();
-    });
-    if (moving) {
-      isConfirmEvent.current = true;
-    } else {
-      setSelectedValue(innerValue, true);
-      setInnerVisible(false);
-    }
-    setTimeout(() => {
-      isConfirmEvent.current = false;
-    }, 0);
-  };
-  const renderTitleBar = () => {
-    return React__default.createElement(
-      "div",
-      { className: `${classPrefix}-control` },
-      React__default.createElement("span", { className: `${classPrefix}-cancel-btn`, onClick: (e) => {
-        e.stopPropagation();
-        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-        setInnerVisible(false);
-      } }, locale === null || locale === void 0 ? void 0 : locale.cancel),
-      React__default.createElement("div", { className: `${classPrefix}-title` }, title || ""),
-      React__default.createElement("span", { className: `${classPrefix}-confirm-btn`, onClick: (e) => {
-        e.stopPropagation();
-        confirm();
-      } }, locale.confirm)
-    );
-  };
-  return React__default.createElement(
-    React__default.Fragment,
-    null,
-    typeof children === "function" && children(selectedValue),
-    React__default.createElement(
-      Popup,
-      Object.assign({}, popupProps, { visible: innerVisible, position: "bottom", onOverlayClick: () => {
-        var _a2;
-        if (closeOnOverlayClick) {
-          (_a2 = props.onCancel) === null || _a2 === void 0 ? void 0 : _a2.call(props);
-          setInnerVisible(false);
-        }
-      }, afterClose: () => {
-        afterClose === null || afterClose === void 0 ? void 0 : afterClose(setSelectedOptions(), innerValue, pickerRef);
-      } }),
-      React__default.createElement(
-        "div",
-        Object.assign({ className: classes, style }, rest),
-        renderTitleBar(),
-        typeof children !== "function" && children,
-        React__default.createElement("div", { className: `${classPrefix}-panel`, ref: pickerRef }, columnsList === null || columnsList === void 0 ? void 0 : columnsList.map((item, index) => {
-          return React__default.createElement(PickerPanel, { ref: setRefs(index), defaultValue: innerValue === null || innerValue === void 0 ? void 0 : innerValue[index], options: item, threeDimensional, chooseItem: (value, index2) => chooseItem(value, index2), duration, key: index, keyIndex: index });
-        }))
-      ),
-      React__default.createElement(SafeArea, { position: "bottom" })
-    )
-  );
-};
-const Picker = React__default.forwardRef(InternalPicker);
-export {
-  Picker as default
-};

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

@@ -1,2 +0,0 @@
-import '../../Popup/style'
-import '../../../packages/popover/popover.scss'

package/dist/esm/Popover/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}