datavis-glide 4.0.2 → 4.1.0
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/wcdatavis.css +84 -0
- package/dist/wcdatavis.min.js +1 -1
- package/package.json +2 -2
- package/src/grid.js +142 -1
- package/src/lang/en-US.js +7 -0
- package/src/lang/es-MX.js +7 -0
- package/src/lang/fr-FR.js +7 -0
- package/src/lang/id-ID.js +7 -0
- package/src/lang/nl-NL.js +7 -0
- package/src/lang/pt-BR.js +7 -0
- package/src/lang/ru-RU.js +7 -0
- package/src/lang/th-TH.js +7 -0
- package/src/lang/vi-VN.js +7 -0
- package/src/lang/zh-Hans-CN.js +7 -0
- package/src/renderers/grid/table/plain.js +272 -5
- package/src/renderers/grid/table.js +383 -31
- package/src/ui/popup_menu.js +43 -1
- package/src/ui/toast.js +64 -0
- package/src/util/clipboard.js +32 -0
- package/wcdatavis.css +54 -0
package/dist/wcdatavis.css
CHANGED
|
@@ -293,6 +293,35 @@ div.wcdv_titlebar_controls button.wcdv_icon_button > svg.wcdv_icon {
|
|
|
293
293
|
margin-top: -4px;
|
|
294
294
|
}
|
|
295
295
|
|
|
296
|
+
div.wcdv_titlebar_controls button.wcdv_icon_button[disabled] > svg.wcdv_icon {
|
|
297
|
+
opacity: 0.4;
|
|
298
|
+
cursor: default;
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
.wcdv_toast {
|
|
302
|
+
position: fixed;
|
|
303
|
+
right: 16px;
|
|
304
|
+
bottom: 16px;
|
|
305
|
+
max-width: 320px;
|
|
306
|
+
padding: 8px 12px;
|
|
307
|
+
border-radius: 6px;
|
|
308
|
+
background-color: rgba(33, 33, 33, 0.94);
|
|
309
|
+
color: #FFF;
|
|
310
|
+
font-size: 13px;
|
|
311
|
+
line-height: 1.4;
|
|
312
|
+
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
|
|
313
|
+
opacity: 0;
|
|
314
|
+
pointer-events: none;
|
|
315
|
+
transform: translateY(10px);
|
|
316
|
+
transition: opacity 150ms ease, transform 150ms ease;
|
|
317
|
+
z-index: 2000;
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
.wcdv_toast.wcdv_toast_visible {
|
|
321
|
+
opacity: 1;
|
|
322
|
+
transform: translateY(0);
|
|
323
|
+
}
|
|
324
|
+
|
|
296
325
|
/******************************************************************************/
|
|
297
326
|
|
|
298
327
|
.wcdv_grid_content {
|
|
@@ -733,6 +762,23 @@ button.wcdv_operation[data-operation-type="cell"]:disabled > svg.wcdv_icon {
|
|
|
733
762
|
margin: -0.3333em 0 -0.3333em 0;
|
|
734
763
|
}
|
|
735
764
|
|
|
765
|
+
.wcdv_sort_priority_badge {
|
|
766
|
+
display: inline-flex;
|
|
767
|
+
align-items: center;
|
|
768
|
+
justify-content: center;
|
|
769
|
+
min-width: 1.25em;
|
|
770
|
+
height: 1.25em;
|
|
771
|
+
padding: 0 0.25em;
|
|
772
|
+
margin: 0 0.35em 0 0.05em;
|
|
773
|
+
border-radius: 0.7em;
|
|
774
|
+
background-color: #FFF;
|
|
775
|
+
color: #737373;
|
|
776
|
+
font-size: 0.7em;
|
|
777
|
+
font-weight: bold;
|
|
778
|
+
line-height: 1;
|
|
779
|
+
vertical-align: super;
|
|
780
|
+
}
|
|
781
|
+
|
|
736
782
|
/*
|
|
737
783
|
td.wcdv_group_col_spacer,
|
|
738
784
|
td.wcdv_group_value {
|
|
@@ -1092,6 +1138,14 @@ tr.wcdvgrid_more td {
|
|
|
1092
1138
|
background-color: rgba(255, 235, 59, .4);
|
|
1093
1139
|
}
|
|
1094
1140
|
|
|
1141
|
+
.wcdv_grid_table table td.wcdv_selected_cell {
|
|
1142
|
+
background-color: rgba(33, 150, 243, 0.25);
|
|
1143
|
+
}
|
|
1144
|
+
|
|
1145
|
+
.wcdv_grid_table table td.wcdv_selected_cell_anchor {
|
|
1146
|
+
box-shadow: inset 0 0 0 2px #1E88E5;
|
|
1147
|
+
}
|
|
1148
|
+
|
|
1095
1149
|
.wcdv_grid_table table td.wcdv_focus {
|
|
1096
1150
|
background-color: rgba(76, 175, 80, .3);
|
|
1097
1151
|
}
|
|
@@ -1651,6 +1705,36 @@ table tfoot.sticky {
|
|
|
1651
1705
|
flex: 1;
|
|
1652
1706
|
}
|
|
1653
1707
|
|
|
1708
|
+
.wcdv-popup-menu .wcdv-popup-menu-item-action {
|
|
1709
|
+
flex-shrink: 0;
|
|
1710
|
+
display: inline-flex;
|
|
1711
|
+
align-items: center;
|
|
1712
|
+
justify-content: center;
|
|
1713
|
+
margin-left: 12px;
|
|
1714
|
+
padding: 0px;
|
|
1715
|
+
border: 1px solid #0095D6;
|
|
1716
|
+
border-radius: 4px;
|
|
1717
|
+
background: transparent;
|
|
1718
|
+
color: #0095D6;
|
|
1719
|
+
cursor: pointer;
|
|
1720
|
+
}
|
|
1721
|
+
|
|
1722
|
+
.wcdv-popup-menu .wcdv-popup-menu-item-action:hover {
|
|
1723
|
+
background-color: #0095D6;
|
|
1724
|
+
border-color: #0095D6;
|
|
1725
|
+
color: #fff;
|
|
1726
|
+
}
|
|
1727
|
+
|
|
1728
|
+
.wcdv-popup-menu-item-action svg.wcdv_icon {
|
|
1729
|
+
width: 16px;
|
|
1730
|
+
height: 16px;
|
|
1731
|
+
margin-right: 0;
|
|
1732
|
+
}
|
|
1733
|
+
|
|
1734
|
+
.wcdv-popup-menu-item-action svg.wcdv_icon:hover {
|
|
1735
|
+
color: #fff;
|
|
1736
|
+
}
|
|
1737
|
+
|
|
1654
1738
|
.wcdv-popup-menu-sep {
|
|
1655
1739
|
height: 0;
|
|
1656
1740
|
margin: 4px 8px;
|