@nutui/nutui 4.3.0-beta.5 → 4.3.0

package/dist/packages/popover/Popover.js

@@ -1,12 +1,12 @@
-import { ref, computed, onMounted, watch, resolveComponent, openBlock, createElementBlock, Fragment, renderSlot, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, createVNode, withCtx, renderList, withModifiers, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
+import { ref, computed, onMounted, watch, nextTick, resolveComponent, openBlock, createElementBlock, Fragment, renderSlot, createCommentVNode, createBlock, Teleport, createElementVNode, normalizeClass, normalizeStyle, createVNode, withCtx, renderList, withModifiers, resolveDynamicComponent, toDisplayString } from "vue";
 import { c as createComponent } from "../component-TCzwHGVq.js";
 import { r as renderIcon } from "../renderIcon--EgZu5_5.js";
-import { a as isArray } from "../util-4Jkyw4BJ.js";
-import { u as useRect } from "../index-rf29bejW.js";
-import { N as NutPopup } from "../index-rbZsBckW.js";
+import { u as useRect } from "../index-cp6Ms_Qe.js";
+import { N as NutPopup } from "../index-wY4t0zYt.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 import "@nutui/icons-vue";
 import "../overlay/Overlay.js";
+import "../util-4Jkyw4BJ.js";
 const { create } = createComponent("popover");
 const _sfc_main = create({
   components: {
@@ -36,8 +36,11 @@ const _sfc_main = create({
     const popoverRef = ref();
     const popoverContentRef = ref();
     const showPopup = ref(props.visible);
-    let rootRect = ref();
-    let conentRootRect = ref();
+    const rootPosition = ref();
+    const elRect = ref({
+      width: 0,
+      height: 0
+    });
     const popoverArrow = computed(() => {
       const prefixCls = "nut-popover-arrow";
       const loca = props.location;
@@ -85,76 +88,72 @@ const _sfc_main = create({
       return str;
     };
     const getRootPosition = computed(() => {
-      let styles = {};
-      if (!rootRect.value || !conentRootRect.value)
+      const styles = {};
+      if (!rootPosition.value)
         return {};
-      const conentWidth = conentRootRect.value.width;
-      const conentHeight = conentRootRect.value.height;
-      const { width, height, left, top } = rootRect.value;
+      const contentWidth = elRect.value.width;
+      const contentHeight = elRect.value.height;
+      const { width, height, left, top, right } = rootPosition.value;
       const { location, offset } = props;
-      const direction = location.split("-")[0];
-      const skew = location.split("-")[1];
+      const direction = location == null ? void 0 : location.split("-")[0];
+      const skew = location == null ? void 0 : location.split("-")[1];
       let cross = 0;
       let parallel = 0;
-      if (isArray(offset) && offset.length == 2) {
+      if (Array.isArray(offset) && (offset == null ? void 0 : offset.length) === 2) {
         cross += Number(offset[1]);
         parallel += Number(offset[0]);
       }
       if (width) {
         if (["bottom", "top"].includes(direction)) {
-          const h = direction == "bottom" ? height + cross : -(conentHeight + cross);
+          const h = direction === "bottom" ? height + cross : -(contentHeight + cross);
           styles.top = `${top + h}px`;
           if (!skew) {
-            styles.left = `${-(conentWidth - width) / 2 + left + parallel}px`;
+            styles.left = `${-(contentWidth - width) / 2 + left + parallel}px`;
           }
-          if (skew == "start") {
+          if (skew === "start") {
             styles.left = `${left + parallel}px`;
           }
-          if (skew == "end") {
-            styles.left = `${rootRect.value.right + parallel}px`;
+          if (skew === "end") {
+            styles.left = `${right + parallel}px`;
           }
         }
         if (["left", "right"].includes(direction)) {
-          const contentW = direction == "left" ? -(conentWidth + cross) : width + cross;
+          const contentW = direction === "left" ? -(contentWidth + cross) : width + cross;
           styles.left = `${left + contentW}px`;
           if (!skew) {
-            styles.top = `${top - conentHeight / 2 + height / 2 - 4 + parallel}px`;
+            styles.top = `${top - contentHeight / 2 + height / 2 - 4 + parallel}px`;
           }
-          if (skew == "start") {
+          if (skew === "start") {
             styles.top = `${top + parallel}px`;
           }
-          if (skew == "end") {
+          if (skew === "end") {
             styles.top = `${top + height + parallel}px`;
           }
         }
       }
       return styles;
     });
-    const customStyle = computed(() => {
-      const styles = {};
-      if (props.bgColor) {
-        styles.background = props.bgColor;
-      }
-      return styles;
-    });
     const getContentWidth = () => {
-      let rect2 = useRect(popoverRef.value);
-      if (props.targetId) {
-        rect2 = useRect(document.querySelector(`#${props.targetId}`));
-      }
-      rootRect.value = rect2;
-      setTimeout(() => {
-        var _a, _b;
-        conentRootRect.value = {
-          height: (_a = popoverContentRef.value) == null ? void 0 : _a.clientHeight,
-          width: (_b = popoverContentRef.value) == null ? void 0 : _b.clientWidth
-        };
-      }, 0);
+      var _a, _b, _c, _d;
+      const rect = useRect(
+        props.targetId ? document.querySelector(`#${props.targetId}`) : popoverRef.value
+      );
+      rootPosition.value = {
+        width: rect.width,
+        height: rect.height,
+        left: rect.left,
+        top: rect.top + Math.max(((_a = document.documentElement) == null ? void 0 : _a.scrollTop) || 0, ((_b = document.body) == null ? void 0 : _b.scrollTop) || 0),
+        right: rect.right
+      };
+      elRect.value = {
+        height: (_c = popoverContentRef.value) == null ? void 0 : _c.clientHeight,
+        width: (_d = popoverContentRef.value) == null ? void 0 : _d.clientWidth
+      };
     };
     onMounted(() => {
       setTimeout(() => {
         getContentWidth();
-      }, 200);
+      }, 300);
     });
     watch(
       () => props.visible,
@@ -162,7 +161,9 @@ const _sfc_main = create({
         showPopup.value = value;
         if (value) {
           window.addEventListener("touchstart", clickAway, true);
-          getContentWidth();
+          nextTick(() => {
+            getContentWidth();
+          });
         } else {
           window.removeEventListener("touchstart", clickAway, true);
         }
@@ -207,7 +208,6 @@ const _sfc_main = create({
       popoverRef,
       popoverContentRef,
       getRootPosition,
-      customStyle,
       popoverArrowStyle,
       renderIcon
     };
@@ -230,49 +230,51 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       renderSlot(_ctx.$slots, "reference")
     ], 512)) : createCommentVNode("", true),
-    createElementVNode("view", {
-      class: normalizeClass(["nut-popover", `nut-popover--${_ctx.theme}`, `${_ctx.customClass}`]),
-      style: normalizeStyle(_ctx.getRootPosition)
-    }, [
-      createVNode(_component_nut_popup, {
-        visible: _ctx.showPopup,
-        "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.showPopup = $event),
-        "pop-class": `nut-popover-content nut-popover-content--${_ctx.location}`,
-        style: normalizeStyle(_ctx.customStyle),
-        position: "",
-        transition: "nut-popover",
-        overlay: _ctx.overlay,
-        duration: _ctx.duration,
-        "overlay-style": _ctx.overlayStyle,
-        "overlay-class": _ctx.overlayClass,
-        "close-on-click-overlay": _ctx.closeOnClickOverlay
-      }, {
-        default: withCtx(() => [
-          createElementVNode("view", _hoisted_1, [
-            _ctx.showArrow ? (openBlock(), createElementBlock("view", {
-              key: 0,
-              class: normalizeClass(_ctx.popoverArrow),
-              style: normalizeStyle(_ctx.popoverArrowStyle)
-            }, null, 6)) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "content"),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item, index) => {
-              return openBlock(), createElementBlock("view", {
-                key: index,
-                class: normalizeClass([item.className, item.disabled && "nut-popover-menu-disabled", "nut-popover-menu-item"]),
-                onClick: withModifiers(($event) => _ctx.chooseItem(item, index), ["stop"])
-              }, [
-                item.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(item.icon)), {
-                  key: 0,
-                  class: "nut-popover-item-img"
-                })) : createCommentVNode("", true),
-                createElementVNode("view", _hoisted_3, toDisplayString(item.name), 1)
-              ], 10, _hoisted_2);
-            }), 128))
-          ], 512)
-        ]),
-        _: 3
-      }, 8, ["visible", "pop-class", "style", "overlay", "duration", "overlay-style", "overlay-class", "close-on-click-overlay"])
-    ], 6)
+    (openBlock(), createBlock(Teleport, { to: "body" }, [
+      createElementVNode("div", {
+        class: normalizeClass(["nut-popover", `nut-popover--${_ctx.theme}`, `${_ctx.customClass}`]),
+        style: normalizeStyle(_ctx.getRootPosition)
+      }, [
+        createVNode(_component_nut_popup, {
+          visible: _ctx.showPopup,
+          "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.showPopup = $event),
+          "pop-class": `nut-popover-content nut-popover-content--${_ctx.location}`,
+          style: normalizeStyle({ background: _ctx.bgColor }),
+          position: "",
+          transition: "nut-popover",
+          overlay: _ctx.overlay,
+          duration: _ctx.duration,
+          "overlay-style": _ctx.overlayStyle,
+          "overlay-class": _ctx.overlayClass,
+          "close-on-click-overlay": _ctx.closeOnClickOverlay
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              _ctx.showArrow ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(_ctx.popoverArrow),
+                style: normalizeStyle(_ctx.popoverArrowStyle)
+              }, null, 6)) : createCommentVNode("", true),
+              renderSlot(_ctx.$slots, "content"),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: normalizeClass([item.className, item.disabled && "nut-popover-menu-disabled", "nut-popover-menu-item"]),
+                  onClick: withModifiers(($event) => _ctx.chooseItem(item, index), ["stop"])
+                }, [
+                  item.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(item.icon)), {
+                    key: 0,
+                    class: "nut-popover-item-img"
+                  })) : createCommentVNode("", true),
+                  createElementVNode("div", _hoisted_3, toDisplayString(item.name), 1)
+                ], 10, _hoisted_2);
+              }), 128))
+            ], 512)
+          ]),
+          _: 3
+        }, 8, ["visible", "pop-class", "style", "overlay", "duration", "overlay-style", "overlay-class", "close-on-click-overlay"])
+      ], 6)
+    ]))
   ], 64);
 }
 const NutPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/dist/packages/popover/index.css

