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

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

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