emplementado entrada numero e entrada texto

src/playground/App.vue

@@ -9,6 +9,7 @@
       <v-tab value="indicador">Indicador</v-tab>
       <v-tab value="cartao">Cartão</v-tab>
       <v-tab value="campo">Campo</v-tab>
+      <v-tab value="entradas">Entradas</v-tab>
       <v-tab value="data_hora">Data e hora</v-tab>
       <v-tab value="tabela">Tabela</v-tab>
       <v-tab value="ola_mundo">Demo</v-tab>
@@ -20,6 +21,7 @@
     <IndicadorPlayground v-else-if="aba === 'indicador'" />
     <CartaoPlayground v-else-if="aba === 'cartao'" />
     <CampoPlayground v-else-if="aba === 'campo'" />
+    <EntradasPlayground v-else-if="aba === 'entradas'" />
     <DataHoraPlayground v-else-if="aba === 'data_hora'" />
     <TabelaPlayground v-else-if="aba === 'tabela'" />
     <OlaMundoPlayground v-else />
@@ -32,6 +34,7 @@ import BotaoPlayground from "./botao.playground.vue";
 import IndicadorPlayground from "./indicador.playground.vue";
 import CartaoPlayground from "./cartao.playground.vue";
 import CampoPlayground from "./campo.playground.vue";
+import EntradasPlayground from "./entradas.playground.vue";
 import DataHoraPlayground from "./data_hora.playground.vue";
 import TabelaPlayground from "./tabela.playground.vue";
 import OlaMundoPlayground from "./ola_mundo.playground.vue";
@@ -41,6 +44,7 @@ type AbaPlayground =
   | "indicador"
   | "cartao"
   | "campo"
+  | "entradas"
   | "data_hora"
   | "tabela"
   | "ola_mundo";
@@ -50,6 +54,7 @@ const mapaHashParaAba: Record<string, AbaPlayground> = {
   indicador: "indicador",
   cartao: "cartao",
   campo: "campo",
+  entradas: "entradas",
   "data-hora": "data_hora",
   tabela: "tabela",
   demo: "ola_mundo",
@@ -60,6 +65,7 @@ const mapaAbaParaHash: Record<AbaPlayground, string> = {
   indicador: "indicador",
   cartao: "cartao",
   campo: "campo",
+  entradas: "entradas",
   data_hora: "data-hora",
   tabela: "tabela",
   ola_mundo: "demo",
@@ -72,6 +78,7 @@ export default defineComponent({
     IndicadorPlayground,
     CartaoPlayground,
     CampoPlayground,
+    EntradasPlayground,
     DataHoraPlayground,
     TabelaPlayground,
     OlaMundoPlayground,

src/playground/entradas.playground.vue

@@ -0,0 +1,88 @@
+<template>
+  <div class="d-flex flex-column ga-6">
+    <section>
+      <h2 class="text-h6 mb-2">EliEntradas</h2>
+      <p class="text-body-2 mb-0">
+        Exemplos para <code>EliEntradaTexto</code> e <code>EliEntradaNumero</code>.
+      </p>
+    </section>
+
+    <v-divider />
+
+    <section class="d-flex flex-column ga-3">
+      <h3 class="text-subtitle-1">Texto</h3>
+
+      <EliEntradaTexto
+        v-model:value="texto"
+        :opcoes="{
+          rotulo: 'Nome',
+          placeholder: 'Digite seu nome',
+          limiteCaracteres: 20,
+        }"
+      />
+
+      <div class="text-caption">
+        <strong>v-model:value</strong>: {{ texto ?? "(null)" }}
+      </div>
+
+      <v-alert type="info" variant="tonal" density="comfortable">
+        Para EliEntradas, o padrão é <code>v-model:value</code> (prop <code>value</code> + evento
+        <code>update:value</code>). Mantemos também o evento <code>input</code> para compat Vue2.
+      </v-alert>
+    </section>
+
+    <v-divider />
+
+    <section class="d-flex flex-column ga-3">
+      <h3 class="text-subtitle-1">Número</h3>
+
+      <EliEntradaNumero
+        v-model:value="numero"
+        :opcoes="{
+          rotulo: 'Quantidade',
+          placeholder: 'Ex: 10',
+          precisao: 1,
+          sufixo: 'kg',
+        }"
+      />
+
+      <div class="text-caption">
+        <strong>v-model:value</strong>: {{ numero ?? "(null)" }}
+      </div>
+
+      <EliEntradaNumero
+        v-model:value="numeroDecimal"
+        :opcoes="{
+          rotulo: 'Moeda',
+          placeholder: 'Digite (2 casas)',
+          precisao: 0.01,
+          prefixo: 'R$',
+        }"
+      />
+
+      <div class="text-caption">
+        <strong>v-model:value</strong>: {{ numeroDecimal ?? "(null)" }}
+      </div>
+    </section>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+import { EliEntradaNumero, EliEntradaTexto } from "../index";
+
+export default defineComponent({
+  name: "EntradasPlayground",
+  components: {
+    EliEntradaTexto,
+    EliEntradaNumero,
+  },
+  data() {
+    return {
+      texto: null as string | null,
+      numero: null as number | null,
+      numeroDecimal: null as number | null,
+    };
+  },
+});
+</script>