@nutui/nutui 3.1.22-beta.5 → 3.1.23-beta.1

package/dist/packages/_es/Notify.js

@@ -1,81 +1,236 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 "../locale/lang";
 import "./OverLay.js";
 import "./Icon.js";
 import "./pxCheck.js";
-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 { 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 = { ...defaultOptions, ...currentOpt, ...opts };
+    } else {
+      opts = { ...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 = { ...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);
+      };
+    }
   };
-  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 ? { ...j, ...o3, ...e3 } : { ...j, ...e3 };
-          const n3 = g(S, e3);
-          return v(n3, t2), n3.component.ctx;
-        }
-      })(e2);
-  } else
-    o2 = new Date().getTime() + "";
-  (e2 = { ...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({ ...t2, msg: e2 }), primary: (e2, t2 = {}) => E({ ...t2, msg: e2, type: "primary" }), success: (e2, t2 = {}) => E({ ...t2, msg: e2, type: "success" }), danger: (e2, t2 = {}) => E({ ...t2, msg: e2, type: "danger" }), warn: (e2, t2 = {}) => E({ ...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 };
+  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({ ...obj, msg });
+  },
+  primary(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify({ ...obj, msg, type: "primary" });
+  },
+  success(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify({ ...obj, msg, type: "success" });
+  },
+  danger(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify({ ...obj, msg, type: "danger" });
+  },
+  warn(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify({ ...obj, msg, type: "warning" });
+  },
+  hide() {
+    clearNotify();
+  },
+  install(app) {
+    app.use(Notify);
+    app.config.globalProperties.$notify = NotifyFunction;
+  }
+};
+export { Notify, NotifyFunction, NotifyFunction as default };

package/dist/packages/_es/NumberKeyboard.js

@@ -1,47 +1,278 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 "../locale/lang";
-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 { 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
+    },
+    teleport: {
+      type: [String, Element],
+      default: "body"
+    },
+    popClass: {
+      type: String,
+      default: ""
+    }
+  },
+  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
+    };
   }
-  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 };
+});
+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",
+    teleport: _ctx.teleport,
+    popClass: _ctx.popClass,
+    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", "teleport", "popClass", "overlay", "isWrapTeleport"]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };