@nutui/nutui 3.3.1 → 4.0.0-beta.0

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.0 Mon Dec 26 2022 00:00:21 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.fb9ce7ad.js";
+import { P as Popup } from "./index.4ed42c18.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.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.0 Mon Dec 26 2022 00:00:21 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.fb9ce7ad.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.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
+};

package/dist/packages/_es/Pagination.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.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { toRefs, computed, watchEffect, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
 const { create, translate } = createComponent("pagination");
 const _sfc_main = create({
@@ -161,5 +161,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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
+};