datatables.net-autofill-bm 2.6.0 → 2.7.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/Readme.md +11 -16
- package/css/autoFill.bulma.css +9 -8
- package/css/autoFill.bulma.min.css +1 -1
- package/js/autoFill.bulma.js +1 -1
- package/js/autoFill.bulma.min.js +1 -1
- package/package.json +3 -3
package/Readme.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# AutoFill for DataTables with styling for [Bulma](https://bulma.io/)
|
|
2
2
|
|
|
3
|
-
This
|
|
3
|
+
This is the distribution package for the [AutoFill extension](https://datatables.net/extensions/autofill) for [DataTables](https://datatables.net/) with styling for [Bulma](https://bulma.io/).
|
|
4
4
|
|
|
5
5
|
AutoFill adds an Excel like data fill option to DataTables, allowing click and drag over cells, filling in information and incrementing numbers as needed.
|
|
6
6
|
|
|
@@ -9,43 +9,38 @@ AutoFill adds an Excel like data fill option to DataTables, allowing click and d
|
|
|
9
9
|
|
|
10
10
|
### Browser
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
To use DataTables with a simple `<script>` tag, rather than using this package, it is recommended that you use the [DataTables download builder](//datatables.net/download) which can create CDN or locally hosted packages for you, will all dependencies satisfied.
|
|
13
13
|
|
|
14
14
|
### npm
|
|
15
15
|
|
|
16
|
+
For installation via npm, yarn and other similar package managers, install this package with your package manager - e.g.:
|
|
17
|
+
|
|
16
18
|
```
|
|
19
|
+
npm install datatables.net-bm
|
|
17
20
|
npm install datatables.net-autofill-bm
|
|
18
21
|
```
|
|
19
22
|
|
|
20
|
-
|
|
21
|
-
```
|
|
22
|
-
var $ = require( 'jquery' );
|
|
23
|
-
var dt = require( 'datatables.net-autofill-bm' )( window, $ );
|
|
24
|
-
```
|
|
23
|
+
Then, to load and initialise the software in your code use:
|
|
25
24
|
|
|
26
|
-
ES6 Syntax
|
|
27
25
|
```
|
|
26
|
+
import DataTable from 'datatables.net-bm';
|
|
28
27
|
import 'datatables.net-autofill-bm'
|
|
29
|
-
```
|
|
30
28
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
bower install --save datatables.net-autofill-bm
|
|
29
|
+
new DataTable('#myTable', {
|
|
30
|
+
// initialisation options
|
|
31
|
+
});
|
|
35
32
|
```
|
|
36
33
|
|
|
37
34
|
|
|
38
|
-
|
|
39
35
|
## Documentation
|
|
40
36
|
|
|
41
|
-
Full documentation and examples for AutoFill can be found [on the website](https://datatables.net/extensions/autofill).
|
|
37
|
+
Full documentation and examples for AutoFill can be found [on the DataTables website](https://datatables.net/extensions/autofill).
|
|
42
38
|
|
|
43
39
|
|
|
44
40
|
## Bug / Support
|
|
45
41
|
|
|
46
42
|
Support for DataTables is available through the [DataTables forums](//datatables.net/forums) and [commercial support options](//datatables.net/support) are available.
|
|
47
43
|
|
|
48
|
-
|
|
49
44
|
### Contributing
|
|
50
45
|
|
|
51
46
|
If you are thinking of contributing code to DataTables, first of all, thank you! All fixes, patches and enhancements to DataTables are very warmly welcomed. This repository is a distribution repo, so patches and issues sent to this repo will not be accepted. Instead, please direct pull requests to the [DataTables/AutoFill](http://github.com/DataTables/AutoFill). For issues / bugs, please direct your questions to the [DataTables forums](//datatables.net/forums).
|
package/css/autoFill.bulma.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
div.dt-autofill-handle {
|
|
2
2
|
position: absolute;
|
|
3
|
-
height:
|
|
4
|
-
width:
|
|
3
|
+
height: 10px;
|
|
4
|
+
width: 10px;
|
|
5
5
|
z-index: 10;
|
|
6
6
|
box-sizing: border-box;
|
|
7
7
|
background: #00D1B2;
|
|
@@ -72,8 +72,10 @@ div.dt-autofill-list > div.dt-autofill-list-items > button:last-child {
|
|
|
72
72
|
margin-bottom: 0;
|
|
73
73
|
}
|
|
74
74
|
div.dt-autofill-list > div.dt-autofill-list-items > button input[type=number] {
|
|
75
|
+
display: inline-block;
|
|
76
|
+
box-sizing: border-box;
|
|
75
77
|
padding: 6px;
|
|
76
|
-
width:
|
|
78
|
+
width: 70px;
|
|
77
79
|
margin: -2px 0;
|
|
78
80
|
}
|
|
79
81
|
div.dt-autofill-list > div.dt-autofill-list-items > button span {
|
|
@@ -96,12 +98,12 @@ div.dt-autofill-background {
|
|
|
96
98
|
}
|
|
97
99
|
|
|
98
100
|
html.dark div.dt-autofill-handle {
|
|
99
|
-
background:
|
|
101
|
+
background: rgb(110, 168, 254);
|
|
100
102
|
}
|
|
101
103
|
html.dark div.dt-autofill-select {
|
|
102
104
|
position: absolute;
|
|
103
105
|
z-index: 1001;
|
|
104
|
-
background-color:
|
|
106
|
+
background-color: rgb(110, 168, 254);
|
|
105
107
|
background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0, 0, 0, 0.5) 5px, rgba(0, 0, 0, 0.5) 10px);
|
|
106
108
|
}
|
|
107
109
|
html.dark div.dt-autofill-list {
|
|
@@ -111,10 +113,10 @@ html.dark div.dt-autofill-list {
|
|
|
111
113
|
html.dark div.dt-autofill-list button {
|
|
112
114
|
color: inherit;
|
|
113
115
|
border: 1px solid rgba(255, 255, 255, 0.175);
|
|
114
|
-
background-color:
|
|
116
|
+
background-color: rgb(47, 52, 56);
|
|
115
117
|
}
|
|
116
118
|
html.dark div.dt-autofill-list button:hover {
|
|
117
|
-
background-color:
|
|
119
|
+
background-color: rgb(64, 69, 73);
|
|
118
120
|
}
|
|
119
121
|
|
|
120
122
|
@media screen and (max-width: 767px) {
|
|
@@ -122,7 +124,6 @@ html.dark div.dt-autofill-list button:hover {
|
|
|
122
124
|
height: 16px;
|
|
123
125
|
width: 16px;
|
|
124
126
|
}
|
|
125
|
-
|
|
126
127
|
div.dt-autofill-list {
|
|
127
128
|
width: 90%;
|
|
128
129
|
left: 74.5%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
div.dt-autofill-handle{position:absolute;height:
|
|
1
|
+
div.dt-autofill-handle{position:absolute;height:10px;width:10px;z-index:10;box-sizing:border-box;background:#00d1b2;cursor:pointer}div.dtk-focus-alt div.dt-autofill-handle{background:#ff8b33}div.dt-autofill-select{position:absolute;z-index:1001;background-color:#00d1b2;background-image:repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px)}div.dt-autofill-select.top,div.dt-autofill-select.bottom{height:3px;margin-top:-1px}div.dt-autofill-select.left,div.dt-autofill-select.right{width:3px;margin-left:-1px}div.dt-autofill-list{position:fixed;top:50%;left:50%;width:500px;margin-left:-250px;background-color:white;border-radius:.75em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6);z-index:104;box-sizing:border-box;padding:2em}div.dt-autofill-list div.dtaf-popover-close{position:absolute;top:6px;right:6px;width:22px;height:22px;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dt-autofill-list>div.dt-autofill-list-items>button{display:block;width:100%;margin:1em 0;padding:1em;border-radius:.5em;border:1px solid rgba(0, 0, 0, 0.175);background-color:#f6f6f6;text-align:left;cursor:pointer}div.dt-autofill-list>div.dt-autofill-list-items>button:hover{background-color:#ebebeb}div.dt-autofill-list>div.dt-autofill-list-items>button:first-child{margin-top:0}div.dt-autofill-list>div.dt-autofill-list-items>button:last-child{margin-bottom:0}div.dt-autofill-list>div.dt-autofill-list-items>button input[type=number]{display:inline-block;box-sizing:border-box;padding:6px;width:70px;margin:-2px 0}div.dt-autofill-list>div.dt-autofill-list-items>button span{float:right}div.dtaf-popover-closeable{padding-top:2.5em}div.dt-autofill-background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);background:radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);z-index:103}html.dark div.dt-autofill-handle{background:rgb(110, 168, 254)}html.dark div.dt-autofill-select{position:absolute;z-index:1001;background-color:rgb(110, 168, 254);background-image:repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0, 0, 0, 0.5) 5px, rgba(0, 0, 0, 0.5) 10px)}html.dark div.dt-autofill-list{background-color:var(--dt-html-background);border:1px solid rgba(255, 255, 255, 0.15)}html.dark div.dt-autofill-list button{color:inherit;border:1px solid rgba(255, 255, 255, 0.175);background-color:rgb(47, 52, 56)}html.dark div.dt-autofill-list button:hover{background-color:rgb(64, 69, 73)}@media screen and (max-width: 767px){div.dt-autofill-handle{height:16px;width:16px}div.dt-autofill-list{width:90%;left:74.5%}}div.dt-autofill-list button{margin:0}div.dt-autofill-handle{z-index:11}
|
package/js/autoFill.bulma.js
CHANGED
package/js/autoFill.bulma.min.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! Bulma integration for DataTables' AutoFill
|
|
2
2
|
* ©2015 SpryMedia Ltd - datatables.net/license
|
|
3
3
|
*/
|
|
4
|
-
|
|
4
|
+
(n=>{var o,a;"function"==typeof define&&define.amd?define(["jquery","datatables.net-bm","datatables.net-autofill"],function(e){return n(e,window,document)}):"object"==typeof exports?(o=require("jquery"),a=function(e,t){t.fn.dataTable||require("datatables.net-bm")(e,t),t.fn.dataTable.AutoFill||require("datatables.net-autofill")(e,t)},"undefined"==typeof window?module.exports=function(e,t){return e=e||window,t=t||o(e),a(e,t),n(t,0,e.document)}:(a(window,o),module.exports=n(o,window,window.document))):n(jQuery,window,document)})(function(e,t,n){e=e.fn.dataTable;return e.AutoFill.classes.btn="button is-small",e});
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"module": "js/autoFill.bulma.mjs",
|
|
6
6
|
"style": "css/autoFill.bulma.css",
|
|
7
7
|
"types": "./types/autoFill.bulma.d.ts",
|
|
8
|
-
"version": "2.
|
|
8
|
+
"version": "2.7.1",
|
|
9
9
|
"files": [
|
|
10
10
|
"css/**/*.css",
|
|
11
11
|
"js/**/*.js",
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
"sort"
|
|
24
24
|
],
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"datatables.net-autofill": "
|
|
27
|
-
"datatables.net-bm": "
|
|
26
|
+
"datatables.net-autofill": "2.7.1",
|
|
27
|
+
"datatables.net-bm": "1.11 - 2",
|
|
28
28
|
"jquery": ">=1.7"
|
|
29
29
|
},
|
|
30
30
|
"moduleType": [
|