2
0
mirror of https://github.com/tenrok/maska.git synced 2026-06-20 20:00:34 +03:00

refactor: move to single package

This commit is contained in:
Alexander Shabunevich
2024-06-02 14:32:46 +03:00
parent 548d4e224b
commit 9b454e996a
80 changed files with 893 additions and 1423 deletions
+9
View File
@@ -0,0 +1,9 @@
<script lang="ts">
import { maska } from '../../src/svelte'
let value = '123'
</script>
<main>
<input use:maska data-maska="#-#" bind:value />
</main>
+33
View File
@@ -0,0 +1,33 @@
<script lang="ts">
import BindValue from './BindValue.svelte'
import Event from './Event.svelte'
import InitialValue from './InitialValue.svelte'
import Number from './Number.svelte'
import Options from './Options.svelte'
import Simple from './Simple.svelte'
let component = Simple
</script>
<main>
<select bind:value={component}>
<option value={BindValue}>BindValue</option>
<option value={Event}>Event</option>
<option value={InitialValue}>InitialValue</option>
<option value={Number}>Number</option>
<option value={Options}>Options</option>
<option value={Simple}>Simple</option>
</select>
<div class="comp">
<svelte:component this={component} />
</div>
</main>
<style>
.comp {
margin-top: 1em;
padding: 1em;
border: 1px solid #ccc;
}
</style>
+10
View File
@@ -0,0 +1,10 @@
<script lang="ts">
import type { MaskaDetail } from '../../src'
import { maska } from '../../src/svelte'
const onMaska = (e: CustomEvent<MaskaDetail>) => console.log(e.detail.masked)
</script>
<main>
<input use:maska data-maska="#-#" on:maska={onMaska} />
</main>
+7
View File
@@ -0,0 +1,7 @@
<script lang="ts">
import { maska } from '../../src/svelte'
</script>
<main>
<input use:maska data-maska="#-#" value="123" />
</main>
+13
View File
@@ -0,0 +1,13 @@
<script lang="ts">
import { maska } from '../../src/svelte'
const options = {
number: {}
}
</script>
<main>
<input use:maska={options} />
<input use:maska data-maska-number />
<input use:maska data-maska-number-locale="ru" />
</main>
+13
View File
@@ -0,0 +1,13 @@
<script lang="ts">
import { maska } from '../../src/svelte'
const options = {
mask: '#-#',
eager: false
}
</script>
<main>
<input type="checkbox" bind:checked={options.eager} />
<input type="text" use:maska={options} />
</main>
+7
View File
@@ -0,0 +1,7 @@
<script lang="ts">
import { maska } from '../../src/svelte'
</script>
<main>
<input use:maska data-maska="#-#" />
</main>