jspreadsheet 11.0.16 → 11.0.17
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/dist/index.d.ts +7 -7
- package/dist/jspreadsheet.css +2 -1
- package/dist/jspreadsheet.themes.css +163 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -645,19 +645,19 @@ declare namespace jspreadsheet {
|
|
|
645
645
|
|
|
646
646
|
interface Editor {
|
|
647
647
|
/** createCell When a new cell is created. */
|
|
648
|
-
createCell
|
|
648
|
+
createCell?: (cell: HTMLElement, value: any, x: number, y: number, instance: object, options: object) => any;
|
|
649
649
|
/** updateCell When the cell value changes. */
|
|
650
|
-
updateCell
|
|
650
|
+
updateCell?: (cell: HTMLElement, value: any, x: number, y: number, instance: object, options: object) => any;
|
|
651
651
|
/** openEditor When the user starts the edition of a cell. */
|
|
652
|
-
openEditor
|
|
652
|
+
openEditor?: (cell: HTMLElement, value: any, x: number, y: number, instance: object, options: object) => any;
|
|
653
653
|
/** closeEditor When the user finalizes the edition of a cell. */
|
|
654
|
-
closeEditor
|
|
654
|
+
closeEditor?: (cell: HTMLElement, confirmChanges: boolean, x: number, y: number, instance: object, options: object) => any;
|
|
655
655
|
/** When a cell is destroyed. */
|
|
656
|
-
destroyCell
|
|
656
|
+
destroyCell?: (cell: HTMLElement, x: number, y: number, instance: object) => void;
|
|
657
657
|
/** Apply updates when the properties of a cell or column is changed. */
|
|
658
|
-
updateProperty
|
|
658
|
+
updateProperty?: (x: number, y: number, instance: object, options: object) => void;
|
|
659
659
|
/** Transform the raw data into processed data. It will shown a text instead of an id in the type dropdown for example. */
|
|
660
|
-
get
|
|
660
|
+
get?: (options: object, value: any) => string
|
|
661
661
|
}
|
|
662
662
|
|
|
663
663
|
interface Plugin {
|
package/dist/jspreadsheet.css
CHANGED
|
@@ -369,7 +369,7 @@
|
|
|
369
369
|
left:-2000px;
|
|
370
370
|
cursor:crosshair;
|
|
371
371
|
box-sizing: initial;
|
|
372
|
-
z-index:
|
|
372
|
+
z-index: 3;
|
|
373
373
|
padding: 2px;
|
|
374
374
|
}
|
|
375
375
|
|
|
@@ -818,6 +818,7 @@
|
|
|
818
818
|
width: 13px;
|
|
819
819
|
height: 13px;
|
|
820
820
|
vertical-align: bottom;
|
|
821
|
+
font-size: 13px;
|
|
821
822
|
}
|
|
822
823
|
|
|
823
824
|
.jss thead .jss_frozen {
|
|
@@ -1 +1,163 @@
|
|
|
1
|
-
|
|
1
|
+
.jss {
|
|
2
|
+
border-bottom: 1px solid var(--border_color, #ccc);
|
|
3
|
+
border-right: 1px solid var(--border_color, #ccc);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.jss>thead>tr>th {
|
|
7
|
+
border-top: 1px solid var(--border_color, #ccc);
|
|
8
|
+
border-left: 1px solid var(--border_color, #ccc);
|
|
9
|
+
background-color: var(--content_background, #fff);
|
|
10
|
+
color: var(--content_color, #000);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.jss>thead>tr>th:first-child {
|
|
14
|
+
box-shadow: 1px 0 0 0 var(--border_color, #ccc);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.jss>tbody>tr>td:first-child,
|
|
18
|
+
.jss>thead>tr>th {
|
|
19
|
+
background-color: var(--header_background, #f3f3f3);
|
|
20
|
+
color: var(--header_color, #000);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.jss>tbody>tr.selected>td:first-child,
|
|
24
|
+
.jss>thead>tr>th.selected {
|
|
25
|
+
background-color: var(--header_background_highlighted, #dcdcdc);
|
|
26
|
+
color: var(--header_color_highlighted, #000)
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.jss>tbody>tr>td {
|
|
30
|
+
border-top: 1px solid var(--border_color, #ccc);
|
|
31
|
+
border-left: 1px solid var(--border_color, #ccc);
|
|
32
|
+
background-color: var(--content_background, #fff);
|
|
33
|
+
color: var(--content_color, #000);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.jss>tbody>tr>td.jss_cursor {
|
|
37
|
+
background-color: var(--cursor, #eee);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.jss>tbody>tr>td.jss_cursor a {
|
|
41
|
+
color: var(--active_color, #007aff)
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.jss_pagination>div>div {
|
|
45
|
+
color: var(--header_color, #000);
|
|
46
|
+
background: var(--header_background, #f3f3f3);
|
|
47
|
+
border: 1px solid var(--border_color, #ccc)
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.jss_container input,
|
|
51
|
+
.jss_container select,
|
|
52
|
+
.jss_page {
|
|
53
|
+
color: var(--header_color, #000);
|
|
54
|
+
background: var(--header_background, #f3f3f3);
|
|
55
|
+
border: 1px solid var(--border_color, #ccc)
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.jss .jtabs .jtabs-headers>div {
|
|
59
|
+
background-color: var(--header_background, #f3f3f3);
|
|
60
|
+
color: var(--header_color, #000);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.jss .jtabs .jtabs-headers>div.jtabs-selected {
|
|
64
|
+
background-color: var(--header_background_highlighted, #dcdcdc);
|
|
65
|
+
color: var(--header_color_highlighted, #000);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.jss_contextmenu {
|
|
69
|
+
border: 1px solid var(--border_color, #ccc);
|
|
70
|
+
background: var(--menu_background, #ebebeb);
|
|
71
|
+
color: var(--menu_color, #555);
|
|
72
|
+
box-shadow: var(--menu_box_shadow, 2px 2px 2px 0px rgba(143, 144, 145, 1));
|
|
73
|
+
-webkit-box-shadow: var(--menu_box_shadow, 2px 2px 2px 0px rgba(143, 144, 145, 1));
|
|
74
|
+
-moz-box-shadow: var(--menu_box_shadow, 2px 2px 2px 0px rgba(143, 144, 145, 1))
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.jss_contextmenu>div a {
|
|
78
|
+
color: var(--menu_color, #555)
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.jss_contextmenu>div:not(.contextmenu-line):hover a {
|
|
82
|
+
color: var(--menu_color_highlighted, #555)
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.jss_contextmenu>div:not(.contextmenu-line):hover {
|
|
86
|
+
background: var(--menu_background_highlighted, #ebebeb)
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.jss_dropdown .jdropdown-container,
|
|
90
|
+
.jss_dropdown .jdropdown-content {
|
|
91
|
+
background-color: var(--content_background, #fff);
|
|
92
|
+
color: var(--content_color, #000)
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.jss_dropdown .jdropdown-item {
|
|
96
|
+
color: var(--content_color, #000)
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.jss_dropdown .jdropdown-cursor,
|
|
100
|
+
.jss_dropdown .jdropdown-item:hover,
|
|
101
|
+
.jss_dropdown .jdropdown-selected {
|
|
102
|
+
background-color: var(--content_background_highlighted, #00000077);
|
|
103
|
+
color: var(--content_color_highlighted, #000)
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.jss .jcalendar-content {
|
|
107
|
+
background-color: var(--header_background, #f3f3f3);
|
|
108
|
+
color: var(--header_color, #000)
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.jss .jcalendar-content>table {
|
|
112
|
+
background-color: var(--content_background, #fff);
|
|
113
|
+
color: var(--content_color, #000)
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.jss .jcalendar-weekday {
|
|
117
|
+
background-color: var(--content_background_highlighted, #00000077);
|
|
118
|
+
color: var(--content_color_highlighted, #000)
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.jss .jcalendar-sunday {
|
|
122
|
+
color: var(--header_color, #000)
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.jss .jcalendar-selected {
|
|
126
|
+
background-color: var(--content_background_highlighted, #00000077);
|
|
127
|
+
color: var(--content_color_highlighted, #000)
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.jss_toolbar {
|
|
131
|
+
background-color: var(--header_background, #f3f3f3);
|
|
132
|
+
color: var(--header_color, #000);
|
|
133
|
+
border-color: var(--border_color, #ccc);
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.jss_toolbar .jtoolbar-item i {
|
|
137
|
+
color: var(--content_color, #000);
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.jss_toolbar .jtoolbar-item i:hover {
|
|
141
|
+
background: var(--content_background_highlighted, #00000077);
|
|
142
|
+
color: var(--content_color_highlighted, #000)
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.jss_toolbar .jtoolbar-divisor {
|
|
146
|
+
background: var(--header_color, #000);
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.jss_content::-webkit-scrollbar-track {
|
|
150
|
+
background: var(--header_background, #f3f3f3);
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.jss_content::-webkit-scrollbar-thumb {
|
|
154
|
+
background: var(--header_background_highlighted, #dcdcdc);
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.jss_border_main {
|
|
158
|
+
border: 1px solid var(--border_color_highlighted, #000);
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
.jss_border_cloning {
|
|
162
|
+
border: 1px dashed var(--border_color_highlighted, #000);
|
|
163
|
+
}
|
package/package.json
CHANGED