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:
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -0,0 +1,7 @@
|
||||
<script lang="ts">
|
||||
import { maska } from '../../src/svelte'
|
||||
</script>
|
||||
|
||||
<main>
|
||||
<input use:maska data-maska="#-#" value="123" />
|
||||
</main>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -0,0 +1,7 @@
|
||||
<script lang="ts">
|
||||
import { maska } from '../../src/svelte'
|
||||
</script>
|
||||
|
||||
<main>
|
||||
<input use:maska data-maska="#-#" />
|
||||
</main>
|
||||
Reference in New Issue
Block a user