@nutui/nutui 3.1.17 → 3.1.19-beta.0

package/dist/packages/_es/Navbar.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, toDisplayString, renderSlot, normalizeStyle } from "vue";
+import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, renderSlot, toDisplayString } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("navbar");
@@ -12,33 +12,25 @@ const _sfc_main = create({
     leftShow: { type: Boolean, default: true },
     title: { type: String, default: "" },
     titIcon: { type: String, default: "" },
-    icon: { type: String, default: "" },
     desc: { type: String, default: "" },
-    defaultIndex: {
-      type: Number,
-      default: 0
+    fixed: {
+      type: Boolean,
+      default: false
+    },
+    safeAreaInsetTop: {
+      type: Boolean,
+      default: false
     }
   },
-  emits: [
-    "click",
-    "on-click-back",
-    "on-click-title",
-    "on-click-right",
-    "on-click-desc",
-    "on-click-icon",
-    "on-click-more",
-    "on-click-clear",
-    "on-click-send",
-    "on-click-slot",
-    "on-click-slot-send",
-    "switch-tab"
-  ],
+  emits: ["click", "on-click-back", "on-click-title", "on-click-icon", "on-click-right"],
   setup(props, { emit }) {
-    const activeIndex = ref(props.defaultIndex);
+    const { fixed, safeAreaInsetTop } = toRefs(props);
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
-        [prefixCls]: true
+        [prefixCls]: true,
+        [`${prefixCls}--fixed`]: fixed.value,
+        [`${prefixCls}--safe-area-inset-top`]: safeAreaInsetTop.value
       };
     });
     function handleLeft() {
@@ -50,32 +42,21 @@ const _sfc_main = create({
     function handleCenterIcon() {
       emit("on-click-icon");
     }
-    function handleClear() {
-      emit("on-click-clear");
-    }
-    function handleSend() {
-      emit("on-click-send");
-    }
-    function handleSlot() {
-      emit("on-click-slot");
-    }
-    function handleSends() {
-      emit("on-click-slot-send");
+    function handleRight() {
+      emit("on-click-right");
     }
     return {
       classes,
       handleLeft,
       handleCenter,
       handleCenterIcon,
-      handleClear,
-      handleSend,
-      handleSlot,
-      handleSends,
-      activeIndex
+      handleRight
     };
   }
 });
 const _hoisted_1 = { class: "nut-navbar__left" };
+const _hoisted_2 = { class: "nut-navbar__title" };
+const _hoisted_3 = { class: "nut-navbar__right" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -87,13 +68,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         color: "#979797",
         name: "left",
         onClick: _ctx.handleLeft
-      }, null, 8, ["onClick"])) : createCommentVNode("", true)
+      }, null, 8, ["onClick"])) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "left")
     ]),
-    createElementVNode("view", {
-      class: normalizeClass(["nut-navbar__title", { icon: _ctx.icon }])
-    }, [
+    createElementVNode("view", _hoisted_2, [
       _ctx.title ? (openBlock(), createElementBlock("view", {
         key: 0,
+        class: "title",
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
       }, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
       _ctx.titIcon ? (openBlock(), createBlock(_component_nut_icon, {
@@ -103,31 +84,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _ctx.handleCenterIcon
       }, null, 8, ["name", "onClick"])) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "content")
-    ], 2),
-    _ctx.desc || _ctx.icon ? (openBlock(), createElementBlock("view", {
-      key: 0,
-      class: normalizeClass(["nut-navbar__right", { icon: _ctx.icon }])
-    }, [
+    ]),
+    createElementVNode("view", _hoisted_3, [
       _ctx.desc ? (openBlock(), createElementBlock("view", {
         key: 0,
-        style: normalizeStyle({ "text-align": _ctx.descTextAlign }),
-        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClear && _ctx.handleClear(...args))
-      }, toDisplayString(_ctx.desc), 5)) : createCommentVNode("", true),
-      _ctx.icon ? (openBlock(), createElementBlock("view", {
-        key: 1,
-        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleSends && _ctx.handleSends(...args))
-      }, [
-        renderSlot(_ctx.$slots, "icons")
-      ])) : createCommentVNode("", true),
-      createElementVNode("view", null, [
-        _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, {
-          key: 0,
-          class: "rightIcon",
-          name: _ctx.icon,
-          onClick: _ctx.handleSend
-        }, null, 8, ["name", "onClick"])) : createCommentVNode("", true)
-      ])
-    ], 2)) : createCommentVNode("", true)
+        class: "right_text",
+        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
+      }, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "right")
+    ])
   ], 2);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/dist/packages/_es/NoticeBar.js

