@vue-interface/select-field 0.11.0 → 0.11.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.
Files changed (48) hide show
  1. package/dist/select-field.es.js +780 -0
  2. package/dist/select-field.umd.js +15 -0
  3. package/dist/style.css +1 -0
  4. package/index.js +5 -2
  5. package/package.json +27 -25
  6. package/src/SelectField.vue +158 -40
  7. package/.eslintrc.js +0 -53
  8. package/babel.config.js +0 -11
  9. package/dist/SelectField.common.js +0 -5520
  10. package/dist/SelectField.common.js.map +0 -1
  11. package/dist/SelectField.css +0 -1
  12. package/dist/SelectField.umd.js +0 -5530
  13. package/dist/SelectField.umd.js.map +0 -1
  14. package/dist/SelectField.umd.min.js +0 -2
  15. package/dist/SelectField.umd.min.js.map +0 -1
  16. package/dist/demo.html +0 -19
  17. package/docs/.vuepress/config.js +0 -44
  18. package/docs/.vuepress/dist/404.html +0 -19
  19. package/docs/.vuepress/dist/assets/css/0.styles.275ee968.css +0 -1
  20. package/docs/.vuepress/dist/assets/img/search.83621669.svg +0 -1
  21. package/docs/.vuepress/dist/assets/js/10.5d93d289.js +0 -1
  22. package/docs/.vuepress/dist/assets/js/11.97ab3884.js +0 -1
  23. package/docs/.vuepress/dist/assets/js/2.f3d148c3.js +0 -1
  24. package/docs/.vuepress/dist/assets/js/3.81681fff.js +0 -1
  25. package/docs/.vuepress/dist/assets/js/4.82fa7382.js +0 -1
  26. package/docs/.vuepress/dist/assets/js/5.3dae6ad4.js +0 -1
  27. package/docs/.vuepress/dist/assets/js/6.6a04f815.js +0 -1
  28. package/docs/.vuepress/dist/assets/js/7.c033cb49.js +0 -1
  29. package/docs/.vuepress/dist/assets/js/8.6d6eb599.js +0 -1
  30. package/docs/.vuepress/dist/assets/js/9.eaefe866.js +0 -1
  31. package/docs/.vuepress/dist/assets/js/app.7ed065d3.js +0 -13
  32. package/docs/.vuepress/dist/examples/index.html +0 -21
  33. package/docs/.vuepress/dist/examples/test.html +0 -17
  34. package/docs/.vuepress/dist/index.html +0 -53
  35. package/docs/.vuepress/dist/options.html +0 -41
  36. package/docs/.vuepress/dist/tailwindcss.html +0 -85
  37. package/docs/README.md +0 -17
  38. package/docs/examples/README.md +0 -3
  39. package/docs/options.md +0 -46
  40. package/docs/tailwindcss.md +0 -76
  41. package/index.html +0 -219
  42. package/main.vue +0 -8
  43. package/postcss.config.js +0 -1
  44. package/public/favicon.ico +0 -0
  45. package/public/index.html +0 -17
  46. package/src/css/SelectField.css +0 -2
  47. package/tailwind.config.js +0 -11
  48. package/vue.config.js +0 -11
