mine-h5-ui/es/MeKeyboard/index.vue.js

一款轻量级、模块化基于 Vue3.x 的 H5 前端 UI 组件库 👍

import { defineComponent as b, mergeModels as d, useModel as v, createElementBlock as m, openBlock as c, withModifiers as C, normalizeClass as g, unref as t, createElementVNode as i, Fragment as M, renderList as $, toDisplayString as B, createVNode as x } from "vue";
import w from "../MeIcon/index.vue.js";
import { usePadding as D, useHandler as E } from "./hooks.js";
/*!
          * mine-h5-ui v2.15.0
          * Copyright (c) 2025 biaov
          * @license MIT
          */
const N = ["onClick"], z = /* @__PURE__ */ b({
  name: "MeKeyboard",
  __name: "index",
  props: /* @__PURE__ */ d({
    skinType: { default: "gray" },
    skinStyle: { default: () => ({
      bgc: "",
      textBgc: "",
      color: ""
    }) },
    isPadding: { type: Boolean, default: !0 }
  }, {
    visible: { type: Boolean, default: !1 },
    visibleModifiers: {}
  }),
  emits: /* @__PURE__ */ d(["click", "delete", "complate"], ["update:visible"]),
  setup(n, { emit: p }) {
    const u = p, k = n, l = v(n, "visible"), { isActive: f } = D({ props: k, visibleModel: l }), { onClick: s, onDelete: r, onComplate: a } = E({ emit: u, visibleModel: l });
    return (y, e) => (c(), m("ul", {
      class: g(["me-keyboard", `me-keyboard-${y.skinType} ${l.value ? "show" : ""} ${t(f) ? "me-keyboard-active" : ""}`]),
      onClick: e[3] || (e[3] = C(() => {
      }, ["stop"]))
    }, [
      (c(), m(M, null, $(9, (o) => i("li", {
        key: o,
        onClick: (P) => t(s)(o)
      }, B(o), 9, N)), 64)),
      i("li", {
        onClick: e[0] || (e[0] = //@ts-ignore
        (...o) => t(a) && t(a)(...o)),
        class: "complate"
      }, "完成"),
      i("li", {
        onClick: e[1] || (e[1] = (o) => t(s)(0))
      }, "0"),
      i("li", {
        onClick: e[2] || (e[2] = //@ts-ignore
        (...o) => t(r) && t(r)(...o))
      }, [
        x(w, { name: "icon-delete" })
      ])
    ], 2));
  }
});
export {
  z as default
};