@nutui/nutui 4.0.0 → 4.0.1-2.beta-1

package/dist/packages/_es/NumberKeyboard.js

@@ -1,14 +1,13 @@
-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-991c279f.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+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 "../locale/lang";
 import "./Overlay.js";
 import "@nutui/icons-vue";
-const { create, translate } = createComponent("number-keyboard");
-const _sfc_main = create({
+const { create: M, translate: P } = j("number-keyboard"), D = M({
   components: {
-    [Popup.name]: Popup
+    [_.name]: _
   },
   props: {
     confirmText: {
@@ -21,7 +20,7 @@ const _sfc_main = create({
     },
     visible: {
       type: Boolean,
-      default: false
+      default: !1
     },
     type: {
       type: String,
@@ -41,7 +40,7 @@ const _sfc_main = create({
     },
     randomKeys: {
       type: Boolean,
-      default: false
+      default: !1
     },
     popClass: {
       type: String,
@@ -49,231 +48,157 @@ const _sfc_main = create({
     }
   },
   emits: ["input", "delete", "close", "blur", "update:modelValue", "update:visible"],
-  setup(props, { emit }) {
-    const clickKeyIndex = ref(void 0);
-    const show = ref(props.visible);
-    const root = ref();
-    function defaultKey() {
-      const { customKey } = props;
-      let object = {
+  setup(e, { emit: o }) {
+    const c = k(void 0), f = k(e.visible), h = k();
+    function b() {
+      const { customKey: t } = e;
+      let l = {
         id: "lock",
         type: "lock"
-      };
-      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" }];
+      }, 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" }];
     }
-    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 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 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;
+    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;
     }
-    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();
-      }
+    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();
     };
-    watch(
-      () => props.visible,
-      (value) => {
-        show.value = value;
-        if (value) {
-          window.addEventListener("touchstart", clickAway, false);
-        } else {
-          window.removeEventListener("touchstart", clickAway, false);
-        }
+    B(
+      () => e.visible,
+      (t) => {
+        f.value = t, t ? window.addEventListener("touchstart", g, !1) : window.removeEventListener("touchstart", g, !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 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 onTouchMove(event) {
-      event.stopPropagation();
+    function K(t) {
+      t.stopPropagation();
     }
-    function onTouchEnd(event) {
-      event.preventDefault();
-      clickKeyIndex.value = void 0;
+    function V(t) {
+      t.preventDefault(), c.value = void 0;
     }
-    function closeBoard() {
-      emit("update:visible", false);
-      emit("close");
+    function v() {
+      o("update:visible", !1), o("close");
     }
     return {
-      clickKeyIndex,
-      defaultKey,
-      closeBoard,
-      onTouchEnd,
-      onTouchMove,
-      onTouchstart,
-      keysList,
-      genCustomKeys,
-      getBasicKeys,
-      root,
-      show,
-      translate
+      clickKeyIndex: c,
+      defaultKey: b,
+      closeBoard: v,
+      onTouchEnd: V,
+      onTouchMove: K,
+      onTouchstart: w,
+      keysList: d,
+      genCustomKeys: n,
+      getBasicKeys: y,
+      root: h,
+      show: f,
+      translate: P
     };
   }
-});
-const _hoisted_1 = { ref: "root" };
-const _hoisted_2 = { class: "nut-number-keyboard" };
-const _hoisted_3 = {
+}), F = { ref: "root" }, z = { class: "nut-number-keyboard" }, U = {
   key: 0,
   class: "nut-number-keyboard__header"
-};
-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 = {
+}, q = { class: "nut-number-keyboard__title" }, G = { class: "nut-number-keyboard__body" }, H = { class: "nut-number-keyboard__keys" }, J = ["onTouchstart"], O = {
   key: 1,
   src: "https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png"
-};
-const _hoisted_9 = {
+}, Q = {
   key: 2,
   src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png"
-};
-const _hoisted_10 = {
+}, R = {
   key: 0,
   class: "nut-number-keyboard__sidebar"
-};
-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
+}, 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
 ];
-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),
+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),
       position: "bottom",
-      popClass: _ctx.popClass,
-      overlay: false,
-      teleportDisable: false
+      popClass: e.popClass,
+      overlay: !1,
+      teleportDisable: !1
     }, {
-      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", {
+      default: $(() => [
+        i("div", z, [
+          e.title ? (u(), r("div", U, [
+            i("h3", q, p(e.title), 1),
+            e.type == "default" ? (u(), r("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, [
-            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
-                    }
-                  ])
+              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))
                 }, [
-                  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))
+                  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))
             ]),
-            _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)
+            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)
               ]),
-              createElementVNode("div", {
+              i("div", {
                 class: "nut-key__wrapper nut-key__wrapper--finish",
-                onClick: _cache[6] || (_cache[6] = ($event) => _ctx.closeBoard())
+                onClick: o[6] || (o[6] = (n) => e.closeBoard())
               }, [
-                createElementVNode("div", {
-                  class: normalizeClass(["nut-key", "nut-key--finish ", { activeFinsh: _ctx.clickKeyIndex == "finish" }])
-                }, toDisplayString(_ctx.confirmText || _ctx.translate("done")), 3)
+                i("div", {
+                  class: m(["nut-key", "nut-key--finish ", { activeFinsh: e.clickKeyIndex == "finish" }])
+                }, p(e.confirmText || e.translate("done")), 3)
               ])
-            ])) : createCommentVNode("", true)
+            ])) : a("", !0)
           ])
         ])
       ]),