package/index.html DELETED
@@ -1,219 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6
- <title>SelectField</title>
7
- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
8
- <link rel="stylesheet" href="./dist/SelectField.css">
9
- </head>
10
- <body>
11
- <div id="app" class="container">
12
- <h1 class="mb-5">select-field</h1>
13
-
14
- <h3>Basic Usage</h3>
15
-
16
- <select-field label="Regular Field">
17
- <option value="">Select an option...</option>
18
- <option value="1">Option 1</option>
19
- <option value="2">Option 2</option>
20
- <option value="3">Option 3</option>
21
- </select-field>
22
-
23
- <select-field label="Descriptive Field" help-text="Some helpful text goes here.">
24
- <option value="">Select an option...</option>
25
- <option value="1">Option 1</option>
26
- <option value="2">Option 2</option>
27
- <option value="3">Option 3</option>
28
- </select-field>
29
-
30
- <select-field label="Plaintext Field" plaintext>
31
- <option value="">Select an option...</option>
32
- <option value="1">Option 1</option>
33
- <option value="2">Option 2</option>
34
- <option value="3">Option 3</option>
35
- </select-field>
36
-
37
- <select-field label="Readonly Field" readonly>
38
- <option value="">Select an option...</option>
39
- <option value="1">Option 1</option>
40
- <option value="2">Option 2</option>
41
- <option value="3">Option 3</option>
42
- </select-field>
43
-
44
- <h3>Custom Fields</h3>
45
-
46
- <select-field label="Custom Field" placeholder="Custom Field" custom>
47
- <option value="1">Option 1</option>
48
- <option value="2">Option 2</option>
49
- <option value="3">Option 3</option>
50
- </select-field>
51
-
52
- <select-field label="Custom Field" placeholder="Custom Field" custom>
53
- <option value="">Select an option...</option>
54
- <option value="1">Option 1</option>
55
- <option value="2">Option 2</option>
56
- <option value="3">Option 3</option>
57
- </select-field>
58
-
59
- <select-field label="Custom Field" placeholder="Custom Field" error="test" custom>
60
- <option value="1">Option 1</option>
61
- <option value="2">Option 2</option>
62
- <option value="3">Option 3</option>
63
- </select-field>
64
-
65
- <hr>
66
-
67
- <h3>Sizes</h3>
68
-
69
- <div class="row">
70
-
71
- <div class="col-sm-6">
72
-
73
- <h5>Regular Field</h5>
74
-
75
- <select-field size="sm">
76
- <option value="">Small</option>
77
- <option value="1">Option 1</option>
78
- <option value="2">Option 2</option>
79
- <option value="3">Option 3</option>
80
- </select-field>
81
-
82
- <select-field size="md">
83
- <option value="">Medium</option>
84
- <option value="1">Option 1</option>
85
- <option value="2">Option 2</option>
86
- <option value="3">Option 3</option>
87
- </select-field>
88
-
89
- <select-field size="lg">
90
- <option value="">Large</option>
91
- <option value="1">Option 1</option>
92
- <option value="2">Option 2</option>
93
- <option value="3">Option 3</option>
94
- </select-field>
95
-
96
- </div>
97
-
98
- <div class="col-sm-6">
99
-
100
- <h5>Custom Field</h5>
101
-
102
- <select-field label="Small" placeholder="Small" size="sm" custom>
103
- <option value="1">Option 1</option>
104
- <option value="2">Option 2</option>
105
- <option value="3">Option 3</option>
106
- </select-field>
107
-
108
- <select-field custom label="Medium" placeholder="Medium">
109
- <option value="1">Option 1</option>
110
- <option value="2">Option 2</option>
111
- <option value="3">Option 3</option>
112
- </select-field>
113
-
114
- <select-field custom label="Large" placeholder="Large" size="lg">
115
- <option value="1">Option 1</option>
116
- <option value="2">Option 2</option>
117
- <option value="3">Option 3</option>
118
- </select-field>
119
-
120
- </div>
121
-
122
- </div>
123
-
124
- <hr>
125
-
126
- <h3>Colors</h3>
127
-
128
- <select-field value="primary" text-white bg-primary>
129
- <option value="primary">Primary</option>
130
- </select-field>
131
-
132
- <select-field value="secondary" text-white bg-secondary>
133
- <option value="secondary">Secondary</option>
134
- </select-field>
135
-
136
- <select-field value="success" text-white bg-success>
137
- <option value="success">Success</option>
138
- </select-field>
139
-
140
- <select-field value="danger" text-white bg-danger>
141
- <option value="danger">Danger</option>
142
- </select-field>
143
-
144
- <select-field value="warning" text-white bg-warning>
145
- <option value="warning">Warning</option>
146
- </select-field>
147
-
148
- <select-field value="info" text-white bg-info>
149
- <option value="info">Info</option>
150
- </select-field>
151
-
152
- <select-field value="dark" text-light bg-dark>
153
- <option value="dark">Dark</option>
154
- </select-field>
155
-
156
- <select-field value="muted" text-dark bg-muted>
157
- <option value="muted">Muted</option>
158
- </select-field>
159
-
160
- <select-field value="white" text-dark bg-white>
161
- <option value="white">White</option>
162
- </select-field>
163
-
164
- <h2>Activity Indicator</h2>
165
-
166
- <select-field label="Small" size="sm" :activity="showActivity">
167
- <option value="">Select an option...</option>
168
- <option value="1">Option 1</option>
169
- <option value="2">Option 2</option>
170
- <option value="3">Option 3</option>
171
- </select-field>
172
-
173
- <select-field label="Medium" size="md" :activity="showActivity">
174
- <option value="">Select an option...</option>
175
- <option value="1">Option 1</option>
176
- <option value="2">Option 2</option>
177
- <option value="3">Option 3</option>
178
- </select-field>
179
-
180
- <select-field label="Large" size="lg" :activity="showActivity">
181
- <option value="">Select an option...</option>
182
- <option value="1">Option 1</option>
183
- <option value="2">Option 2</option>
184
- <option value="3">Option 3</option>
185
- </select-field>
186
-
187
- <button @click="showActivity = !showActivity">
188
- <span v-if="!showActivity">Show</span><span v-else>Hide</span> Activity
189
- </button>
190
-
191
- <hr>
192
-
193
- <h3>Validation</h3>
194
-
195
- <select-field label="Single Inline Error" error="This is an inline error."></select-field>
196
-
197
- <select-field name="test" label="Multiple Errors From Object" :errors="{'test': ['This is an inline error #1.', 'This is an inline error #2.']}"></select-field>
198
- </div>
199
-
200
- <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.js"></script>
201
- <script type="text/javascript" src="./dist/SelectField.umd.js"></script>
202
- <script type="text/javascript">
203
- const SelectField = window.SelectField;
204
-
205
- const vue = new Vue({
206
- el: '#app',
207
- components: {
208
- SelectField
209
- },
210
- data() {
211
- return {
212
- value: null,
213
- showActivity: false
214
- };
215
- }
216
- });
217
- </script>
218
- </body>
219
- </html>
package/main.vue DELETED
@@ -1,8 +0,0 @@
1
- <script>
2
- import './src/css/SelectField.css';
3
- import SelectField from './src/SelectField';
4
- export default SelectField;
5
- </script>
6
- <style lang="postcss">
7
- @tailwind components;
8
- </style>
package/postcss.config.js DELETED
@@ -1 +0,0 @@
1
- module.exports = {};
package/public/favicon.ico DELETED
Binary file
package/public/index.html DELETED
@@ -1,17 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8">
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <meta name="viewport" content="width=device-width,initial-scale=1.0">
7
- <link rel="icon" href="<%= BASE_URL %>favicon.ico">
8
- <title><%= htmlWebpackPlugin.options.title %></title>
9
- </head>
10
- <body>
11
- <noscript>
12
- <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13
- </noscript>
14
- <div id="app"></div>
15
- <!-- built files will be auto injected -->
16
- </body>
17
- </html>
package/src/css/SelectField.css DELETED
@@ -1,2 +0,0 @@
1
-
2
- @tailwind components;
package/tailwind.config.js DELETED
@@ -1,11 +0,0 @@
1
- const plugin = require('tailwindcss/plugin');
2
-
3
- module.exports = {
4
- purge: false,
5
- corePlugins: {
6
- container: false,
7
- },
8
- plugins: [
9
- require('@vue-interface/form-control/tailwindcss'),
10
- ]
11
- };
package/vue.config.js DELETED
@@ -1,11 +0,0 @@
1
- module.exports = {
2
- css: {
3
- loaderOptions: {
4
- postcss: {
5
- plugins: [
6
- require('tailwindcss')
7
- ]
8
- }
9
- }
10
- }
11
- };