@nutui/nutui 3.3.1 → 4.0.0-beta.1

package/dist/packages/_es/{NoticeBar.js → Noticebar.js}

@@ -1,12 +1,14 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 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, renderSlot, createBlock, createCommentVNode, createElementVNode, createTextVNode, toDisplayString, withModifiers, createVNode, mergeProps, vShow, Fragment, renderList } from "vue";
-import { c as createComponent } from "./component.js";
-import { p as pxCheck } from "./pxCheck.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { h, ref, reactive, computed, watch, onMounted, onActivated, onDeactivated, onUnmounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, normalizeStyle, createElementVNode, renderSlot, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString, withModifiers, createCommentVNode, vShow, Fragment, renderList } from "vue";
+import { Notice, CircleClose } from "@nutui/icons-vue";
+import { c as createComponent } from "./component-48526d37.js";
+import { r as renderIcon } from "./renderIcon-d470170e.js";
+import { p as pxCheck } from "./pxCheck-524650ac.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("noticebar");
 const _sfc_main = create({
@@ -45,8 +47,8 @@ const _sfc_main = create({
       type: Boolean,
       default: false
     },
-    leftIcon: { type: String, default: "" },
-    rightIcon: { type: String, default: "" },
+    leftIcon: { type: Object || String, default: () => Notice },
+    rightIcon: { type: Object || String, default: "" },
     color: {
       type: String,
       default: ""
@@ -73,7 +75,9 @@ const _sfc_main = create({
       props.item.props.style = props.style;
       props.item.key = props.key;
       return h(props.item);
-    }
+    },
+    Notice,
+    CircleClose
   },
   emits: ["click", "close"],
   setup(props, { emit, slots }) {
@@ -84,7 +88,7 @@ const _sfc_main = create({
       firstRound: true,
       duration: 0,
       offsetWidth: 0,
-      showNoticeBar: true,
+      showNoticebar: true,
       animationClass: "",
       animate: false,
       scrollList: [],
@@ -106,12 +110,12 @@ const _sfc_main = create({
         return !state.isCanScroll && !props.wrapable;
       }
     });
-    const iconShow = computed(() => {
-      if (props.leftIcon == "close") {
-        return false;
-      } else {
-        return true;
-      }
+    const wrapContentClass = computed(() => {
+      return {
+        "nut-noticebar__page-wrap-content": true,
+        "nut-ellipsis": isEllipsis.value,
+        [state.animationClass]: true
+      };
     });
     const barStyle = computed(() => {
       let style = {};
@@ -129,13 +133,6 @@ const _sfc_main = create({
         transform: `translateX(${state.firstRound ? 0 : state.wrapWidth + "px"})`
       };
     });
-    const iconBg = computed(() => {
-      let iconBg2 = "";
-      if (props.leftIcon) {
-        iconBg2 = props.leftIcon;
-      }
-      return iconBg2;
-    });
     const horseLampStyle = computed(() => {
       let styles = {};
       if (props.complexAm) {
@@ -166,7 +163,7 @@ const _sfc_main = create({
       }
     );
     const initScrollWrap = (value) => {
-      if (state.showNoticeBar == false) {
+      if (state.showNoticebar == false) {
         return;
       }
       setTimeout(() => {
@@ -192,7 +189,7 @@ const _sfc_main = create({
     };
     const onClickIcon = (event) => {
       if (props.closeMode) {
-        state.showNoticeBar = !props.closeMode;
+        state.showNoticebar = !props.closeMode;
       }
       emit("close", event);
     };
@@ -270,10 +267,8 @@ const _sfc_main = create({
       ...toRefs(state),
       isEllipsis,
       classes,
-      iconShow,
       barStyle,
       contentStyle,
-      iconBg,
       horseLampStyle,
       wrap,
       content,
@@ -283,45 +278,41 @@ const _sfc_main = create({
       go,
       handleClickIcon,
       slots,
-      pxCheck
+      pxCheck,
+      wrapContentClass,
+      renderIcon
     };
   }
 });
-const _hoisted_1 = {
+const _hoisted_1 = { class: "nut-noticebar__page-lefticon" };
+const _hoisted_2 = {
   ref: "wrap",
-  class: "wrap"
+  class: "nut-noticebar__page-wrap"
 };
-const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_CircleClose = resolveComponent("CircleClose");
   const _component_ScrollItem = resolveComponent("ScrollItem");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
     _ctx.direction == "across" ? withDirectives((openBlock(), createElementBlock("view", {
       key: 0,
-      class: normalizeClass(["nut-noticebar-page", { withicon: _ctx.closeMode, close: _ctx.closeMode, wrapable: _ctx.wrapable }]),
+      class: normalizeClass(["nut-noticebar__page", {
+        "nut-noticebar__page--withicon": _ctx.closeMode,
+        "nut-noticebar__page--close": _ctx.closeMode,
+        "nut-noticebar__page--wrapable": _ctx.wrapable
+      }]),
       style: normalizeStyle(_ctx.barStyle),
       onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
     }, [
-      _ctx.iconShow ? (openBlock(), createElementBlock("view", {
-        key: 0,
-        class: "left-icon",
-        style: normalizeStyle({ "background-image": `url(${_ctx.iconBg})` })
-      }, [
-        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, [
+        _ctx.$slots["left-icon"] ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.leftIcon)), { key: 1 }))
+      ]),
+      createElementVNode("view", _hoisted_2, [
         createElementVNode("view", {
           ref: "content",
-          class: normalizeClass(["content", _ctx.animationClass, { "nut-ellipsis": _ctx.isEllipsis }]),
+          class: normalizeClass(_ctx.wrapContentClass),
           style: normalizeStyle(_ctx.contentStyle),
           onAnimationend: _cache[0] || (_cache[0] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args)),
           "on:webkitAnimationEnd": _cache[1] || (_cache[1] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args))
@@ -332,28 +323,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 38)
       ], 512),
       _ctx.closeMode || _ctx.rightIcon ? (openBlock(), createElementBlock("view", {
-        key: 1,
-        class: "right-icon",
+        key: 0,
+        class: "nut-noticebar__page-righticon",
         onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.onClickIcon && _ctx.onClickIcon(...args), ["stop"]))
       }, [
-        renderSlot(_ctx.$slots, "right-icon", {}, () => [
-          createVNode(_component_nut_icon, mergeProps(_ctx.$attrs, {
-            name: _ctx.rightIcon ? _ctx.rightIcon : "close",
-            color: _ctx.color
-          }), null, 16, ["name", "color"])
-        ])
+        _ctx.$slots["right-icon"] ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }) : (openBlock(), createBlock(_component_CircleClose, { key: 1 }))
       ])) : createCommentVNode("", true)
     ], 6)), [
-      [vShow, _ctx.showNoticeBar]
+      [vShow, _ctx.showNoticebar]
     ]) : createCommentVNode("", true),
     _ctx.scrollList.length > 0 && _ctx.direction == "vertical" ? (openBlock(), createElementBlock("view", {
       key: 1,
-      class: "nut-noticebar-vertical",
+      class: "nut-noticebar__vertical",
       style: normalizeStyle(_ctx.barStyle)
     }, [
       _ctx.slots.default ? (openBlock(), createElementBlock("view", {
         key: 0,
-        class: "horseLamp_list",
+        class: "nut-noticebar__vertical-list",
         style: normalizeStyle(_ctx.horseLampStyle)
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.scrollList, (item, index2) => {
@@ -365,25 +351,24 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128))
       ], 4)) : (openBlock(), createElementBlock("ul", {
         key: 1,
-        class: "horseLamp_list",
+        class: "nut-noticebar__vertical-list",
         style: normalizeStyle(_ctx.horseLampStyle)
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.scrollList, (item, index2) => {
           return openBlock(), createElementBlock("li", {
-            class: "horseLamp_list_item",
+            class: "nut-noticebar__vertical-item",
             key: index2,
             style: normalizeStyle({ height: _ctx.pxCheck(_ctx.height) }),
             onClick: ($event) => _ctx.go(item)
-          }, toDisplayString(item), 13, _hoisted_2);
+          }, toDisplayString(item), 13, _hoisted_3);
         }), 128))
       ], 4)),
       createElementVNode("view", {
         class: "go",
         onClick: _cache[4] || (_cache[4] = ($event) => !_ctx.slots.rightIcon && _ctx.handleClickIcon())
       }, [
-        _ctx.slots.rightIcon ? renderSlot(_ctx.$slots, "rightIcon", { key: 0 }) : _ctx.closeMode ? (openBlock(), createBlock(_component_nut_icon, {
+        _ctx.slots.rightIcon ? renderSlot(_ctx.$slots, "rightIcon", { key: 0 }) : _ctx.closeMode ? (openBlock(), createBlock(_component_CircleClose, {
           key: 1,
-          type: "cross",
           color: _ctx.color,
           size: "11px"
         }, null, 8, ["color"])) : createCommentVNode("", true)
@@ -391,5 +376,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)) : createCommentVNode("", true)
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Notify.js

@@ -1,14 +1,15 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, createVNode, render, onMounted, h } from "vue";
-import { c as createComponent } from "./component.js";
-import Popup from "./Popup.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component-48526d37.js";
+import { P as Popup } from "./index-b05fa625.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
-import "./props.js";
+import "./Overlay.js";
+import "@nutui/icons-vue";
 const { create } = createComponent("notify");
 const _sfc_main = create({
   components: {
@@ -103,7 +104,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["visible", "position", "teleportDisable"]);
 }
-var Notify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const Notify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 const defaultOptions = {
   type: "base",
   visible: true,
@@ -186,7 +187,7 @@ const mountNotify = (opts) => {
 };
 const errorMsg = (msg) => {
   if (!msg) {
-    console.warn("[NutUI Notify]: msg\u4E0D\u80FD\u4E3A\u7A7A");
+    console.warn("[NutUI Notify]: msg不能为空");
     return;
   }
 };
@@ -219,4 +220,8 @@ const NotifyFunction = {
     app.config.globalProperties.$notify = NotifyFunction;
   }
 };
-export { Notify, NotifyFunction, NotifyFunction as default };
+export {
+  Notify,
+  NotifyFunction,
+  NotifyFunction as default
+};

package/dist/packages/_es/NumberKeyboard.js

@@ -1,14 +1,20 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, computed, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode } from "vue";
+import { c as createComponent } from "./component-48526d37.js";
+import { P as Popup } from "./index-b05fa625.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
-const { create, translate } = createComponent("numberkeyboard");
+import "./Overlay.js";
+import "@nutui/icons-vue";
+const { create, translate } = createComponent("number-keyboard");
 const _sfc_main = create({
+  components: {
+    [Popup.name]: Popup
+  },
   props: {
     confirmText: {
       type: String,
@@ -30,7 +36,7 @@ const _sfc_main = create({
       type: Array,
       default: () => []
     },
-    value: {
+    modelValue: {
       type: String,
       default: ""
     },
@@ -42,24 +48,12 @@ const _sfc_main = create({
       type: Boolean,
       default: false
     },
-    overlay: {
-      type: Boolean,
-      default: true
-    },
-    teleportDisable: {
-      type: Boolean,
-      default: true
-    },
-    teleport: {
-      type: [String, Element],
-      default: "body"
-    },
     popClass: {
       type: String,
       default: ""
     }
   },
-  emits: ["input", "delete", "close", "update:value"],
+  emits: ["input", "delete", "close", "blur", "update:modelValue", "update:visible"],
   setup(props, { emit }) {
     const clickKeyIndex = ref(void 0);
     const show = ref(props.visible);
@@ -120,10 +114,27 @@ const _sfc_main = create({
       }
       return defaultKey();
     });
+    const onBlur = () => {
+      if (props.visible) {
+        emit("blur");
+      }
+    };
+    const clickAway = (event) => {
+      const element = root.value;
+      let el = element && !element.contains(event.target);
+      if (el) {
+        onBlur();
+      }
+    };
     watch(
       () => props.visible,
       (value) => {
         show.value = value;
+        if (value) {
+          window.addEventListener("touchstart", clickAway, true);
+        } else {
+          window.removeEventListener("touchstart", clickAway, true);
+        }
       }
     );
     function onTouchstart(item, event) {
@@ -131,8 +142,8 @@ const _sfc_main = create({
       clickKeyIndex.value = item.id;
       if (item.type == "number" || item.type == "custom") {
         emit("input", item.id);
-        if (props.value.length < props.maxlength) {
-          emit("update:value", props.value + item.id);
+        if (props.modelValue.length < props.maxlength) {
+          emit("update:modelValue", props.modelValue + item.id);
         }
       }
       if (item.type == "lock") {
@@ -140,7 +151,7 @@ const _sfc_main = create({
       }
       if (item.type == "delete") {
         emit("delete");
-        emit("update:value", props.value.slice(0, props.value.length - 1));
+        emit("update:modelValue", props.modelValue.slice(0, props.modelValue.length - 1));
       }
     }
     function onTouchMove(event) {
@@ -151,6 +162,7 @@ const _sfc_main = create({
       clickKeyIndex.value = void 0;
     }
     function closeBoard() {
+      emit("update:visible", false);
       emit("close");
     }
     return {
@@ -169,113 +181,112 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = {
-  class: "nut-numberkeyboard",
-  ref: "root"
-};
-const _hoisted_2 = {
+const _hoisted_1 = { ref: "root" };
+const _hoisted_2 = { class: "nut-number-keyboard" };
+const _hoisted_3 = {
   key: 0,
-  class: "number-board-header"
+  class: "nut-number-keyboard__header"
 };
-const _hoisted_3 = { class: "tit" };
-const _hoisted_4 = { class: "number-board-body" };
-const _hoisted_5 = { class: "number-board" };
-const _hoisted_6 = ["onTouchstart"];
-const _hoisted_7 = {
+const _hoisted_4 = { class: "nut-number-keyboard__title" };
+const _hoisted_5 = { class: "nut-number-keyboard__body" };
+const _hoisted_6 = { class: "nut-number-keyboard__keys" };
+const _hoisted_7 = ["onTouchstart"];
+const _hoisted_8 = {
   key: 1,
   src: "https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png"
 };
-const _hoisted_8 = {
+const _hoisted_9 = {
   key: 2,
   src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png"
 };
-const _hoisted_9 = {
+const _hoisted_10 = {
   key: 0,
-  class: "number-board-sidebar"
+  class: "nut-number-keyboard__sidebar"
 };
-const _hoisted_10 = { class: "key-board-wrapper" };
-const _hoisted_11 = /* @__PURE__ */ createElementVNode("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png" }, null, -1);
-const _hoisted_12 = [
-  _hoisted_11
+const _hoisted_11 = { class: "nut-key__wrapper" };
+const _hoisted_12 = /* @__PURE__ */ createElementVNode("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png" }, null, -1);
+const _hoisted_13 = [
+  _hoisted_12
 ];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_popup = resolveComponent("nut-popup");
-  return openBlock(), createBlock(_component_nut_popup, {
-    visible: _ctx.show,
-    "onUpdate:visible": _cache[7] || (_cache[7] = ($event) => _ctx.show = $event),
-    position: "bottom",
-    teleport: _ctx.teleport,
-    popClass: _ctx.popClass,
-    overlay: _ctx.overlay,
-    onClickOverlay: _cache[8] || (_cache[8] = ($event) => _ctx.closeBoard()),
-    teleportDisable: _ctx.teleportDisable,
-    "overlay-class": "nut-numberkeyboard-overlay"
-  }, {
-    default: withCtx(() => [
-      createElementVNode("div", _hoisted_1, [
-        _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createElementVNode("h3", _hoisted_3, toDisplayString(_ctx.title), 1),
-          _ctx.type == "default" ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            class: "keyboard-close",
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
-          }, toDisplayString(_ctx.translate("done")), 1)) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_4, [
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_nut_popup, {
+      visible: _ctx.show,
+      "onUpdate:visible": _cache[7] || (_cache[7] = ($event) => _ctx.show = $event),
+      position: "bottom",
+      popClass: _ctx.popClass,
+      overlay: false,
+      teleportDisable: false
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_2, [
+          _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            createElementVNode("h3", _hoisted_4, toDisplayString(_ctx.title), 1),
+            _ctx.type == "default" ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              class: "nut-number-keyboard__close",
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
+            }, toDisplayString(_ctx.translate("done")), 1)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_5, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.keysList, (item) => {
-              return openBlock(), createElementBlock("div", {
-                class: normalizeClass([
-                  "key-board-wrapper",
-                  {
-                    "key-board-wrapper-large": item.id == 0 && _ctx.type == "rightColumn" && Array.isArray(_ctx.customKey) && _ctx.customKey.length == 1
-                  }
-                ]),
-                key: "key" + item.id
-              }, [
-                createElementVNode("div", {
+            createElementVNode("div", _hoisted_6, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.keysList, (item) => {
+                return openBlock(), createElementBlock("div", {
+                  key: "key" + item.id,
                   class: normalizeClass([
-                    "key",
-                    { active: item.id == _ctx.clickKeyIndex },
-                    { lock: item.type == "lock" },
-                    { delete: item.type == "delete" }
-                  ]),
-                  onTouchstart: (event) => _ctx.onTouchstart(item, event),
-                  onTouchmove: _cache[1] || (_cache[1] = (event) => _ctx.onTouchMove(event)),
-                  onTouchend: _cache[2] || (_cache[2] = (event) => _ctx.onTouchEnd(event))
+                    "nut-key__wrapper",
+                    {
+                      "nut-key__wrapper--wider": item.id == 0 && _ctx.type == "rightColumn" && Array.isArray(_ctx.customKey) && _ctx.customKey.length == 1
+                    }
+                  ])
                 }, [
-                  item.type == "number" || item.type == "custom" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    createTextVNode(toDisplayString(item.id), 1)
-                  ], 64)) : createCommentVNode("", true),
-                  item.type == "lock" ? (openBlock(), createElementBlock("img", _hoisted_7)) : createCommentVNode("", true),
-                  item.type == "delete" ? (openBlock(), createElementBlock("img", _hoisted_8)) : createCommentVNode("", true)
-                ], 42, _hoisted_6)
-              ], 2);
-            }), 128))
-          ]),
-          _ctx.type == "rightColumn" ? (openBlock(), createElementBlock("div", _hoisted_9, [
-            createElementVNode("div", _hoisted_10, [
-              createElementVNode("div", {
-                class: normalizeClass(["key", { active: _ctx.clickKeyIndex == "delete" }]),
-                onTouchstart: _cache[3] || (_cache[3] = (event) => _ctx.onTouchstart({ id: "delete", type: "delete" }, event)),
-                onTouchmove: _cache[4] || (_cache[4] = (event) => _ctx.onTouchMove({ id: "delete", type: "delete" }, event)),
-                onTouchend: _cache[5] || (_cache[5] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
-              }, _hoisted_12, 34)
+                  createElementVNode("div", {
+                    class: normalizeClass([
+                      "nut-key",
+                      { "nut-key--active": item.id == _ctx.clickKeyIndex },
+                      { "nut-key--lock": item.type == "lock" },
+                      { "nut-key--delete": item.type == "delete" }
+                    ]),
+                    onTouchstart: (event) => _ctx.onTouchstart(item, event),
+                    onTouchmove: _cache[1] || (_cache[1] = (event) => _ctx.onTouchMove(event)),
+                    onTouchend: _cache[2] || (_cache[2] = (event) => _ctx.onTouchEnd(event))
+                  }, [
+                    item.type == "number" || item.type == "custom" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                      createTextVNode(toDisplayString(item.id), 1)
+                    ], 64)) : createCommentVNode("", true),
+                    item.type == "lock" ? (openBlock(), createElementBlock("img", _hoisted_8)) : createCommentVNode("", true),
+                    item.type == "delete" ? (openBlock(), createElementBlock("img", _hoisted_9)) : createCommentVNode("", true)
+                  ], 42, _hoisted_7)
+                ], 2);
+              }), 128))
             ]),
-            createElementVNode("div", {
-              class: "key-board-wrapper key-board-finish",
-              onClick: _cache[6] || (_cache[6] = ($event) => _ctx.closeBoard())
-            }, [
+            _ctx.type == "rightColumn" ? (openBlock(), createElementBlock("div", _hoisted_10, [
+              createElementVNode("div", _hoisted_11, [
+                createElementVNode("div", {
+                  class: normalizeClass(["nut-key", { active: _ctx.clickKeyIndex == "delete" }]),
+                  onTouchstart: _cache[3] || (_cache[3] = (event) => _ctx.onTouchstart({ id: "delete", type: "delete" }, event)),
+                  onTouchmove: _cache[4] || (_cache[4] = (event) => _ctx.onTouchMove(event)),
+                  onTouchend: _cache[5] || (_cache[5] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
+                }, _hoisted_13, 34)
+              ]),
               createElementVNode("div", {
-                class: normalizeClass(["key", "finish", { activeFinsh: _ctx.clickKeyIndex == "finish" }])
-              }, toDisplayString(_ctx.confirmText || _ctx.translate("done")), 3)
-            ])
-          ])) : createCommentVNode("", true)
+                class: "nut-key__wrapper nut-key__wrapper--finish",
+                onClick: _cache[6] || (_cache[6] = ($event) => _ctx.closeBoard())
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass(["nut-key", "nut-key--finish ", { activeFinsh: _ctx.clickKeyIndex == "finish" }])
+                }, toDisplayString(_ctx.confirmText || _ctx.translate("done")), 3)
+              ])
+            ])) : createCommentVNode("", true)
+          ])
         ])
-      ], 512)
-    ]),
-    _: 1
-  }, 8, ["visible", "teleport", "popClass", "overlay", "teleportDisable"]);
+      ]),
+      _: 1
+    }, 8, ["visible", "popClass"])
+  ], 512);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/{OverLay.js → Overlay.js}

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { computed, watchEffect, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, withModifiers, normalizeStyle, renderSlot, vShow } from "vue";
-import { b as body, c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { b as body, c as createComponent } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 let count = 0;
 const CLSNAME = "nut-overflow-hidden";
@@ -100,5 +100,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var OverLay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { OverLay as default };
+const Overlay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Overlay as default
+};