@nutui/nutui 3.1.21-beta.3 → 3.1.22-beta.3

package/dist/packages/_es/Notify.js

@@ -5,251 +5,96 @@ 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]);
+var __spreadValues = (a2, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a2, prop, b2[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a2, prop, b2[prop]);
     }
-  return a;
+  return a2;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
 /*!
-* @nutui/nutui v3.1.21-beta.3 Wed May 18 2022 18:19:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, onMounted, ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, createVNode, render, 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 { reactive as e, onMounted as t, ref as o, watch as n, resolveComponent as i, openBlock as l, createBlock as s, withCtx as r, createElementVNode as u, normalizeClass as d, normalizeStyle as p, renderSlot as a, createElementBlock as c, Fragment as m, createTextVNode as y, toDisplayString as f, createVNode as g, render as v, h as C } from "vue";
+import { c as b } from "./component.js";
+import h from "./Popup.js";
+import { _ as k } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 import "./OverLay.js";
 import "./Icon.js";
 import "./pxCheck.js";
-const { componentName, create } = createComponent("notify");
-const _sfc_main = create({
-  components: {
-    [Popup.name]: Popup
-  },
-  props: {
-    id: String,
-    color: { type: String, default: "" },
-    msg: { type: String, default: "" },
-    duration: { type: Number, default: 3e3 },
-    className: {
-      type: String,
-      default: ""
-    },
-    background: { type: String, default: "" },
-    type: {
-      type: String,
-      default: "danger"
-    },
-    showPopup: {
-      type: Boolean,
-      default: false
-    },
-    position: {
-      type: String,
-      default: "top"
-    },
-    isWrapTeleport: {
-      type: Boolean,
-      default: true
-    },
-    onClose: Function,
-    onClick: Function,
-    unmount: Function
-  },
-  setup(props, { slots }) {
-    let timer = null;
-    const state = reactive({
-      mounted: false
-    });
-    onMounted(() => {
-    });
-    const visible = ref(false);
-    const clickCover = () => {
-      props.onClick && props.onClick();
-    };
-    const clearTimer = () => {
-      if (timer) {
-        clearTimeout(timer);
-        timer = null;
-      }
-    };
-    const hide = () => {
-      state.mounted = false;
-    };
-    const show = () => {
-      clearTimer();
-      if (props.duration) {
-        timer = setTimeout(() => {
-          hide();
-        }, props.duration);
-      }
-    };
-    if (props.duration) {
-      show();
-    }
-    watch(() => props.duration, (val) => {
-      if (val) {
-        show();
-      }
-    });
-    const onAfterLeave = () => {
-      clearTimer();
-      props.unmount && props.unmount(props.id);
-      props.onClose && props.onClose();
-    };
-    return { state, hide, onAfterLeave, clickCover, visible };
-  }
-});
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_popup = resolveComponent("nut-popup");
-  return openBlock(), createBlock(_component_nut_popup, {
-    visible: _ctx.showPopup,
-    "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.showPopup = $event),
-    position: _ctx.position,
-    overlay: false,
-    isWrapTeleport: _ctx.isWrapTeleport
-  }, {
-    default: withCtx(() => [
-      createElementVNode("div", {
-        class: normalizeClass(["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))
-      }, [
-        _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createTextVNode(toDisplayString(_ctx.msg), 1)
-        ], 64))
-      ], 6)
-    ]),
-    _: 3
-  }, 8, ["visible", "position", "isWrapTeleport"]);
-}
-var Notify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-const defaultOptions = {
-  type: "base",
-  showPopup: true,
-  visible: true,
-  msg: "",
-  color: void 0,
-  background: void 0,
-  duration: 3e3,
-  className: "",
-  onClosed: null,
-  onClick: null,
-  onOpened: null,
-  textTimer: null,
-  unmount: null
-};
-let idsMap = [];
-let optsMap = [];
-const clearNotify = (id) => {
-  if (id) {
-    const container = document.getElementById(id);
-    optsMap = optsMap.filter((item) => item.id !== id);
-    idsMap = idsMap.filter((item) => item !== id);
-    if (container) {
-      document.body.removeChild(container);
-    }
-  } else {
-    idsMap.forEach((item) => {
-      const container = document.getElementById(item);
-      if (container) {
-        document.body.removeChild(container);
-      }
-    });
-    optsMap = [];
-    idsMap = [];
-  }
-};
-const updateNotify = (opts) => {
-  const container = document.getElementById(opts.id);
-  if (container) {
-    const currentOpt = optsMap.find((item) => item.id === opts.id);
-    if (currentOpt) {
-      opts = __spreadValues(__spreadValues(__spreadValues({}, defaultOptions), currentOpt), opts);
-    } else {
-      opts = __spreadValues(__spreadValues({}, defaultOptions), opts);
-    }
-    const instance = createVNode(Notify, opts);
-    render(instance, container);
-    return instance.component.ctx;
-  }
-};
-const mountNotify = (opts) => {
-  opts.unmount = clearNotify;
-  let _id;
-  if (opts.id) {
-    _id = opts.id;
-    if (idsMap.find((item) => item === opts.id)) {
-      return updateNotify(opts);
-    }
-  } else {
-    _id = new Date().getTime() + "";
-  }
-  opts = __spreadValues(__spreadValues({}, defaultOptions), opts);
-  opts.id = _id;
-  idsMap.push(opts.id);
-  optsMap.push(opts);
-  const root = document.createElement("view");
-  root.id = "notify-" + opts.id;
-  const Wrapper = {
-    setup() {
-      opts.teleport = `#notify-${opts.id}`;
-      onMounted(() => {
-        setTimeout(() => {
-          document.body.removeChild(root);
-        }, opts.duration);
-      });
-      return () => {
-        return h(Notify, opts);
-      };
-    }
+const { componentName: T, create: w } = b("notify");
+var S = k(w({ components: { [h.name]: h }, props: { id: String, color: { type: String, default: "" }, msg: { type: String, default: "" }, duration: { type: Number, default: 3e3 }, className: { type: String, default: "" }, background: { type: String, default: "" }, type: { type: String, default: "danger" }, showPopup: { type: Boolean, default: false }, position: { type: String, default: "top" }, isWrapTeleport: { type: Boolean, default: true }, onClose: Function, onClick: Function, unmount: Function }, setup(i2, { slots: l2 }) {
+  let s2 = null;
+  const r2 = e({ mounted: false });
+  t(() => {
+  });
+  const u2 = o(false), d2 = () => {
+    s2 && (clearTimeout(s2), s2 = null);
+  }, p2 = () => {
+    r2.mounted = false;
+  }, a2 = () => {
+    d2(), i2.duration && (s2 = setTimeout(() => {
+      p2();
+    }, i2.duration));
   };
-  const instance = createVNode(Wrapper);
-  document.body.appendChild(root);
-  render(instance, root);
-};
-const errorMsg = (msg) => {
-  if (!msg) {
-    console.warn("[NutUI Notify]: msg\u4E0D\u80FD\u4E3A\u7A7A");
-    return;
-  }
-};
-const NotifyFunction = {
-  text(msg, obj = {}) {
-    errorMsg(msg);
-    return mountNotify(__spreadProps(__spreadValues({}, obj), { msg }));
-  },
-  primary(msg, obj = {}) {
-    errorMsg(msg);
-    return mountNotify(__spreadProps(__spreadValues({}, obj), { msg, type: "primary" }));
-  },
-  success(msg, obj = {}) {
-    errorMsg(msg);
-    return mountNotify(__spreadProps(__spreadValues({}, obj), { msg, type: "success" }));
-  },
-  danger(msg, obj = {}) {
-    errorMsg(msg);
-    return mountNotify(__spreadProps(__spreadValues({}, obj), { msg, type: "danger" }));
-  },
-  warn(msg, obj = {}) {
-    errorMsg(msg);
-    return mountNotify(__spreadProps(__spreadValues({}, obj), { msg, type: "warning" }));
-  },
-  hide() {
-    clearNotify();
-  },
-  install(app) {
-    app.use(Notify);
-    app.config.globalProperties.$notify = NotifyFunction;
-  }
-};
-export { Notify, NotifyFunction, NotifyFunction as default };
+  i2.duration && a2(), n(() => i2.duration, (e2) => {
+    e2 && a2();
+  });
+  return { state: r2, hide: p2, onAfterLeave: () => {
+    d2(), i2.unmount && i2.unmount(i2.id), i2.onClose && i2.onClose();
+  }, clickCover: () => {
+    i2.onClick && i2.onClick();
+  }, visible: u2 };
+} }), [["render", function(e2, t2, o2, n2, g2, v2) {
+  const C2 = i("nut-popup");
+  return l(), s(C2, { visible: e2.showPopup, "onUpdate:visible": t2[1] || (t2[1] = (t3) => e2.showPopup = t3), position: e2.position, overlay: false, isWrapTeleport: e2.isWrapTeleport }, { default: r(() => [u("div", { class: d(["nut-notify", `nut-notify--${e2.type}`, e2.className]), style: p({ color: e2.color, background: e2.background }), onClick: t2[0] || (t2[0] = (...t3) => e2.clickCover && e2.clickCover(...t3)) }, [e2.$slots.default ? a(e2.$slots, "default", { key: 0 }) : (l(), c(m, { key: 1 }, [y(f(e2.msg), 1)], 64))], 6)]), _: 3 }, 8, ["visible", "position", "isWrapTeleport"]);
+}]]);
+const j = { type: "base", showPopup: true, visible: true, msg: "", color: void 0, background: void 0, duration: 3e3, className: "", onClosed: null, onClick: null, onOpened: null, textTimer: null, unmount: null };
+let x = [], P = [];
+const B = (e2) => {
+  if (e2) {
+    const t2 = document.getElementById(e2);
+    P = P.filter((t3) => t3.id !== e2), x = x.filter((t3) => t3 !== e2), t2 && document.body.removeChild(t2);
+  } else
+    x.forEach((e3) => {
+      const t2 = document.getElementById(e3);
+      t2 && document.body.removeChild(t2);
+    }), P = [], x = [];
+}, E = (e2) => {
+  let o2;
+  if (e2.unmount = B, e2.id) {
+    if (o2 = e2.id, x.find((t2) => t2 === e2.id))
+      return ((e3) => {
+        const t2 = document.getElementById(e3.id);
+        if (t2) {
+          const o3 = P.find((t3) => t3.id === e3.id);
+          e3 = o3 ? __spreadValues(__spreadValues(__spreadValues({}, j), o3), e3) : __spreadValues(__spreadValues({}, j), e3);
+          const n3 = g(S, e3);
+          return v(n3, t2), n3.component.ctx;
+        }
+      })(e2);
+  } else
+    o2 = new Date().getTime() + "";
+  (e2 = __spreadValues(__spreadValues({}, j), e2)).id = o2, x.push(e2.id), P.push(e2);
+  const n2 = document.createElement("view");
+  n2.id = "notify-" + e2.id;
+  const i2 = g({ setup: () => (e2.teleport = `#notify-${e2.id}`, t(() => {
+    setTimeout(() => {
+      document.body.removeChild(n2);
+    }, e2.duration);
+  }), () => C(S, e2)) });
+  document.body.appendChild(n2), v(i2, n2);
+}, N = { text: (e2, t2 = {}) => E(__spreadProps(__spreadValues({}, t2), { msg: e2 })), primary: (e2, t2 = {}) => E(__spreadProps(__spreadValues({}, t2), { msg: e2, type: "primary" })), success: (e2, t2 = {}) => E(__spreadProps(__spreadValues({}, t2), { msg: e2, type: "success" })), danger: (e2, t2 = {}) => E(__spreadProps(__spreadValues({}, t2), { msg: e2, type: "danger" })), warn: (e2, t2 = {}) => E(__spreadProps(__spreadValues({}, t2), { msg: e2, type: "warning" })), hide() {
+  B();
+}, install(e2) {
+  e2.use(S), e2.config.globalProperties.$notify = N;
+} };
+export { S as Notify, N as NotifyFunction, N as default };

package/dist/packages/_es/NumberKeyboard.js

@@ -1,268 +1,47 @@
 /*!
-* @nutui/nutui v3.1.21-beta.3 Wed May 18 2022 18:19:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 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";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { ref as e, computed as t, watch as o, onMounted as l, resolveComponent as a, openBlock as r, createBlock as n, withCtx as s, createElementVNode as i, createElementBlock as u, toDisplayString as d, createCommentVNode as p, Fragment as c, renderList as y, normalizeClass as m, createTextVNode as h } from "vue";
+import { c as v } from "./component.js";
+import { _ as f } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { create, translate } = createComponent("numberkeyboard");
-const _sfc_main = create({
-  props: {
-    confirmText: {
-      type: String,
-      default: ""
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    type: {
-      type: String,
-      default: "default"
-    },
-    customKey: {
-      type: Array,
-      default: () => []
-    },
-    value: {
-      type: String,
-      default: ""
-    },
-    maxlength: {
-      type: [Number, String],
-      default: 6
-    },
-    randomKeys: {
-      type: Boolean,
-      default: false
-    },
-    overlay: {
-      type: Boolean,
-      default: true
-    },
-    isWrapTeleport: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: ["input", "delete", "close", "update:value"],
-  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"
-      };
-      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 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 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 === 1) {
-        if (props.title) {
-          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" });
-        if (props.title) {
-          keys.push({ id: "delete", type: "delete" });
-        }
-      } else {
-        keys.push({ id: 0, type: "number" });
-      }
-      return keys;
-    }
-    const keysList = computed(() => {
-      if (props.type == "rightColumn" || props.title != "") {
-        return genCustomKeys();
-      }
-      return defaultKey();
-    });
-    watch(() => props.visible, (value) => {
-      show.value = value;
-    });
-    function onTouchstart(item, event) {
-      event.stopPropagation();
-      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 (item.type == "lock") {
-        closeBoard();
-      }
-      if (item.type == "delete") {
-        emit("delete");
-        emit("update:value", props.value.slice(0, props.value.length - 1));
-      }
-    }
-    function onTouchMove(id, event) {
-      event.stopPropagation();
-    }
-    function onTouchEnd(event) {
-      event.preventDefault();
-      clickKeyIndex.value = void 0;
-    }
-    function closeBoard() {
-      emit("close");
-    }
-    onMounted(() => {
-    });
-    return {
-      clickKeyIndex,
-      defaultKey,
-      closeBoard,
-      onTouchEnd,
-      onTouchMove,
-      onTouchstart,
-      keysList,
-      genCustomKeys,
-      getBasicKeys,
-      root,
-      show,
-      translate
-    };
+const { create: b, translate: g } = v("numberkeyboard"), k = b({ props: { confirmText: { type: String, default: "" }, title: { type: String, default: "" }, visible: { type: Boolean, default: false }, type: { type: String, default: "default" }, customKey: { type: Array, default: () => [] }, value: { type: String, default: "" }, maxlength: { type: [Number, String], default: 6 }, randomKeys: { type: Boolean, default: false }, overlay: { type: Boolean, default: true }, isWrapTeleport: { type: Boolean, default: true }, teleport: { type: [String, Element], default: "body" }, popClass: { type: String, default: "" } }, emits: ["input", "delete", "close", "update:value"], setup(a2, { emit: r2 }) {
+  const n2 = e(void 0), s2 = e(a2.visible), i2 = e();
+  function u2() {
+    const { customKey: e2 } = a2;
+    let t2 = { id: "lock", type: "lock" }, o2 = Array.isArray(e2) ? e2 : [e2];
+    return o2.length === 1 && (t2 = { id: o2[0], type: "custom" }), [...d2(), t2, { id: 0, type: "number" }, { id: "delete", type: "delete" }];
   }
-});
-const _hoisted_1 = {
-  class: "nut-numberkeyboard",
-  ref: "root"
-};
-const _hoisted_2 = {
-  key: 0,
-  class: "number-board-header"
-};
-const _hoisted_3 = { class: "tit" };
-const _hoisted_4 = { class: "number-board-body" };
-const _hoisted_5 = { class: "number-board" };
-const _hoisted_6 = ["onTouchstart", "onTouchmove"];
-const _hoisted_7 = {
-  key: 1,
-  src: "https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png"
-};
-const _hoisted_8 = {
-  key: 2,
-  src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png"
-};
-const _hoisted_9 = {
-  key: 0,
-  class: "number-board-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
-];
-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[6] || (_cache[6] = ($event) => _ctx.show = $event),
-    position: "bottom",
-    overlay: _ctx.overlay,
-    onClickOverlay: _cache[7] || (_cache[7] = ($event) => _ctx.closeBoard()),
-    isWrapTeleport: _ctx.isWrapTeleport,
-    "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),
-          createElementVNode("span", {
-            class: "keyboard-close",
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
-          }, toDisplayString(_ctx.translate("done")), 1)
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_4, [
-          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", {
-                  class: normalizeClass([
-                    "key",
-                    { active: item.id == _ctx.clickKeyIndex },
-                    { lock: item.type == "lock" },
-                    { delete: item.type == "delete" }
-                  ]),
-                  onTouchstart: (event) => _ctx.onTouchstart(item, event),
-                  onTouchmove: (event) => _ctx.onTouchMove(item, event),
-                  onTouchend: _cache[1] || (_cache[1] = (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_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[2] || (_cache[2] = (event) => _ctx.onTouchstart({ id: "delete", type: "delete" }, event)),
-                onTouchmove: _cache[3] || (_cache[3] = (event) => _ctx.onTouchMove({ id: "delete", type: "delete" }, event)),
-                onTouchend: _cache[4] || (_cache[4] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
-              }, _hoisted_12, 34)
-            ]),
-            _ctx.title == "" ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "key-board-wrapper key-board-finish",
-              onClick: _cache[5] || (_cache[5] = ($event) => _ctx.closeBoard())
-            }, [
-              createElementVNode("div", {
-                class: normalizeClass(["key", "finish", { activeFinsh: _ctx.clickKeyIndex == "finish" }])
-              }, toDisplayString(_ctx.confirmText || _ctx.translate("done")), 3)
-            ])) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true)
-        ])
-      ], 512)
-    ]),
-    _: 1
-  }, 8, ["visible", "overlay", "isWrapTeleport"]);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+  function d2() {
+    const e2 = [];
+    for (let t2 = 1; t2 <= 9; t2++)
+      e2.push({ id: t2, type: "number" });
+    return a2.randomKeys ? e2.sort(() => Math.random() > 0.5 ? 1 : -1) : e2;
+  }
+  function p2() {
+    const e2 = d2(), { customKey: t2 } = a2;
+    let o2 = Array.isArray(t2) ? t2 : [t2];
+    return o2.length > 2 && (o2 = [o2[0], o2[1]]), o2.length === 1 ? a2.title ? e2.push({ id: o2[0], type: "custom" }, { id: 0, type: "number" }, { id: "delete", type: "delete" }) : e2.push({ id: 0, type: "number" }, { id: o2[0], type: "custom" }) : o2.length === 2 ? (e2.push({ id: o2[0], type: "custom" }, { id: 0, type: "number" }, { id: o2[1], type: "custom" }), a2.title && e2.push({ id: "delete", type: "delete" })) : e2.push({ id: 0, type: "number" }), e2;
+  }
+  const c2 = t(() => a2.type == "rightColumn" || a2.title != "" ? p2() : u2());
+  function y2() {
+    r2("close");
+  }
+  return o(() => a2.visible, (e2) => {
+    s2.value = e2;
+  }), l(() => {
+  }), { clickKeyIndex: n2, defaultKey: u2, closeBoard: y2, onTouchEnd: function(e2) {
+    e2.preventDefault(), n2.value = void 0;
+  }, onTouchMove: function(e2, t2) {
+    t2.stopPropagation();
+  }, onTouchstart: function(e2, t2) {
+    t2.stopPropagation(), n2.value = e2.id, e2.type != "number" && e2.type != "custom" || (r2("input", e2.id), a2.value.length < a2.maxlength && r2("update:value", a2.value + e2.id)), e2.type == "lock" && y2(), e2.type == "delete" && (r2("delete"), r2("update:value", a2.value.slice(0, a2.value.length - 1)));
+  }, keysList: c2, genCustomKeys: p2, getBasicKeys: d2, root: i2, show: s2, translate: g };
+} }), T = { class: "nut-numberkeyboard", ref: "root" }, K = { key: 0, class: "number-board-header" }, C = { class: "tit" }, x = { class: "number-board-body" }, B = { class: "number-board" }, E = ["onTouchstart", "onTouchmove"], w = { key: 1, src: "https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png" }, A = { key: 2, src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png" }, S = { key: 0, class: "number-board-sidebar" }, j = { class: "key-board-wrapper" }, I = [i("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png" }, null, -1)];
+var M = f(k, [["render", function(e2, t2, o2, l2, v2, f2) {
+  const b2 = a("nut-popup");
+  return r(), n(b2, { visible: e2.show, "onUpdate:visible": t2[6] || (t2[6] = (t3) => e2.show = t3), position: "bottom", teleport: e2.teleport, popClass: e2.popClass, overlay: e2.overlay, onClickOverlay: t2[7] || (t2[7] = (t3) => e2.closeBoard()), isWrapTeleport: e2.isWrapTeleport, "overlay-class": "nut-numberkeyboard-overlay" }, { default: s(() => [i("div", T, [e2.title ? (r(), u("div", K, [i("h3", C, d(e2.title), 1), i("span", { class: "keyboard-close", onClick: t2[0] || (t2[0] = (t3) => e2.closeBoard()) }, d(e2.translate("done")), 1)])) : p("", true), i("div", x, [i("div", B, [(r(true), u(c, null, y(e2.keysList, (o3) => (r(), u("div", { class: m(["key-board-wrapper", { "key-board-wrapper-large": o3.id == 0 && e2.type == "rightColumn" && Array.isArray(e2.customKey) && e2.customKey.length == 1 }]), key: "key" + o3.id }, [i("div", { class: m(["key", { active: o3.id == e2.clickKeyIndex }, { lock: o3.type == "lock" }, { delete: o3.type == "delete" }]), onTouchstart: (t3) => e2.onTouchstart(o3, t3), onTouchmove: (t3) => e2.onTouchMove(o3, t3), onTouchend: t2[1] || (t2[1] = (t3) => e2.onTouchEnd(t3)) }, [o3.type == "number" || o3.type == "custom" ? (r(), u(c, { key: 0 }, [h(d(o3.id), 1)], 64)) : p("", true), o3.type == "lock" ? (r(), u("img", w)) : p("", true), o3.type == "delete" ? (r(), u("img", A)) : p("", true)], 42, E)], 2))), 128))]), e2.type == "rightColumn" ? (r(), u("div", S, [i("div", j, [i("div", { class: m(["key", { active: e2.clickKeyIndex == "delete" }]), onTouchstart: t2[2] || (t2[2] = (t3) => e2.onTouchstart({ id: "delete", type: "delete" }, t3)), onTouchmove: t2[3] || (t2[3] = (t3) => e2.onTouchMove({ id: "delete", type: "delete" }, t3)), onTouchend: t2[4] || (t2[4] = (...t3) => e2.onTouchEnd && e2.onTouchEnd(...t3)) }, I, 34)]), e2.title == "" ? (r(), u("div", { key: 0, class: "key-board-wrapper key-board-finish", onClick: t2[5] || (t2[5] = (t3) => e2.closeBoard()) }, [i("div", { class: m(["key", "finish", { activeFinsh: e2.clickKeyIndex == "finish" }]) }, d(e2.confirmText || e2.translate("done")), 3)])) : p("", true)])) : p("", true)])], 512)]), _: 1 }, 8, ["visible", "teleport", "popClass", "overlay", "isWrapTeleport"]);
+}]]);
+export { M as default };