@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/NumberKeyboard.js

@@ -1,13 +1,14 @@
-import { ref as k, computed as E, watch as B, resolveComponent as A, openBlock as u, createElementBlock as r, createVNode as S, withCtx as $, createElementVNode as i, toDisplayString as p, createCommentVNode as a, Fragment as T, renderList as L, normalizeClass as m, createTextVNode as N } from "vue";
-import { c as j } from "./component-234624bc.js";
-import { P as _ } from "./index-360c5092.js";
-import { _ as I } from "./_plugin-vue_export-helper-dad06003.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-81a4c1d0.js";
+import { P as Popup } from "./index-da0a7662.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
 import "@nutui/icons-vue";
-const { create: M, translate: P } = j("number-keyboard"), D = M({
+const { create, translate } = createComponent("number-keyboard");
+const _sfc_main = create({
   components: {
-    [_.name]: _
+    [Popup.name]: Popup
   },
   props: {
     confirmText: {
@@ -20,7 +21,7 @@ const { create: M, translate: P } = j("number-keyboard"), D = M({
     },
     visible: {
       type: Boolean,
-      default: !1
+      default: false
     },
     type: {
       type: String,
@@ -40,7 +41,7 @@ const { create: M, translate: P } = j("number-keyboard"), D = M({
     },
     randomKeys: {
       type: Boolean,
-      default: !1
+      default: false
     },
     popClass: {
       type: String,
@@ -48,157 +49,231 @@ const { create: M, translate: P } = j("number-keyboard"), D = M({
     }
   },
   emits: ["input", "delete", "close", "blur", "update:modelValue", "update:visible"],
-  setup(e, { emit: o }) {
-    const c = k(void 0), f = k(e.visible), h = k();
-    function b() {
-      const { customKey: t } = e;
-      let l = {
+  setup(props, { emit }) {
+    const clickKeyIndex = ref(void 0);
+    const show = ref(props.visible);
+    const root = ref();
+    function defaultKey() {
+      const { customKey } = props;
+      let object = {
         id: "lock",
         type: "lock"
-      }, s = Array.isArray(t) ? t : [t];
-      return s.length === 1 && (l = {
-        id: s[0],
-        type: "custom"
-      }), [...y(), l, { id: 0, type: "number" }, { id: "delete", type: "delete" }];
+      };
+      let customKeys = Array.isArray(customKey) ? customKey : [customKey];
+      if (customKeys.length === 1) {
+        object = {
+          id: customKeys[0],
+          type: "custom"
+        };
+      }
+      return [...getBasicKeys(), object, { id: 0, type: "number" }, { id: "delete", type: "delete" }];
     }
-    function y() {
-      const t = [];
-      for (let l = 1; l <= 9; l++)
-        t.push({ id: l, type: "number" });
-      return e.randomKeys ? t.sort(() => Math.random() > 0.5 ? 1 : -1) : t;
+    function getBasicKeys() {
+      const keys = [];
+      for (let i = 1; i <= 9; i++) {
+        keys.push({ id: i, type: "number" });
+      }
+      if (props.randomKeys) {
+        return keys.sort(() => Math.random() > 0.5 ? 1 : -1);
+      }
+      return keys;
     }
-    function n() {
-      const t = y(), { customKey: l } = e;
-      let s = Array.isArray(l) ? l : [l];
-      return s.length > 2 && (s = [s[0], s[1]]), s.length == 2 && e.title && e.type != "rightColumn" && (s = [s[0]]), s.length === 1 ? e.title && e.type != "rightColumn" ? t.push({ id: s[0], type: "custom" }, { id: 0, type: "number" }, { id: "delete", type: "delete" }) : t.push({ id: 0, type: "number" }, { id: s[0], type: "custom" }) : s.length === 2 && t.push(
-        { id: s[0], type: "custom" },
-        { id: 0, type: "number" },
-        { id: s[1], type: "custom" }
-      ), t;
+    function genCustomKeys() {
+      const keys = getBasicKeys();
+      const { customKey } = props;
+      let customKeys = Array.isArray(customKey) ? customKey : [customKey];
+      if (customKeys.length > 2) {
+        customKeys = [customKeys[0], customKeys[1]];
+      }
+      if (customKeys.length == 2 && props.title && props.type != "rightColumn") {
+        customKeys = [customKeys[0]];
+      }
+      if (customKeys.length === 1) {
+        if (props.title && props.type != "rightColumn") {
+          keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: "delete", type: "delete" });
+        } else {
+          keys.push({ id: 0, type: "number" }, { id: customKeys[0], type: "custom" });
+        }
+      } else if (customKeys.length === 2) {
+        keys.push(
+          { id: customKeys[0], type: "custom" },
+          { id: 0, type: "number" },
+          { id: customKeys[1], type: "custom" }
+        );
+      }
+      return keys;
     }
-    const d = E(() => e.type == "rightColumn" || e.title != "" ? n() : b()), C = () => {
-      e.visible && o("blur");
-    }, g = (t) => {
-      const l = h.value;
-      l && !l.contains(t.target) && C();
+    const keysList = computed(() => {
+      if (props.type == "rightColumn" || props.title != "") {
+        return genCustomKeys();
+      }
+      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();
+      }
     };
-    B(
-      () => e.visible,
-      (t) => {
-        f.value = t, t ? window.addEventListener("touchstart", g, !1) : window.removeEventListener("touchstart", g, !1);
+    watch(
+      () => props.visible,
+      (value) => {
+        show.value = value;
+        if (value) {
+          window.addEventListener("touchstart", clickAway, false);
+        } else {
+          window.removeEventListener("touchstart", clickAway, false);
+        }
       }
     );
-    function w(t, l) {
-      l.stopPropagation(), c.value = t.id, (t.type == "number" || t.type == "custom") && (o("input", t.id), e.modelValue.length < e.maxlength && o("update:modelValue", e.modelValue + t.id)), t.type == "lock" && v(), t.type == "delete" && (o("delete"), o("update:modelValue", e.modelValue.slice(0, e.modelValue.length - 1)));
+    function onTouchstart(item, event) {
+      event.stopPropagation();
+      clickKeyIndex.value = item.id;
+      if (item.type == "number" || item.type == "custom") {
+        emit("input", item.id);
+        if (props.modelValue.length < props.maxlength) {
+          emit("update:modelValue", props.modelValue + item.id);
+        }
+      }
+      if (item.type == "lock") {
+        closeBoard();
+      }
+      if (item.type == "delete") {
+        emit("delete");
+        emit("update:modelValue", props.modelValue.slice(0, props.modelValue.length - 1));
+      }
     }
-    function K(t) {
-      t.stopPropagation();
+    function onTouchMove(event) {
+      event.stopPropagation();
     }
-    function V(t) {
-      t.preventDefault(), c.value = void 0;
+    function onTouchEnd(event) {
+      event.preventDefault();
+      clickKeyIndex.value = void 0;
     }
-    function v() {
-      o("update:visible", !1), o("close");
+    function closeBoard() {
+      emit("update:visible", false);
+      emit("close");
     }
     return {
-      clickKeyIndex: c,
-      defaultKey: b,
-      closeBoard: v,
-      onTouchEnd: V,
-      onTouchMove: K,
-      onTouchstart: w,
-      keysList: d,
-      genCustomKeys: n,
-      getBasicKeys: y,
-      root: h,
-      show: f,
-      translate: P
+      clickKeyIndex,
+      defaultKey,
+      closeBoard,
+      onTouchEnd,
+      onTouchMove,
+      onTouchstart,
+      keysList,
+      genCustomKeys,
+      getBasicKeys,
+      root,
+      show,
+      translate
     };
   }
-}), F = { ref: "root" }, z = { class: "nut-number-keyboard" }, U = {
+});
+const _hoisted_1 = { ref: "root" };
+const _hoisted_2 = { class: "nut-number-keyboard" };
+const _hoisted_3 = {
   key: 0,
   class: "nut-number-keyboard__header"
-}, q = { class: "nut-number-keyboard__title" }, G = { class: "nut-number-keyboard__body" }, H = { class: "nut-number-keyboard__keys" }, J = ["onTouchstart"], O = {
+};
+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"
-}, Q = {
+};
+const _hoisted_9 = {
   key: 2,
   src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png"
-}, R = {
+};
+const _hoisted_10 = {
   key: 0,
   class: "nut-number-keyboard__sidebar"
-}, W = { class: "nut-key__wrapper" }, X = /* @__PURE__ */ i("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png" }, null, -1), Y = [
-  X
+};
+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 Z(e, o, c, f, h, b) {
-  const y = A("nut-popup");
-  return u(), r("div", F, [
-    S(y, {
-      visible: e.show,
-      "onUpdate:visible": o[7] || (o[7] = (n) => e.show = n),
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_popup = resolveComponent("nut-popup");
+  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: e.popClass,
-      overlay: !1,
-      teleportDisable: !1
+      popClass: _ctx.popClass,
+      overlay: false,
+      teleportDisable: false
     }, {
-      default: $(() => [
-        i("div", z, [
-          e.title ? (u(), r("div", U, [
-            i("h3", q, p(e.title), 1),
-            e.type == "default" ? (u(), r("span", {
+      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: o[0] || (o[0] = (n) => e.closeBoard())
-            }, p(e.translate("done")), 1)) : a("", !0)
-          ])) : a("", !0),
-          i("div", G, [
-            i("div", H, [
-              (u(!0), r(T, null, L(e.keysList, (n) => (u(), r("div", {
-                key: "key" + n.id,
-                class: m([
-                  "nut-key__wrapper",
-                  {
-                    "nut-key__wrapper--wider": n.id == 0 && e.type == "rightColumn" && Array.isArray(e.customKey) && e.customKey.length == 1
-                  }
-                ])
-              }, [
-                i("div", {
-                  class: m([
-                    "nut-key",
-                    { "nut-key--active": n.id == e.clickKeyIndex },
-                    { "nut-key--lock": n.type == "lock" },
-                    { "nut-key--delete": n.type == "delete" }
-                  ]),
-                  onTouchstart: (d) => e.onTouchstart(n, d),
-                  onTouchmove: o[1] || (o[1] = (d) => e.onTouchMove(d)),
-                  onTouchend: o[2] || (o[2] = (d) => e.onTouchEnd(d))
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
+            }, toDisplayString(_ctx.translate("done")), 1)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_6, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.keysList, (item) => {
+                return openBlock(), createElementBlock("div", {
+                  key: "key" + item.id,
+                  class: normalizeClass([
+                    "nut-key__wrapper",
+                    {
+                      "nut-key__wrapper--wider": item.id == 0 && _ctx.type == "rightColumn" && Array.isArray(_ctx.customKey) && _ctx.customKey.length == 1
+                    }
+                  ])
                 }, [
-                  n.type == "number" || n.type == "custom" ? (u(), r(T, { key: 0 }, [
-                    N(p(n.id), 1)
-                  ], 64)) : a("", !0),
-                  n.type == "lock" ? (u(), r("img", O)) : a("", !0),
-                  n.type == "delete" ? (u(), r("img", Q)) : a("", !0)
-                ], 42, J)
-              ], 2))), 128))
+                  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))
             ]),
-            e.type == "rightColumn" ? (u(), r("div", R, [
-              i("div", W, [
-                i("div", {
-                  class: m(["nut-key", { active: e.clickKeyIndex == "delete" }]),
-                  onTouchstart: o[3] || (o[3] = (n) => e.onTouchstart({ id: "delete", type: "delete" }, n)),
-                  onTouchmove: o[4] || (o[4] = (n) => e.onTouchMove(n)),
-                  onTouchend: o[5] || (o[5] = (...n) => e.onTouchEnd && e.onTouchEnd(...n))
-                }, Y, 34)
+            _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)
               ]),
-              i("div", {
+              createElementVNode("div", {
                 class: "nut-key__wrapper nut-key__wrapper--finish",
-                onClick: o[6] || (o[6] = (n) => e.closeBoard())
+                onClick: _cache[6] || (_cache[6] = ($event) => _ctx.closeBoard())
               }, [
-                i("div", {
-                  class: m(["nut-key", "nut-key--finish ", { activeFinsh: e.clickKeyIndex == "finish" }])
-                }, p(e.confirmText || e.translate("done")), 3)
+                createElementVNode("div", {
+                  class: normalizeClass(["nut-key", "nut-key--finish ", { activeFinsh: _ctx.clickKeyIndex == "finish" }])
+                }, toDisplayString(_ctx.confirmText || _ctx.translate("done")), 3)
               ])
-            ])) : a("", !0)
+            ])) : createCommentVNode("", true)
           ])
         ])
       ]),
@@ -206,7 +281,7 @@ function Z(e, o, c, f, h, b) {
     }, 8, ["visible", "popClass"])
   ], 512);
 }
-const ie = /* @__PURE__ */ I(D, [["render", Z]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  ie as default
+  index as default
 };

package/dist/packages/_es/Overlay.js

@@ -1,36 +1,52 @@
-var m = Object.defineProperty;
-var i = Object.getOwnPropertySymbols;
-var v = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
-var u = (e, t, l) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, d = (e, t) => {
-  for (var l in t || (t = {}))
-    v.call(t, l) && u(e, l, t[l]);
-  if (i)
-    for (var l of i(t))
-      p.call(t, l) && u(e, l, t[l]);
-  return e;
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
 };
-import { computed as f, watchEffect as C, openBlock as S, createBlock as b, Transition as h, withCtx as w, withDirectives as O, createElementVNode as $, normalizeClass as z, withModifiers as B, normalizeStyle as N, renderSlot as g, vShow as x } from "vue";
-import { b as y, c as E } from "./component-234624bc.js";
-import { _ as I } from "./_plugin-vue_export-helper-dad06003.js";
+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-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-let o = 0;
-const k = "nut-overflow-hidden", L = (e) => [() => {
-  if (e())
-    try {
-      !o && y.classList.add(k), o++;
-    } catch (r) {
+let count = 0;
+const CLSNAME = "nut-overflow-hidden";
+const useLockScroll = (isLock) => {
+  const lock = () => {
+    if (isLock()) {
+      try {
+        !count && body.classList.add(CLSNAME);
+        count++;
+      } catch (error) {
+      }
     }
-}, () => {
-  if (e() && o)
-    try {
-      o--, !o && y.classList.remove(k);
-    } catch (r) {
+  };
+  const unlock = () => {
+    if (isLock() && count) {
+      try {
+        count--;
+        !count && body.classList.remove(CLSNAME);
+      } catch (error) {
+      }
     }
-}], { componentName: D, create: M } = E("overlay"), _ = M({
+  };
+  return [lock, unlock];
+};
+const { componentName, create } = createComponent("overlay");
+const _sfc_main = create({
   props: {
     visible: {
       type: Boolean,
-      default: !1
+      default: false
     },
     zIndex: {
       type: [Number, String],
@@ -42,7 +58,7 @@ const k = "nut-overflow-hidden", L = (e) => [() => {
     },
     lockScroll: {
       type: Boolean,
-      default: !0
+      default: true
     },
     overlayClass: {
       type: String,
@@ -53,42 +69,54 @@ const k = "nut-overflow-hidden", L = (e) => [() => {
     },
     closeOnClickOverlay: {
       type: Boolean,
-      default: !0
+      default: true
     }
   },
   emits: ["click", "update:visible"],
-  setup(e, { emit: t }) {
-    const [l, r] = L(() => e.lockScroll), n = f(() => ({
-      [D]: !0,
-      [e.overlayClass]: !0
-    })), s = f(() => d({
-      transitionDuration: `${e.duration}s`,
-      zIndex: e.zIndex
-    }, e.overlayStyle));
-    return C(() => {
-      e.visible ? l() : r();
-    }), { classes: n, style: s, onClick: (c) => {
-      t("click", c), e.closeOnClickOverlay && t("update:visible", !1);
-    } };
+  setup(props, { emit }) {
+    const [lock, unlock] = useLockScroll(() => props.lockScroll);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [props.overlayClass]: true
+      };
+    });
+    const style = computed(() => {
+      return __spreadValues({
+        transitionDuration: `${props.duration}s`,
+        zIndex: props.zIndex
+      }, props.overlayStyle);
+    });
+    watchEffect(() => {
+      props.visible ? lock() : unlock();
+    });
+    const onClick = (e) => {
+      emit("click", e);
+      if (props.closeOnClickOverlay) {
+        emit("update:visible", false);
+      }
+    };
+    return { classes, style, onClick };
   }
 });
-function j(e, t, l, r, n, s) {
-  return S(), b(h, { name: "overlay-fade" }, {
-    default: w(() => [
-      O($("view", {
-        class: z(e.classes),
-        onClick: t[0] || (t[0] = B((...a) => e.onClick && e.onClick(...a), ["stop"])),
-        style: N(e.style)
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(Transition, { name: "overlay-fade" }, {
+    default: withCtx(() => [
+      withDirectives(createElementVNode("view", {
+        class: normalizeClass(_ctx.classes),
+        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"])),
+        style: normalizeStyle(_ctx.style)
       }, [
-        g(e.$slots, "default")
+        renderSlot(_ctx.$slots, "default")
       ], 6), [
-        [x, e.visible]
+        [vShow, _ctx.visible]
       ])
     ]),
     _: 3
   });
 }
-const G = /* @__PURE__ */ I(_, [["render", j]]);
+const Overlay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  G as default
+  Overlay as default
 };