@@ -1 +1 @@
-.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid rgba(0,0,0,0)}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0px;border-bottom-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-top-width:0;margin-top:-8px}.nut-popover-arrow-bottom.nut-popover-arrow--bottom{left:50%;transform:translateX(-50%)}.nut-popover-arrow-bottom.nut-popover-arrow--bottom-start{left:16px;transform:translateX(0%)}.nut-popover-arrow-bottom.nut-popover-arrow--bottom-end{right:16px;transform:translateX(0%)}.nut-popover-arrow-left{right:0px;border-left-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));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:0px;border-right-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));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-content{position:absolute;z-index:9999;background:#fff;border-radius:5px;font-size:14px;font-weight:normal;color:#333;box-shadow:0 2px 12px rgba(50,50,51,.1215686275);opacity:1;transition:opacity .15s,transform .15s;max-height:initial;overflow-y:initial}.nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover-content .nut-popover-menu-item{display:block;padding:8px;border-bottom:1px solid var(--nut-popover-border-bottom-color, rgb(229, 229, 229))}.nut-popover-content .nut-popover-menu-item:first-child{margin-top:15px}.nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover-content .nut-popover-menu-item .nut-popover-item-img{vertical-align:top;margin-right:3px}.nut-popover-content .nut-popover-menu-item .nut-popover-menu-item-name{width:100%;word-break:keep-all}.nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nut-popover-disable-color, rgb(154, 155, 157));cursor:not-allowed}.nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover-content--top .nut-popover-arrow--top{left:50%;transform:translateX(-50%)}.nut-popover-content--top-end{right:0}.nut-popover-content--top-end .nut-popover-arrow--top-end{right:16px;transform:translateX(0%)}.nut-popover-content--top-start{left:0}.nut-popover-content--top-start .nut-popover-arrow--top-start{left:16px;transform:translateX(0%)}.nut-popover-content--bottom-end{right:0}.nut-popover-content--left-end{bottom:0}.nut-popover-content--left-start{top:0}.nut-popover-content--right-end{bottom:0}.nut-popover-content--right-start{top:0}.nut-popover--dark .nut-popover-content{background:var(--nut-popover-dark-background-color, rgb(75, 76, 77));color:var(--nut-popover-white-background-color, rgb(255, 255, 255))}.nut-popover--dark .nut-popover-content--bottom .nut-popover-arrow,.nut-popover--dark .nut-popover-content--bottom-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--bottom-end .nut-popover-arrow{border-bottom-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--top .nut-popover-arrow,.nut-popover--dark .nut-popover-content--top-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--top-end .nut-popover-arrow{border-top-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--left .nut-popover-arrow,.nut-popover--dark .nut-popover-content--left-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--left-end .nut-popover-arrow{border-left-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--right .nut-popover-arrow,.nut-popover--dark .nut-popover-content--right-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--right-end .nut-popover-arrow{border-right-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(0.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:rgba(0,0,0,0);z-index:1999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}
+.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover .nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid rgba(0,0,0,0)}.nut-popover .nut-popover-arrow-top{bottom:0;border-top-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-bottom-width:0;margin-bottom:-8px}.nut-popover .nut-popover-arrow-bottom{top:0px;border-bottom-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-top-width:0;margin-top:-8px}.nut-popover .nut-popover-arrow-bottom.nut-popover-arrow--bottom{left:50%;transform:translateX(-50%)}.nut-popover .nut-popover-arrow-bottom.nut-popover-arrow--bottom-start{left:16px;transform:translateX(0%)}.nut-popover .nut-popover-arrow-bottom.nut-popover-arrow--bottom-end{right:16px;transform:translateX(0%)}.nut-popover .nut-popover-arrow-left{right:0px;border-left-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-right-width:0;margin-right:-8px}.nut-popover .nut-popover-arrow-left.nut-popover-arrow--left{top:50%;transform:translateY(-50%)}.nut-popover .nut-popover-arrow-left.nut-popover-arrow--left-start{top:16px;transform:translateY(0%)}.nut-popover .nut-popover-arrow-left.nut-popover-arrow--left-end{bottom:16px;transform:translateY(0%)}.nut-popover .nut-popover-arrow-right{left:0px;border-right-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-left-width:0;margin-left:-8px}.nut-popover .nut-popover-arrow-right.nut-popover-arrow--right{top:50%;transform:translateY(-50%)}.nut-popover .nut-popover-arrow-right.nut-popover-arrow--right-start{top:16px;transform:translateY(0%)}.nut-popover .nut-popover-arrow-right.nut-popover-arrow--right-end{bottom:16px;transform:translateY(0%)}.nut-popover .nut-popover-content{position:absolute;z-index:9999;background:#fff;border-radius:5px;font-size:14px;font-weight:normal;color:#333;box-shadow:0 2px 12px rgba(50,50,51,.1215686275);opacity:1;transition:opacity .15s,transform .15s;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{display:flex;align-items:center;padding:8px;border-bottom:1px solid var(--nut-popover-border-bottom-color, rgb(229, 229, 229))}.nut-popover .nut-popover-content .nut-popover-menu-item:first-child{margin-top:15px}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item .nut-popover-item-img{vertical-align:top;margin-right:3px}.nut-popover .nut-popover-content .nut-popover-menu-item .nut-popover-menu-item-name{width:100%;text-align:center;word-break:keep-all}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nut-popover-disable-color, rgb(154, 155, 157));cursor:not-allowed}.nut-popover .nut-popover-content--top .nut-popover-arrow--top{left:50%;transform:translateX(-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:translateX(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:translateX(0%)}.nut-popover .nut-popover-content--bottom-end{right: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 .nut-popover-content{background:var(--nut-popover-dark-background-color, rgb(75, 76, 77));color:var(--nut-popover-white-background-color, rgb(255, 255, 255))}.nut-popover--dark .nut-popover-content--bottom .nut-popover-arrow,.nut-popover--dark .nut-popover-content--bottom-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--bottom-end .nut-popover-arrow{border-bottom-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--top .nut-popover-arrow,.nut-popover--dark .nut-popover-content--top-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--top-end .nut-popover-arrow{border-top-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--left .nut-popover-arrow,.nut-popover--dark .nut-popover-content--left-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--left-end .nut-popover-arrow{border-left-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--right .nut-popover-arrow,.nut-popover--dark .nut-popover-content--right-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--right-end .nut-popover-arrow{border-right-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(0.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:rgba(0,0,0,0);z-index:1999}.nut-popover-wrapper{display:inline-block}

package/dist/packages/popover/index.scss

@@ -5,7 +5,7 @@
   display: inline-block;
   word-break: normal;
 
-  &-arrow {
+  .nut-popover-arrow {
     position: absolute;
     width: 0;
     height: 0;
@@ -85,7 +85,7 @@
     }
   }
 
-  &-content {
+  .nut-popover-content {
     position: absolute;
     z-index: 9999;
     background: #fff;
@@ -109,8 +109,8 @@
     }
 
     .nut-popover-menu-item {
-      display: block;
-      // padding-bottom: 8px;
+      display: flex;
+      align-items: center;
       padding: 8px;
       border-bottom: 1px solid $popover-border-bottom-color;
 
@@ -130,6 +130,7 @@
 
       .nut-popover-menu-item-name {
         width: 100%;
+        text-align: center;
         word-break: keep-all;
       }
 
@@ -137,10 +138,6 @@
         color: $popover-disable-color;
         cursor: not-allowed;
       }
-
-      &.nut-popover-menu-taroitem {
-        display: flex;
-      }
     }
 
     &--top {
@@ -256,9 +253,3 @@
 .nut-popover-wrapper {
   display: inline-block;
 }
-
-// Taro
-.nut-popover-content-copy {
-  position: absolute;
-  top: -99999px;
-}

package/dist/packages/popup/Popup.js

@@ -1,4 +1,4 @@
-import { N } from "../index-rbZsBckW.js";
+import { N } from "../index-wY4t0zYt.js";
 import "vue";
 import "../_plugin-vue_export-helper-yVxbj29m.js";
 import "@nutui/icons-vue";

package/dist/packages/range/Range.js

@@ -21,7 +21,7 @@ import { ref, computed, toRefs, openBlock, createElementBlock, normalizeClass, t
 import { c as createComponent } from "../component-TCzwHGVq.js";
 import { a as isArray } from "../util-4Jkyw4BJ.js";
 import { u as useTouch } from "../index-084nl_oE.js";
-import { u as useRect } from "../index-rf29bejW.js";
+import { u as useRect } from "../index-cp6Ms_Qe.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 const { componentName, create } = createComponent("range");
 const _sfc_main = create({

package/dist/packages/shortpassword/ShortPassword.js

@@ -1,6 +1,6 @@
 import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, Fragment, renderList, createCommentVNode } from "vue";
 import { c as createComponent } from "../component-TCzwHGVq.js";
-import { N as NutPopup } from "../index-rbZsBckW.js";
+import { N as NutPopup } from "../index-wY4t0zYt.js";
 import { Tips } from "@nutui/icons-vue";
 import { u as useLocale } from "../index-s3RgMhc7.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";

package/dist/packages/sku/Sku.js

@@ -5,7 +5,7 @@ import { u as useLocale } from "../index-s3RgMhc7.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 import { T as TypeOfFun } from "../util-4Jkyw4BJ.js";
 import NutInputNumber from "../inputnumber/InputNumber.js";
-import { N as NutPopup } from "../index-rbZsBckW.js";
+import { N as NutPopup } from "../index-wY4t0zYt.js";
 import "@nutui/nutui/dist/packages/locale/lang";
 import "../pxCheck-OnXlN1NC.js";
 import "@nutui/icons-vue";

package/dist/packages/sticky/Sticky.js

@@ -1,7 +1,7 @@
 import { ref, reactive, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, normalizeStyle, createElementVNode, renderSlot } from "vue";
 import { c as createComponent } from "../component-TCzwHGVq.js";
 import { g as getScrollParent } from "../index-xDfQLRen.js";
-import { u as useRect } from "../index-rf29bejW.js";
+import { u as useRect } from "../index-cp6Ms_Qe.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 const { create } = createComponent("sticky");
 const _sfc_main = create({

package/dist/packages/tabs/Tabs.js

@@ -44,7 +44,7 @@ import { JoySmile } from "@nutui/icons-vue";
 import { c as createComponent } from "../component-TCzwHGVq.js";
 import { T as TypeOfFun } from "../util-4Jkyw4BJ.js";
 import { p as pxCheck } from "../pxCheck-OnXlN1NC.js";
-import { u as useRect } from "../index-rf29bejW.js";
+import { u as useRect } from "../index-cp6Ms_Qe.js";
 import { r as requestAniFrame } from "../raf-MQjoO-Ag.js";
 import { u as useTouch } from "../index-084nl_oE.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";

package/dist/packages/timeselect/TimeSelect.js

@@ -1,6 +1,6 @@
 import { computed, provide, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, createElementBlock, toDisplayString, renderSlot } from "vue";
 import { c as createComponent } from "../component-TCzwHGVq.js";
-import { N as NutPopup } from "../index-rbZsBckW.js";
+import { N as NutPopup } from "../index-wY4t0zYt.js";
 import { u as useLocale } from "../index-s3RgMhc7.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 import "@nutui/icons-vue";

package/dist/packages/tour/Tour.js

@@ -19,14 +19,14 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { reactive, ref, computed, onMounted, watch, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, vShow, Fragment, renderList, normalizeStyle, createCommentVNode, createVNode, withCtx, renderSlot, toDisplayString } from "vue";
 import { c as createComponent } from "../component-TCzwHGVq.js";
-import { u as useRect } from "../index-rf29bejW.js";
+import { u as useRect } from "../index-cp6Ms_Qe.js";
 import { Close } from "@nutui/icons-vue";
 import NutPopover from "../popover/Popover.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 import "../renderIcon--EgZu5_5.js";
-import "../util-4Jkyw4BJ.js";
-import "../index-rbZsBckW.js";
+import "../index-wY4t0zYt.js";
 import "../overlay/Overlay.js";
+import "../util-4Jkyw4BJ.js";
 const { create } = createComponent("tour");
 const _sfc_main = create({
   components: {

package/dist/packages/tour/index.css

@@ -1 +1 @@
-.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid rgba(0,0,0,0)}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0px;border-bottom-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-top-width:0;margin-top:-8px}.nut-popover-arrow-bottom.nut-popover-arrow--bottom{left:50%;transform:translateX(-50%)}.nut-popover-arrow-bottom.nut-popover-arrow--bottom-start{left:16px;transform:translateX(0%)}.nut-popover-arrow-bottom.nut-popover-arrow--bottom-end{right:16px;transform:translateX(0%)}.nut-popover-arrow-left{right:0px;border-left-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));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:0px;border-right-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));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-content{position:absolute;z-index:9999;background:#fff;border-radius:5px;font-size:14px;font-weight:normal;color:#333;box-shadow:0 2px 12px rgba(50,50,51,.1215686275);opacity:1;transition:opacity .15s,transform .15s;max-height:initial;overflow-y:initial}.nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover-content .nut-popover-menu-item{display:block;padding:8px;border-bottom:1px solid var(--nut-popover-border-bottom-color, rgb(229, 229, 229))}.nut-popover-content .nut-popover-menu-item:first-child{margin-top:15px}.nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover-content .nut-popover-menu-item .nut-popover-item-img{vertical-align:top;margin-right:3px}.nut-popover-content .nut-popover-menu-item .nut-popover-menu-item-name{width:100%;word-break:keep-all}.nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nut-popover-disable-color, rgb(154, 155, 157));cursor:not-allowed}.nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover-content--top .nut-popover-arrow--top{left:50%;transform:translateX(-50%)}.nut-popover-content--top-end{right:0}.nut-popover-content--top-end .nut-popover-arrow--top-end{right:16px;transform:translateX(0%)}.nut-popover-content--top-start{left:0}.nut-popover-content--top-start .nut-popover-arrow--top-start{left:16px;transform:translateX(0%)}.nut-popover-content--bottom-end{right:0}.nut-popover-content--left-end{bottom:0}.nut-popover-content--left-start{top:0}.nut-popover-content--right-end{bottom:0}.nut-popover-content--right-start{top:0}.nut-popover--dark .nut-popover-content{background:var(--nut-popover-dark-background-color, rgb(75, 76, 77));color:var(--nut-popover-white-background-color, rgb(255, 255, 255))}.nut-popover--dark .nut-popover-content--bottom .nut-popover-arrow,.nut-popover--dark .nut-popover-content--bottom-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--bottom-end .nut-popover-arrow{border-bottom-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--top .nut-popover-arrow,.nut-popover--dark .nut-popover-content--top-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--top-end .nut-popover-arrow{border-top-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--left .nut-popover-arrow,.nut-popover--dark .nut-popover-content--left-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--left-end .nut-popover-arrow{border-left-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--right .nut-popover-arrow,.nut-popover--dark .nut-popover-content--right-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--right-end .nut-popover-arrow{border-right-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(0.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:rgba(0,0,0,0);z-index:1999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}.nut-tour-mask{position:fixed;width:100px;height:50px;box-shadow:0px 0px 0px 150vh rgba(0,0,0,.5);border-radius:10px;z-index:1002}.nut-tour-mask-none{box-shadow:none}.nut-tour-mask-hidden{opacity:0}.nut-tour-content{display:block;padding:10px 12px;min-width:200px}.nut-tour-content-top{display:block;text-align:right}.nut-tour-content-top-close{width:10px;height:10px}.nut-tour-content-inner{margin:10px 0px;font-size:14px}.nut-tour-content-bottom{margin-top:10px;display:flex;justify-content:space-between}.nut-tour-content-bottom-init{margin-left:10px}.nut-tour-content-bottom-operate{display:flex;justify-content:flex-end}.nut-tour-content-bottom-operate-btn{display:inline-block;border:1px solid var(--nut-disable-color, #cccccc);margin-left:4px;padding:2px 4px;font-size:12px;border-radius:4px;color:var(--nut-text-color, #808080)}.nut-tour-content-bottom-operate-btn.active{color:#fff;border:0;background:var(--nut-primary-color, #fa2c19)}.nut-tour-content-tile .nut-tour-content-inner{margin:0}.nut-tour-masked{position:fixed;width:100vh;height:100vh;z-index:2000;top:0;left:0;background:rgba(0,0,0,0)}
+.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover .nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid rgba(0,0,0,0)}.nut-popover .nut-popover-arrow-top{bottom:0;border-top-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-bottom-width:0;margin-bottom:-8px}.nut-popover .nut-popover-arrow-bottom{top:0px;border-bottom-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-top-width:0;margin-top:-8px}.nut-popover .nut-popover-arrow-bottom.nut-popover-arrow--bottom{left:50%;transform:translateX(-50%)}.nut-popover .nut-popover-arrow-bottom.nut-popover-arrow--bottom-start{left:16px;transform:translateX(0%)}.nut-popover .nut-popover-arrow-bottom.nut-popover-arrow--bottom-end{right:16px;transform:translateX(0%)}.nut-popover .nut-popover-arrow-left{right:0px;border-left-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-right-width:0;margin-right:-8px}.nut-popover .nut-popover-arrow-left.nut-popover-arrow--left{top:50%;transform:translateY(-50%)}.nut-popover .nut-popover-arrow-left.nut-popover-arrow--left-start{top:16px;transform:translateY(0%)}.nut-popover .nut-popover-arrow-left.nut-popover-arrow--left-end{bottom:16px;transform:translateY(0%)}.nut-popover .nut-popover-arrow-right{left:0px;border-right-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-left-width:0;margin-left:-8px}.nut-popover .nut-popover-arrow-right.nut-popover-arrow--right{top:50%;transform:translateY(-50%)}.nut-popover .nut-popover-arrow-right.nut-popover-arrow--right-start{top:16px;transform:translateY(0%)}.nut-popover .nut-popover-arrow-right.nut-popover-arrow--right-end{bottom:16px;transform:translateY(0%)}.nut-popover .nut-popover-content{position:absolute;z-index:9999;background:#fff;border-radius:5px;font-size:14px;font-weight:normal;color:#333;box-shadow:0 2px 12px rgba(50,50,51,.1215686275);opacity:1;transition:opacity .15s,transform .15s;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{display:flex;align-items:center;padding:8px;border-bottom:1px solid var(--nut-popover-border-bottom-color, rgb(229, 229, 229))}.nut-popover .nut-popover-content .nut-popover-menu-item:first-child{margin-top:15px}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item .nut-popover-item-img{vertical-align:top;margin-right:3px}.nut-popover .nut-popover-content .nut-popover-menu-item .nut-popover-menu-item-name{width:100%;text-align:center;word-break:keep-all}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nut-popover-disable-color, rgb(154, 155, 157));cursor:not-allowed}.nut-popover .nut-popover-content--top .nut-popover-arrow--top{left:50%;transform:translateX(-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:translateX(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:translateX(0%)}.nut-popover .nut-popover-content--bottom-end{right: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 .nut-popover-content{background:var(--nut-popover-dark-background-color, rgb(75, 76, 77));color:var(--nut-popover-white-background-color, rgb(255, 255, 255))}.nut-popover--dark .nut-popover-content--bottom .nut-popover-arrow,.nut-popover--dark .nut-popover-content--bottom-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--bottom-end .nut-popover-arrow{border-bottom-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--top .nut-popover-arrow,.nut-popover--dark .nut-popover-content--top-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--top-end .nut-popover-arrow{border-top-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--left .nut-popover-arrow,.nut-popover--dark .nut-popover-content--left-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--left-end .nut-popover-arrow{border-left-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--right .nut-popover-arrow,.nut-popover--dark .nut-popover-content--right-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--right-end .nut-popover-arrow{border-right-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(0.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:rgba(0,0,0,0);z-index:1999}.nut-popover-wrapper{display:inline-block}.nut-tour-mask{position:fixed;width:100px;height:50px;box-shadow:0px 0px 0px 150vh rgba(0,0,0,.5);border-radius:10px;z-index:1002}.nut-tour-mask-none{box-shadow:none}.nut-tour-mask-hidden{opacity:0}.nut-tour-content{display:block;padding:10px 12px;min-width:200px}.nut-tour-content-top{display:block;text-align:right}.nut-tour-content-top-close{width:10px;height:10px}.nut-tour-content-inner{margin:10px 0px;font-size:14px}.nut-tour-content-bottom{margin-top:10px;display:flex;justify-content:space-between}.nut-tour-content-bottom-init{margin-left:10px}.nut-tour-content-bottom-operate{display:flex;justify-content:flex-end}.nut-tour-content-bottom-operate-btn{display:inline-block;border:1px solid var(--nut-disable-color, #cccccc);margin-left:4px;padding:2px 4px;font-size:12px;border-radius:4px;color:var(--nut-text-color, #808080)}.nut-tour-content-bottom-operate-btn.active{color:#fff;border:0;background:var(--nut-primary-color, #fa2c19)}.nut-tour-content-tile .nut-tour-content-inner{margin:0}.nut-tour-masked{position:fixed;width:100vh;height:100vh;z-index:2000;top:0;left:0;background:rgba(0,0,0,0)}

package/dist/smartips/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "NutUI",
-  "version": "4.3.0-beta.5",
+  "version": "4.3.0",
   "contributions": {
     "html": {
       "tags": [
@@ -3787,7 +3787,7 @@
             },
             {
               "name": "scrollable",
-              "default": "`true`",
+              "default": "-",
               "description": "是否可以滚动",
               "value": {
                 "type": "boolean",
@@ -4537,45 +4537,45 @@
               }
             },
             {
-              "name": "teleport",
-              "default": "`\"body\"`",
-              "description": "指定挂载节点",
+              "name": "overlay-class",
+              "default": "''",
+              "description": "自定义遮罩层类名",
               "value": {
                 "type": "string",
                 "kind": "expression"
               }
             },
             {
-              "name": "teleport-disable",
-              "default": "`false`",
-              "description": "是否挂载节点，false 不挂载，true 挂载",
+              "name": "overlay-style",
+              "default": "''",
+              "description": "自定义遮罩层样式",
               "value": {
-                "type": "boolean",
+                "type": "string",
                 "kind": "expression"
               }
             },
             {
-              "name": "overlay-class",
-              "default": "''",
-              "description": "自定义遮罩层类名",
+              "name": "safe-area-inset-bottom",
+              "default": "`false`",
+              "description": "是否开启全面屏底部安全区适配,仅当 `position` 为 `bottom` 时有效",
               "value": {
-                "type": "string",
+                "type": "boolean",
                 "kind": "expression"
               }
             },
             {
-              "name": "overlay-style",
-              "default": "''",
-              "description": "自定义遮罩层样式",
+              "name": "teleport",
+              "default": "`\"body\"`",
+              "description": "指定挂载节点",
               "value": {
                 "type": "string",
                 "kind": "expression"
               }
             },
             {
-              "name": "safe-area-inset-bottom",
+              "name": "teleport-disable",
               "default": "`false`",
-              "description": "是否开启 `iphone` 系列全面屏底部安全区适配,仅当 `position` 为 `bottom` 时有效",
+              "description": "是否挂载节点，false 不挂载，true 挂载",
               "value": {
                 "type": "boolean",
                 "kind": "expression"
@@ -6562,15 +6562,6 @@
                 "type": "boolean",
                 "kind": "expression"
               }
-            },
-            {
-              "name": "teleport-disable",
-              "default": "`false`",
-              "description": "是否允许挂载节点",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
             }
           ]
         },
@@ -6696,7 +6687,7 @@
             },
             {
               "name": "location",
-              "default": "'bottom'",
+              "default": "`bottom`",
               "description": "弹出层位置,同 Popopver 的[location 属性](https://nutui.jd.com/#/zh-CN/component/popover)",
               "value": {
                 "type": "string",
@@ -6705,7 +6696,7 @@
             },
             {
               "name": "next-step-Txt",
-              "default": "`'下一步'`",
+              "default": "`下一步`",
               "description": "下一步按钮文案",
               "value": {
                 "type": "string",
@@ -6714,7 +6705,7 @@
             },
             {
               "name": "prev-step-Txt",
-              "default": "`'上一步' `",
+              "default": "`上一步`",
               "description": "上一步按钮文案",
               "value": {
                 "type": "string",
@@ -6741,7 +6732,7 @@
             },
             {
               "name": "bg-color",
-              "default": "`''`",
+              "default": "-",
               "description": "自定义背景色",
               "value": {
                 "type": "boolean",