simp-select 1.0.18 → 1.0.19
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/README.md +8 -4
- package/docs/index.html +19 -7
- package/package.json +1 -1
- package/src/style.css +1 -0
package/README.md
CHANGED
|
@@ -17,8 +17,8 @@ npm install simp-select --save
|
|
|
17
17
|
```
|
|
18
18
|
Or you can load it via a script tag as follows:
|
|
19
19
|
```
|
|
20
|
-
<script src="https://unpkg.com/simp-select@1.0.
|
|
21
|
-
<script src="https://unpkg.com/simp-select@1.0.
|
|
20
|
+
<script src="https://unpkg.com/simp-select@1.0.19/dist/simpleSelect.js" ></script>
|
|
21
|
+
<script src="https://unpkg.com/simp-select@1.0.19/dist/polyfill.js" ></script> - for IE 11
|
|
22
22
|
Or get last version
|
|
23
23
|
<script src="https://unpkg.com/simp-select"></script>
|
|
24
24
|
```
|
|
@@ -53,7 +53,7 @@ the variable `SimpSelect` attached to `window` or `this` depending on what envir
|
|
|
53
53
|
| **floatWidth**:number* | <p>default: **767** </p> Minimum screen width of device below which the dropdown is rendered like popup. <p>Or `data-simple-float-width="500" in select. Or data-simple-float-none="true" - cancel for select`</p> |
|
|
54
54
|
| **sepChars**:string | <p>default: **,** </p> Separator for selected element. Show |
|
|
55
55
|
| **selectAll**:boolean* | <p>default: **false**</p> Show button - `Select all` <p>Or `data-simple-select-all="true"` in select</p> |
|
|
56
|
-
| **selectAllAfterClose**:boolean | <p>default: **
|
|
56
|
+
| **selectAllAfterClose**:boolean | <p>default: **true**</p> Close dropdown after click for `select all` |
|
|
57
57
|
| **resetAll**:boolean* | <p>default: **false**</p> Show button - `Reset all` <p>Or `data-simple-reset-all="true"` in select</p> |
|
|
58
58
|
| **resetAllAfterClose**:boolean | <p>default: **true**</p> Close dropdown after click for `Reset all` |
|
|
59
59
|
| **isCloneClass**:boolean | <p>default: **true**</p> Clone class from native select to wrapper created select |
|
|
@@ -65,7 +65,7 @@ the variable `SimpSelect` attached to `window` or `this` depending on what envir
|
|
|
65
65
|
| **detectNative**:function | <p>default: **none**</p> Return `true` if need rendering native select |
|
|
66
66
|
| **changeBodyLi**:function | <p>default: **none**</p> Custom <li>(body) item renderer |
|
|
67
67
|
| **locale**:{key: string} | <p>default: **simpleSelectLocale** **</p> Object of locales. ** |
|
|
68
|
-
| **historyMaxSize**: number | <p>default: **0**
|
|
68
|
+
| **historyMaxSize**: number | <p>default: **0** </p> Maximum number of saved changes. |
|
|
69
69
|
| ***Options only DOM elements*** | |
|
|
70
70
|
| **data-simple-placeholder="text": Select** | Replace default placeholder (locale.title) |
|
|
71
71
|
| **data-simple-item-html-before="<div>before</div>: Select** | Add HTML before content (for item Li) |
|
|
@@ -117,6 +117,10 @@ import SimpleSelect from 'simp-select';
|
|
|
117
117
|
|
|
118
118
|
new SimpleSelect('select');
|
|
119
119
|
```
|
|
120
|
+
|
|
121
|
+
## Demo
|
|
122
|
+
View Live [Demo Here](https://yura-brd.github.io/SimpSelect/).
|
|
123
|
+
|
|
120
124
|
## Browser Support
|
|
121
125
|
Supported on all modern browsers
|
|
122
126
|
|
package/docs/index.html
CHANGED
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
|
|
10
10
|
<link rel="stylesheet" href="./style.css">
|
|
11
11
|
|
|
12
|
-
<link rel="stylesheet" href="https://unpkg.com/simp-select@1.0.
|
|
13
|
-
<script src="https://unpkg.com/simp-select"></script>
|
|
12
|
+
<link rel="stylesheet" href="https://unpkg.com/simp-select@1.0.18/dist/style.css">
|
|
13
|
+
<script src="https://unpkg.com/simp-select@1.0.18/dist/simpleSelect.js"></script>
|
|
14
14
|
|
|
15
15
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
|
|
16
16
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
|
|
@@ -87,6 +87,18 @@
|
|
|
87
87
|
return result;
|
|
88
88
|
}
|
|
89
89
|
</script>
|
|
90
|
+
|
|
91
|
+
<div class="container">
|
|
92
|
+
|
|
93
|
+
<pre class="code"><code class="language-html">
|
|
94
|
+
<script>
|
|
95
|
+
new SimpleSelect('.jsSimpSelect')
|
|
96
|
+
</script>
|
|
97
|
+
</code></pre>
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
</div>
|
|
101
|
+
|
|
90
102
|
<div class="container">
|
|
91
103
|
<details>
|
|
92
104
|
<summary class="description">Select/multiselect without setting</summary>
|
|
@@ -222,8 +234,8 @@
|
|
|
222
234
|
<script>
|
|
223
235
|
pasteCode({
|
|
224
236
|
codeId: 'code_3',
|
|
225
|
-
firstId: '
|
|
226
|
-
secondId: '
|
|
237
|
+
firstId: 'example_3_1',
|
|
238
|
+
secondId: 'example_3_2',
|
|
227
239
|
lineBreakText: 'OR'
|
|
228
240
|
});
|
|
229
241
|
</script>
|
|
@@ -554,7 +566,7 @@
|
|
|
554
566
|
<script>
|
|
555
567
|
window.addEventListener('load', () => {
|
|
556
568
|
new SimpleSelect('#example_9_2_select', {
|
|
557
|
-
selectAll: true
|
|
569
|
+
selectAll: true,
|
|
558
570
|
})
|
|
559
571
|
})
|
|
560
572
|
</script>
|
|
@@ -1085,7 +1097,7 @@
|
|
|
1085
1097
|
selected: 'Вибране:',
|
|
1086
1098
|
all: 'Все',
|
|
1087
1099
|
ok: 'Ok',
|
|
1088
|
-
|
|
1100
|
+
cancel: 'Скасувати',
|
|
1089
1101
|
selectAll: 'Вибрати все',
|
|
1090
1102
|
resetAll: 'Скинути все',
|
|
1091
1103
|
}
|
|
@@ -1118,7 +1130,7 @@
|
|
|
1118
1130
|
selected: 'Избранное:',
|
|
1119
1131
|
all: 'Все',
|
|
1120
1132
|
ok: 'Ok',
|
|
1121
|
-
|
|
1133
|
+
cancel: 'Отменить',
|
|
1122
1134
|
selectAll: 'Выбрать все',
|
|
1123
1135
|
resetAll: 'Сбросить все',
|
|
1124
1136
|
}
|
package/package.json
CHANGED