vue-tel-input 6.0.0 → 6.0.1
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/package.json +4 -1
- package/.editorconfig +0 -7
- package/.eslintrc.cjs +0 -11
- package/.github/FUNDING.yml +0 -12
- package/env.d.ts +0 -1
- package/examples/browser.html +0 -30
- package/examples/module/App.vue +0 -77
- package/examples/module/index.html +0 -13
- package/examples/module/main.ts +0 -8
- package/src/assets/all-countries.js +0 -1238
- package/src/assets/component.css +0 -98
- package/src/assets/sprite.css +0 -1071
- package/src/components/vue-tel-input.test.js +0 -261
- package/src/components/vue-tel-input.vue +0 -623
- package/src/directives/click-outside.js +0 -24
- package/src/index.js +0 -34
- package/src/utils.js +0 -291
- package/tsconfig.config.json +0 -8
- package/tsconfig.json +0 -23
- package/vite.config.ts +0 -67
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vue-tel-input",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.1",
|
|
4
4
|
"description": "International Telephone Input with Vue",
|
|
5
5
|
"author": "Steven Dao <iamstevendao@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -30,6 +30,9 @@
|
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"vue": "^3.2.37"
|
|
32
32
|
},
|
|
33
|
+
"files": [
|
|
34
|
+
"dist"
|
|
35
|
+
],
|
|
33
36
|
"devDependencies": {
|
|
34
37
|
"@rushstack/eslint-patch": "^1.1.0",
|
|
35
38
|
"@types/node": "^16.11.41",
|
package/.editorconfig
DELETED
package/.eslintrc.cjs
DELETED
package/.github/FUNDING.yml
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
# These are supported funding model platforms
|
|
2
|
-
|
|
3
|
-
github: iamstevendao
|
|
4
|
-
patreon: # Replace with a single Patreon username
|
|
5
|
-
open_collective: # Replace with a single Open Collective username
|
|
6
|
-
ko_fi: # Replace with a single Ko-fi username
|
|
7
|
-
tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
|
|
8
|
-
community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
|
|
9
|
-
liberapay: # Replace with a single Liberapay username
|
|
10
|
-
issuehunt: # Replace with a single IssueHunt username
|
|
11
|
-
otechie: # Replace with a single Otechie username
|
|
12
|
-
custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
|
package/env.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/// <reference types="vite/client" />
|
package/examples/browser.html
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<link rel="icon" href="/favicon.ico" />
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
-
<title>Vite App</title>
|
|
8
|
-
<script src="https://unpkg.com/vue@next"></script>
|
|
9
|
-
<script src="/dist/vue-tel-input.iife.js"></script>
|
|
10
|
-
<link rel="stylesheet" href="/dist/vue-tel-input.css"></link>
|
|
11
|
-
</head>
|
|
12
|
-
<body>
|
|
13
|
-
<div id="app"></div>
|
|
14
|
-
<script>
|
|
15
|
-
const app = Vue.createApp({
|
|
16
|
-
template: `
|
|
17
|
-
<h1> Hello Vue! </h1>
|
|
18
|
-
<vue-tel-input v-model="phone" />
|
|
19
|
-
`,
|
|
20
|
-
data() {
|
|
21
|
-
return {
|
|
22
|
-
phone: '123213123',
|
|
23
|
-
};
|
|
24
|
-
},
|
|
25
|
-
});
|
|
26
|
-
app.use(VueTelInput);
|
|
27
|
-
app.mount('#app');
|
|
28
|
-
</script>
|
|
29
|
-
</body>
|
|
30
|
-
</html>
|
package/examples/module/App.vue
DELETED
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
export default {
|
|
3
|
-
name: 'App',
|
|
4
|
-
data() {
|
|
5
|
-
return {
|
|
6
|
-
phone: '123123123'
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
</script>
|
|
11
|
-
|
|
12
|
-
<template>
|
|
13
|
-
<div class="wrapper">
|
|
14
|
-
<vue-tel-input v-model="phone" />
|
|
15
|
-
</div>
|
|
16
|
-
</template>
|
|
17
|
-
|
|
18
|
-
<style>
|
|
19
|
-
#app {
|
|
20
|
-
max-width: 1280px;
|
|
21
|
-
margin: 0 auto;
|
|
22
|
-
padding: 2rem;
|
|
23
|
-
|
|
24
|
-
font-weight: normal;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
header {
|
|
28
|
-
line-height: 1.5;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.logo {
|
|
32
|
-
display: block;
|
|
33
|
-
margin: 0 auto 2rem;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
a,
|
|
37
|
-
.green {
|
|
38
|
-
text-decoration: none;
|
|
39
|
-
color: hsla(160, 100%, 37%, 1);
|
|
40
|
-
transition: 0.4s;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
@media (hover: hover) {
|
|
44
|
-
a:hover {
|
|
45
|
-
background-color: hsla(160, 100%, 37%, 0.2);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
@media (min-width: 1024px) {
|
|
50
|
-
body {
|
|
51
|
-
display: flex;
|
|
52
|
-
place-items: center;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
#app {
|
|
56
|
-
display: grid;
|
|
57
|
-
grid-template-columns: 1fr 1fr;
|
|
58
|
-
padding: 0 2rem;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
header {
|
|
62
|
-
display: flex;
|
|
63
|
-
place-items: center;
|
|
64
|
-
padding-right: calc(var(--section-gap) / 2);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
header .wrapper {
|
|
68
|
-
display: flex;
|
|
69
|
-
place-items: flex-start;
|
|
70
|
-
flex-wrap: wrap;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.logo {
|
|
74
|
-
margin: 0 2rem 0 0;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
</style>
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<link rel="icon" href="/favicon.ico" />
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
-
<title>Vite App</title>
|
|
8
|
-
</head>
|
|
9
|
-
<body>
|
|
10
|
-
<div id="app"></div>
|
|
11
|
-
<script type="module" src="./main.ts"></script>
|
|
12
|
-
</body>
|
|
13
|
-
</html>
|
package/examples/module/main.ts
DELETED