@desource/phone-mask-vue 1.0.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +31 -0
- package/README.md +5 -2
- package/dist/index.cjs +222 -271
- package/dist/index.js +222 -271
- package/dist/index.mjs +223 -272
- package/dist/phone-mask-vue.css +64 -64
- package/dist/types/components/PhoneInput.vue.d.ts.map +1 -1
- package/dist/types/composables/internal/useTheme.d.ts.map +1 -1
- package/dist/types/composables/usePhoneMask.d.ts.map +1 -1
- package/dist/types/directives/vPhoneMask.d.ts +1 -2
- package/dist/types/directives/vPhoneMask.d.ts.map +1 -1
- package/dist/types/index.d.ts +7 -7
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/types.d.ts +2 -0
- package/dist/types/types.d.ts.map +1 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,36 @@
|
|
|
1
1
|
# @desource/phone-mask-vue
|
|
2
2
|
|
|
3
|
+
## 1.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- Svelte Upgrades:
|
|
8
|
+
- Added attachment `phoneMaskAttachment` for usage in native input (for Svelte 5.29+ versions)
|
|
9
|
+
- Added action `phoneMaskAction` for usage in native input (for Svelte 5.0+ versions)
|
|
10
|
+
- Improved keyboard country selection flow and active-descendant accessibility behavior
|
|
11
|
+
- Refined dropdown/key navigation handling and related focus behavior
|
|
12
|
+
- `usePhoneMask` now exposes `formatter` in the return object
|
|
13
|
+
|
|
14
|
+
- Vue Upgrades:
|
|
15
|
+
- Directive was refactored to align with Svelte action
|
|
16
|
+
- Improved keyboard country selection flow and active-descendant accessibility behavior
|
|
17
|
+
- Refined dropdown/key navigation handling and related focus behavior
|
|
18
|
+
- `usePhoneMask` now exposes `formatter` in the return object
|
|
19
|
+
|
|
20
|
+
- React Upgrades:
|
|
21
|
+
- Improved keyboard country selection flow and active-descendant accessibility behavior
|
|
22
|
+
- Refined dropdown/key navigation handling and related focus behavior
|
|
23
|
+
- `usePhoneMask` now exposes `formatter` in the return object
|
|
24
|
+
|
|
25
|
+
- Core Upgrades:
|
|
26
|
+
- Fixed edge cases in mask variant selection and improved input handler robustness
|
|
27
|
+
- Applied reliability-focused refactors in formatter/handlers and build script generation logic
|
|
28
|
+
|
|
29
|
+
### Patch Changes
|
|
30
|
+
|
|
31
|
+
- Updated dependencies []:
|
|
32
|
+
- @desource/phone-mask@1.1.0
|
|
33
|
+
|
|
3
34
|
## 1.0.0
|
|
4
35
|
|
|
5
36
|
### Major Changes
|
package/README.md
CHANGED
|
@@ -19,7 +19,7 @@ Beautiful, accessible, extreme small & tree-shakeable Vue 3 phone input with aut
|
|
|
19
19
|
- ♿ **Accessible** — ARIA labels, keyboard navigation
|
|
20
20
|
- 📱 **Mobile-friendly** — Optimized for touch devices
|
|
21
21
|
- 🎯 **TypeScript** — Full type safety
|
|
22
|
-
- 🧩 **
|
|
22
|
+
- 🧩 **Three modes** — Component, composable, or directive
|
|
23
23
|
- ⚡ **Optimized** — Tree-shaking and code splitting
|
|
24
24
|
|
|
25
25
|
## 📦 Installation
|
|
@@ -515,12 +515,15 @@ interface UsePhoneMaskOptions {
|
|
|
515
515
|
|
|
516
516
|
```ts
|
|
517
517
|
interface UsePhoneMaskReturn {
|
|
518
|
-
// Ref to attach to your input element
|
|
518
|
+
// Ref to attach to your input element
|
|
519
519
|
inputRef: ShallowRef<HTMLInputElement | null>;
|
|
520
520
|
|
|
521
521
|
// Raw digits without formatting (e.g., "1234567890")
|
|
522
522
|
digits: ComputedRef<string>;
|
|
523
523
|
|
|
524
|
+
// Phone formatter instance
|
|
525
|
+
formatter: ComputedRef<FormatterHelpers>;
|
|
526
|
+
|
|
524
527
|
// Full phone number with country code (e.g., "+11234567890")
|
|
525
528
|
full: ComputedRef<string>;
|
|
526
529
|
|