cione-comp-lib
Version:
`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`
58 lines (57 loc) • 1.77 kB
JavaScript
import { useI18n } from "../../../node_modules/vue-i18n/dist/vue-i18n.esm-bundler.mjs";
import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
import style0 from "./Keys.vue_used_vue_type_style_index_0_lang.module.mjs";
import _export_sfc from "../../../_virtual/plugin-vue_export-helper.mjs";
const buttons = [
["toggle", "ctrl"],
["toggle", "alt"],
["toggle", "windows"],
["send", "tab"],
["send", "esc"],
["send", "cad"]
];
const _sfc_main = {
name: "Keys",
props: {
active: {
type: Object,
required: true
}
},
emits: ["toggle", "send"],
setup() {
const { t } = useI18n();
return {
t,
buttons
};
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_Button = resolveComponent("Button");
return openBlock(), createElementBlock("div", {
class: normalizeClass(_ctx.$style.keys)
}, [
(openBlock(true), createElementBlock(Fragment, null, renderList($setup.buttons, ([n, k]) => {
return openBlock(), createElementBlock("div", {
key: k,
class: normalizeClass(_ctx.$style.button)
}, [
createVNode(_component_Button, {
active: $props.active[k],
onClick: ($event) => _ctx.$emit(n, k)
}, {
default: withCtx(() => [
createTextVNode(toDisplayString($setup.t(`keys.${k}`)), 1)
]),
_: 2
}, 1032, ["active", "onClick"])
], 2);
}), 128))
], 2);
}
const cssModules = {
"$style": style0
};
var Keys = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__cssModules", cssModules]]);
export { Keys as default };