@@ -281,7 +206,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["visible", "popClass"])
   ], 512);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const ie = /* @__PURE__ */ I(D, [["render", Z]]);
 export {
-  index as default
+  ie as default
 };

package/dist/packages/_es/Overlay.js

@@ -1,36 +1,36 @@
-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";
+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;
+};
+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 "../locale/lang";
-let count = 0;
-const CLSNAME = "nut-overflow-hidden";
-const useLockScroll = (isLock) => {
-  const lock = () => {
-    if (isLock()) {
-      try {
-        !count && body.classList.add(CLSNAME);
-        count++;
-      } catch (error) {
-      }
+let o = 0;
+const k = "nut-overflow-hidden", L = (e) => [() => {
+  if (e())
+    try {
+      !o && y.classList.add(k), o++;
+    } catch (r) {
     }
-  };
-  const unlock = () => {
-    if (isLock() && count) {
-      try {
-        count--;
-        !count && body.classList.remove(CLSNAME);
-      } catch (error) {
-      }
+}, () => {
+  if (e() && o)
+    try {
+      o--, !o && y.classList.remove(k);
+    } catch (r) {
     }
-  };
-  return [lock, unlock];
-};
-const { componentName, create } = createComponent("overlay");
-const _sfc_main = create({
+}], { componentName: D, create: M } = E("overlay"), _ = M({
   props: {
     visible: {
       type: Boolean,
-      default: false
+      default: !1
     },
     zIndex: {
       type: [Number, String],
@@ -42,7 +42,7 @@ const _sfc_main = create({
     },
     lockScroll: {
       type: Boolean,
-      default: true
+      default: !0
     },
     overlayClass: {
       type: String,
@@ -53,55 +53,42 @@ const _sfc_main = create({
     },
     closeOnClickOverlay: {
       type: Boolean,
-      default: true
+      default: !0
     }
   },
   emits: ["click", "update:visible"],
-  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 {
-        transitionDuration: `${props.duration}s`,
-        zIndex: props.zIndex,
-        ...props.overlayStyle
-      };
-    });
-    watchEffect(() => {
-      props.visible ? lock() : unlock();
-    });
-    const onClick = (e) => {
-      if (props.closeOnClickOverlay) {
-        emit("update:visible", false);
-        emit("click", e);
-      }
-    };
-    return { classes, style, onClick };
+  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);
+    } };
   }
 });
-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)
+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)
       }, [
-        renderSlot(_ctx.$slots, "default")
+        g(e.$slots, "default")
       ], 6), [
-        [vShow, _ctx.visible]
+        [x, e.visible]
       ])
     ]),
     _: 3
   });
 }
-const Overlay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const G = /* @__PURE__ */ I(_, [["render", j]]);
 export {
-  Overlay as default
+  G as default
 };