@@ -18,11 +18,11 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { h, ref, reactive, computed, watch, onMounted, onActivated, onDeactivated, onUnmounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, normalizeStyle, createBlock, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, withModifiers, createVNode, vShow, Fragment, renderList } from "vue";
+import { h, ref, reactive, computed, watch, onMounted, onActivated, onDeactivated, onUnmounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, normalizeStyle, renderSlot, createBlock, createCommentVNode, createElementVNode, createTextVNode, toDisplayString, withModifiers, createVNode, vShow, Fragment, renderList } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("noticebar");
@@ -63,6 +63,7 @@ const _sfc_main = create({
       default: false
     },
     leftIcon: { type: String, default: "" },
+    rightIcon: { type: String, default: "" },
     color: {
       type: String,
       default: ""
@@ -77,7 +78,7 @@ const _sfc_main = create({
     },
     scrollable: {
       type: Boolean,
-      default: true
+      default: null
     },
     speed: {
       type: Number,
@@ -87,6 +88,7 @@ const _sfc_main = create({
   components: {
     ScrollItem: function(props) {
       props.item.props.style = props.style;
+      props.item.key = props.key;
       return h(props.item);
     }
   },
@@ -105,7 +107,8 @@ const _sfc_main = create({
       scrollList: [],
       distance: 0,
       timer: null,
-      keepAlive: false
+      keepAlive: false,
+      isCanScroll: null
     });
     const classes = computed(() => {
       const prefixCls = componentName;
@@ -113,6 +116,13 @@ const _sfc_main = create({
         [prefixCls]: true
       };
     });
+    const isEllipsis = computed(() => {
+      if (state.isCanScroll == null) {
+        return props.wrapable;
+      } else {
+        return !state.isCanScroll && !props.wrapable;
+      }
+    });
     const iconShow = computed(() => {
       if (props.leftIcon == "close") {
         return false;
@@ -131,9 +141,9 @@ const _sfc_main = create({
     });
     const contentStyle = computed(() => {
       return {
-        paddingLeft: state.firstRound ? 0 : state.wrapWidth + "px",
         animationDelay: (state.firstRound ? props.delay : 0) + "s",
-        animationDuration: state.duration + "s"
+        animationDuration: state.duration + "s",
+        transform: `translateX(${state.firstRound ? 0 : state.wrapWidth + "px"})`
       };
     });
     const iconBg = computed(() => {
@@ -176,7 +186,9 @@ const _sfc_main = create({
         }
         const wrapWidth = wrap.value.getBoundingClientRect().width;
         const offsetWidth = content.value.getBoundingClientRect().width;
-        if (props.scrollable && offsetWidth > wrapWidth) {
+        state.isCanScroll = props.scrollable == null ? offsetWidth > wrapWidth : props.scrollable;
+        console.log(111, state.isCanScroll);
+        if (state.isCanScroll) {
           state.wrapWidth = wrapWidth;
           state.offsetWidth = offsetWidth;
           state.duration = offsetWidth / props.speed;
@@ -184,13 +196,15 @@ const _sfc_main = create({
         } else {
           state.animationClass = "";
         }
-      });
+      }, 0);
     };
     const handleClick = (event) => {
       emit("click", event);
     };
     const onClickIcon = (event) => {
-      state.showNoticeBar = !props.closeMode;
+      if (props.closeMode) {
+        state.showNoticeBar = !props.closeMode;
+      }
       emit("close", event);
     };
     const onAnimationEnd = () => {
@@ -263,6 +277,7 @@ const _sfc_main = create({
       clearInterval(state.timer);
     });
     return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(state)), {
+      isEllipsis,
       classes,
       iconShow,
       barStyle,
@@ -302,17 +317,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "left-icon",
         style: normalizeStyle({ "background-image": `url(${_ctx.iconBg})` })
       }, [
-        !_ctx.iconBg ? (openBlock(), createBlock(_component_nut_icon, {
-          key: 0,
-          name: "notice",
-          size: "16",
-          color: _ctx.color
-        }, null, 8, ["color"])) : createCommentVNode("", true)
+        renderSlot(_ctx.$slots, "left-icon", {}, () => [
+          !_ctx.iconBg ? (openBlock(), createBlock(_component_nut_icon, {
+            key: 0,
+            name: "notice",
+            size: "16",
+            color: _ctx.color
+          }, null, 8, ["color"])) : createCommentVNode("", true)
+        ])
       ], 4)) : createCommentVNode("", true),
       createElementVNode("view", _hoisted_1, [
         createElementVNode("view", {
           ref: "content",
-          class: normalizeClass(["content", [_ctx.animationClass, { "nut-ellipsis": !_ctx.scrollable && !_ctx.wrapable }]]),
+          class: normalizeClass(["content", _ctx.animationClass, { "nut-ellipsis": _ctx.isEllipsis }]),
           style: normalizeStyle(_ctx.contentStyle),
           onAnimationend: _cache[0] || (_cache[0] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args)),
           onWebkitAnimationEnd: _cache[1] || (_cache[1] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args))
@@ -322,15 +339,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ], 38)
       ], 512),
-      _ctx.closeMode ? (openBlock(), createElementBlock("view", {
+      _ctx.closeMode || _ctx.rightIcon ? (openBlock(), createElementBlock("view", {
         key: 1,
         class: "right-icon",
         onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.onClickIcon && _ctx.onClickIcon(...args), ["stop"]))
       }, [
-        createVNode(_component_nut_icon, {
-          name: "close",
-          color: _ctx.color
-        }, null, 8, ["color"])
+        renderSlot(_ctx.$slots, "right-icon", {}, () => [
+          createVNode(_component_nut_icon, {
+            name: _ctx.rightIcon ? _ctx.rightIcon : "close",
+            color: _ctx.color
+          }, null, 8, ["name", "color"])
+        ])
       ])) : createCommentVNode("", true)
     ], 6)), [
       [vShow, _ctx.showNoticeBar]

package/dist/packages/_es/Notify.js

@@ -18,13 +18,13 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, onMounted, watch, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, vShow, createVNode, render } from "vue";
 import { c as createComponent } from "./component.js";
-import Popup from "./Popup.js";
+import popup from "./Popup.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "./OverLay.js";
 import "./Icon.js";
@@ -32,7 +32,7 @@ import "./pxCheck.js";
 const { componentName, create } = createComponent("notify");
 const _sfc_main = create({
   components: {
-    [Popup.name]: Popup
+    [popup.name]: popup
   },
   props: {
     id: String,
@@ -52,6 +52,10 @@ const _sfc_main = create({
       type: Boolean,
       default: false
     },
+    position: {
+      type: String,
+      default: "top"
+    },
     onClose: Function,
     onClick: Function,
     unmount: Function
@@ -107,7 +111,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: withCtx(() => [
       withDirectives(createElementVNode("view", {
-        class: normalizeClass(["popup-top", "nut-notify", `nut-notify--${_ctx.type}`, { className: _ctx.className }]),
+        class: normalizeClass([`popup-${_ctx.position}`, "nut-notify", `nut-notify--${_ctx.type}`, [_ctx.className]]),
         style: normalizeStyle({ color: _ctx.color, background: _ctx.background }),
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickCover && _ctx.clickCover(...args))
       }, [

package/dist/packages/_es/NumberKeyboard.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { ref, computed, watch, onMounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode } from "vue";
@@ -40,6 +40,10 @@ const _sfc_main = create({
     overlay: {
       type: Boolean,
       default: true
+    },
+    isWrapTeleport: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["input", "delete", "close", "update:value"],
@@ -177,6 +181,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     position: "bottom",
     overlay: _ctx.overlay,
     onClickOverlay: _cache[7] || (_cache[7] = ($event) => _ctx.closeBoard()),
+    isWrapTeleport: _ctx.isWrapTeleport,
     "overlay-class": "nut-numberkeyboard-overlay"
   }, {
     default: withCtx(() => [
@@ -231,7 +236,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _ctx.title == "" ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: "key-board-wrapper",
+              class: "key-board-wrapper key-board-finish",
               onClick: _cache[5] || (_cache[5] = ($event) => _ctx.closeBoard())
             }, [
               createElementVNode("div", {
@@ -243,7 +248,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 512)
     ]),
     _: 1
-  }, 8, ["visible", "overlay"]);
+  }, 8, ["visible", "overlay", "isWrapTeleport"]);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { index as default };