@mescius/spread-sheets 17.1.10 → 18.0.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.
Files changed (11) hide show
  1. package/README.md +15 -18
  2. package/dist/gc.spread.sheets.all.min.js +278 -108
  3. package/dist/gc.spread.sheets.d.ts +2331 -60
  4. package/package.json +1 -1
  5. package/styles/gc.spread.sheets.css +43 -5
  6. package/styles/gc.spread.sheets.excel2013darkGray.css +45 -5
  7. package/styles/gc.spread.sheets.excel2013lightGray.css +45 -5
  8. package/styles/gc.spread.sheets.excel2013white.css +45 -5
  9. package/styles/gc.spread.sheets.excel2016black.css +45 -5
  10. package/styles/gc.spread.sheets.excel2016colorful.css +45 -5
  11. package/styles/gc.spread.sheets.excel2016darkGray.css +45 -5
package/styles/gc.spread.sheets.excel2016colorful.css CHANGED
@@ -1445,6 +1445,11 @@ div.gc-search-outer-div input::-ms-clear {
1445
1445
  background-repeat: no-repeat;
1446
1446
  }
1447
1447
 
1448
+ .gc-spread-pivotShowSubtotal {
1449
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAO5JREFUOBFjYBgFRIfAjRs3eI8dO7bz+PHjRsiaWJA5uNhnzpxhffny5dr///+7MjExgfQ4w9QywRggev/+/Rx79+6NRBYDamJ8//79/J8/f7r+/v373q9fv6KQ5VEM+Pbt24rv378v27ZtWwFMEZDdCdQUDdT8+u/fv+4uLi4vYXIgmhGZs3HjRr9///6tBYoxA3EqEPMAXTCBkZHxKzMzs6Ofn99pZPUgNooBIIGVK1eCvLAEqJEB6F9GIP0XSPuFhoZuB8mjAwwDQAoWL16cAtQ4G6o4MS4ubgGUTTw1b968wrlz51YRr2PkqgQA82JlH8nI1QYAAAAASUVORK5CYII=);
1450
+ background-repeat: no-repeat;
1451
+ }
1452
+
1448
1453
  .gc-spread-pivotShowDetails {
1449
1454
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZwdCIgaGVpZ2h0PSIxNnB0IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOmV2ZW5vZGQ7ZmlsbDpyZ2IoNDAlLDQwJSw0MCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAxMi42Njc5NjkgMTAuNjY3OTY5IEwgMTIuNjY3OTY5IDExLjMzMjAzMSBMIDEwIDExLjMzMjAzMSBMIDEwIDEwLjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDguNjY3OTY5IEwgMTIuNjY3OTY5IDkuMzMyMDMxIEwgNy4zMzIwMzEgOS4zMzIwMzEgTCA3LjMzMjAzMSA4LjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDYuNjY3OTY5IEwgMTIuNjY3OTY5IDcuMzMyMDMxIEwgMTAgNy4zMzIwMzEgTCAxMCA2LjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDQuNjY3OTY5IEwgMTIuNjY3OTY5IDUuMzMyMDMxIEwgNy4zMzIwMzEgNS4zMzIwMzEgTCA3LjMzMjAzMSA0LjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDQuNjY3OTY5ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpldmVub2RkO2ZpbGw6cmdiKDI3LjA1ODgyNCUsNzIuOTQxMTc2JSw0My41Mjk0MTIlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gNS4zMzIwMzEgNS4zMzIwMzEgTCA1LjMzMjAzMSA2LjY2Nzk2OSBMIDYuNjY3OTY5IDYuNjY3OTY5IEwgNi42Njc5NjkgNy4zMzIwMzEgTCA1LjMzMjAzMSA3LjMzMjAzMSBMIDUuMzMyMDMxIDguNjY3OTY5IEwgNC42Njc5NjkgOC42Njc5NjkgTCA0LjY2Nzk2OSA3LjMzMjAzMSBMIDMuMzMyMDMxIDcuMzMyMDMxIEwgMy4zMzIwMzEgNi42Njc5NjkgTCA0LjY2Nzk2OSA2LjY2Nzk2OSBMIDQuNjY3OTY5IDUuMzMyMDMxIFogTSA1LjMzMjAzMSA1LjMzMjAzMSAiLz4KPC9nPgo8L3N2Zz4K);
1450
1455
  background-repeat: no-repeat;
@@ -2431,6 +2436,9 @@ div[gcUIElement=gcSpread] .gc-builtIn-date-Range-child-div {
2431
2436
  div[gcUIElement=gcSpread] .gc-builtIn-date-Range-child-div:not(.gc-builtIn-date-range-childDiv-select):hover {
2432
2437
  background-color: #e2f2ff;
2433
2438
  }
2439
+ div[gcUIElement=gcSpread] .gc-builtIn-date-Range-child-div.gc-cl-disabled-text:hover {
2440
+ background-color: #fff;
2441
+ }
2434
2442
  div[gcUIElement=gcSpread] .gc-builtIn-DateRangeChildDiv {
2435
2443
  margin: 5px 2px;
2436
2444
  height: 22px;
@@ -2473,6 +2481,9 @@ div[gcUIElement=gcSpread] .gc-date-ranges-result-div > * {
2473
2481
  display: inline-block;
2474
2482
  vertical-align: middle;
2475
2483
  }
2484
+ div[gcUIElement=gcSpread] .gc-date-ranges-result-div .gc-arrow-disable {
2485
+ opacity: 0.5;
2486
+ }
2476
2487
  div[gcUIElement=gcSpread] .gc-date-ranges-result-buttonDiv {
2477
2488
  position: static !important;
2478
2489
  transform: none !important;
@@ -3652,6 +3663,26 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
3652
3663
  background-color: #c5c5c5;
3653
3664
  }
3654
3665
 
3666
+ .selectable-item:focus {
3667
+ background-image: none;
3668
+ background-color: #c5c5c5;
3669
+ outline: none;
3670
+ }
3671
+
3672
+ .filter-dialog-container .selectable-item:focus,
3673
+ .filter-value-dialog-container .selectable-item:focus,
3674
+ .filter-top-ten-container .selectable-item:focus,
3675
+ .filter-date-dialog-container .selectable-item:focus,
3676
+ .gc-pivot-sort-dialog-container .selectable-item:focus {
3677
+ background-color: transparent;
3678
+ outline: 1px solid rgb(82, 146, 247);
3679
+ }
3680
+
3681
+ .gc-pivot-filter-selectable-item {
3682
+ background-image: none;
3683
+ background-color: #c5c5c5;
3684
+ }
3685
+
3655
3686
  .gc-drop-down-list-item-noHover,
3656
3687
  .gc-Filter-list-noHover {
3657
3688
  color: #b1b1b1;
@@ -3877,6 +3908,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
3877
3908
  }
3878
3909
 
3879
3910
  .filter-confirm {
3911
+ display: inline-block;
3880
3912
  user-select: none;
3881
3913
  -webkit-user-select: none;
3882
3914
  -moz-user-select: none;
@@ -3888,11 +3920,13 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
3888
3920
  margin-left: 10px;
3889
3921
  text-align: center;
3890
3922
  font-size: 12px;
3891
- float: right;
3892
3923
  font-weight: normal;
3893
3924
  color: rgb(0, 0, 0);
3894
3925
  border: 1px solid rgb(180, 180, 180);
3895
3926
  background-color: rgb(239, 239, 239);
3927
+ overflow: hidden;
3928
+ white-space: nowrap;
3929
+ text-overflow: ellipsis;
3896
3930
  }
3897
3931
 
3898
3932
  .filter-confirm:hover {
@@ -4671,6 +4705,11 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
4671
4705
  bottom: 12px;
4672
4706
  right: 12px;
4673
4707
  width: 100%;
4708
+ display: flex;
4709
+ justify-content: flex-end;
4710
+ }
4711
+ .gc-sort-close-dialog .gc-sort-confirm-close-dialog {
4712
+ float: right;
4674
4713
  }
4675
4714
 
4676
4715
  .gc-sort-summary {
@@ -6138,11 +6177,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6138
6177
  height: calc(100% - 30px);
6139
6178
  border: solid 1px lightgray;
6140
6179
  }
6141
- .gc-table-sheet-panel .gc-table-sheet-field-panel .gcsj-func-ac-popup, .gc-table-sheet-panel .gc-table-sheet-cross-column-field .gcsj-func-ac-popup, .gc-table-sheet-cross-column .gc-table-sheet-field-panel .gcsj-func-ac-popup, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-field .gcsj-func-ac-popup {
6142
- width: 80%;
6143
- }
6144
6180
  .gc-table-sheet-panel .gc-table-sheet-field-panel .gcsj-func-help-popup, .gc-table-sheet-panel .gc-table-sheet-cross-column-field .gcsj-func-help-popup, .gc-table-sheet-cross-column .gc-table-sheet-field-panel .gcsj-func-help-popup, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-field .gcsj-func-help-popup {
6145
- width: 80%;
6146
6181
  white-space: normal;
6147
6182
  }
6148
6183
  .gc-table-sheet-panel .gc-table-sheet-field-container, .gc-table-sheet-panel .gc-table-sheet-cross-column-field-container, .gc-table-sheet-cross-column .gc-table-sheet-field-container, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-field-container {
@@ -6915,3 +6950,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6915
6950
  color: #7E7E7E;
6916
6951
  background-color: #FFFFFF;
6917
6952
  }
6953
+
6954
+ .sjs-data-chart-tip {
6955
+ box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
6956
+ border-radius: 3px !important;
6957
+ }
package/styles/gc.spread.sheets.excel2016darkGray.css CHANGED
@@ -1441,6 +1441,11 @@ div.gc-search-outer-div input::-ms-clear {
1441
1441
  background-repeat: no-repeat;
1442
1442
  }
1443
1443
 
1444
+ .gc-spread-pivotShowSubtotal {
1445
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAO5JREFUOBFjYBgFRIfAjRs3eI8dO7bz+PHjRsiaWJA5uNhnzpxhffny5dr///+7MjExgfQ4w9QywRggev/+/Rx79+6NRBYDamJ8//79/J8/f7r+/v373q9fv6KQ5VEM+Pbt24rv378v27ZtWwFMEZDdCdQUDdT8+u/fv+4uLi4vYXIgmhGZs3HjRr9///6tBYoxA3EqEPMAXTCBkZHxKzMzs6Ofn99pZPUgNooBIIGVK1eCvLAEqJEB6F9GIP0XSPuFhoZuB8mjAwwDQAoWL16cAtQ4G6o4MS4ubgGUTTw1b968wrlz51YRr2PkqgQA82JlH8nI1QYAAAAASUVORK5CYII=);
1446
+ background-repeat: no-repeat;
1447
+ }
1448
+
1444
1449
  .gc-spread-pivotShowDetails {
1445
1450
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZwdCIgaGVpZ2h0PSIxNnB0IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOmV2ZW5vZGQ7ZmlsbDpyZ2IoNDAlLDQwJSw0MCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAxMi42Njc5NjkgMTAuNjY3OTY5IEwgMTIuNjY3OTY5IDExLjMzMjAzMSBMIDEwIDExLjMzMjAzMSBMIDEwIDEwLjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDguNjY3OTY5IEwgMTIuNjY3OTY5IDkuMzMyMDMxIEwgNy4zMzIwMzEgOS4zMzIwMzEgTCA3LjMzMjAzMSA4LjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDYuNjY3OTY5IEwgMTIuNjY3OTY5IDcuMzMyMDMxIEwgMTAgNy4zMzIwMzEgTCAxMCA2LjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDQuNjY3OTY5IEwgMTIuNjY3OTY5IDUuMzMyMDMxIEwgNy4zMzIwMzEgNS4zMzIwMzEgTCA3LjMzMjAzMSA0LjY2Nzk2OSBaIE0gMTIuNjY3OTY5IDQuNjY3OTY5ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpldmVub2RkO2ZpbGw6cmdiKDI3LjA1ODgyNCUsNzIuOTQxMTc2JSw0My41Mjk0MTIlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gNS4zMzIwMzEgNS4zMzIwMzEgTCA1LjMzMjAzMSA2LjY2Nzk2OSBMIDYuNjY3OTY5IDYuNjY3OTY5IEwgNi42Njc5NjkgNy4zMzIwMzEgTCA1LjMzMjAzMSA3LjMzMjAzMSBMIDUuMzMyMDMxIDguNjY3OTY5IEwgNC42Njc5NjkgOC42Njc5NjkgTCA0LjY2Nzk2OSA3LjMzMjAzMSBMIDMuMzMyMDMxIDcuMzMyMDMxIEwgMy4zMzIwMzEgNi42Njc5NjkgTCA0LjY2Nzk2OSA2LjY2Nzk2OSBMIDQuNjY3OTY5IDUuMzMyMDMxIFogTSA1LjMzMjAzMSA1LjMzMjAzMSAiLz4KPC9nPgo8L3N2Zz4K);
1446
1451
  background-repeat: no-repeat;
@@ -2427,6 +2432,9 @@ div[gcUIElement=gcSpread] .gc-builtIn-date-Range-child-div {
2427
2432
  div[gcUIElement=gcSpread] .gc-builtIn-date-Range-child-div:not(.gc-builtIn-date-range-childDiv-select):hover {
2428
2433
  background-color: #e2f2ff;
2429
2434
  }
2435
+ div[gcUIElement=gcSpread] .gc-builtIn-date-Range-child-div.gc-cl-disabled-text:hover {
2436
+ background-color: #fff;
2437
+ }
2430
2438
  div[gcUIElement=gcSpread] .gc-builtIn-DateRangeChildDiv {
2431
2439
  margin: 5px 2px;
2432
2440
  height: 22px;
@@ -2469,6 +2477,9 @@ div[gcUIElement=gcSpread] .gc-date-ranges-result-div > * {
2469
2477
  display: inline-block;
2470
2478
  vertical-align: middle;
2471
2479
  }
2480
+ div[gcUIElement=gcSpread] .gc-date-ranges-result-div .gc-arrow-disable {
2481
+ opacity: 0.5;
2482
+ }
2472
2483
  div[gcUIElement=gcSpread] .gc-date-ranges-result-buttonDiv {
2473
2484
  position: static !important;
2474
2485
  transform: none !important;
@@ -3648,6 +3659,26 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
3648
3659
  background-color: #969696;
3649
3660
  }
3650
3661
 
3662
+ .selectable-item:focus {
3663
+ background-image: none;
3664
+ background-color: #969696;
3665
+ outline: none;
3666
+ }
3667
+
3668
+ .filter-dialog-container .selectable-item:focus,
3669
+ .filter-value-dialog-container .selectable-item:focus,
3670
+ .filter-top-ten-container .selectable-item:focus,
3671
+ .filter-date-dialog-container .selectable-item:focus,
3672
+ .gc-pivot-sort-dialog-container .selectable-item:focus {
3673
+ background-color: transparent;
3674
+ outline: 1px solid rgb(82, 146, 247);
3675
+ }
3676
+
3677
+ .gc-pivot-filter-selectable-item {
3678
+ background-image: none;
3679
+ background-color: #969696;
3680
+ }
3681
+
3651
3682
  .gc-drop-down-list-item-noHover,
3652
3683
  .gc-Filter-list-noHover {
3653
3684
  color: #b1b1b1;
@@ -3873,6 +3904,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
3873
3904
  }
3874
3905
 
3875
3906
  .filter-confirm {
3907
+ display: inline-block;
3876
3908
  user-select: none;
3877
3909
  -webkit-user-select: none;
3878
3910
  -moz-user-select: none;
@@ -3884,11 +3916,13 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
3884
3916
  margin-left: 10px;
3885
3917
  text-align: center;
3886
3918
  font-size: 12px;
3887
- float: right;
3888
3919
  font-weight: normal;
3889
3920
  color: rgb(0, 0, 0);
3890
3921
  border: 1px solid rgb(180, 180, 180);
3891
3922
  background-color: rgb(239, 239, 239);
3923
+ overflow: hidden;
3924
+ white-space: nowrap;
3925
+ text-overflow: ellipsis;
3892
3926
  }
3893
3927
 
3894
3928
  .filter-confirm:hover {
@@ -4667,6 +4701,11 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
4667
4701
  bottom: 12px;
4668
4702
  right: 12px;
4669
4703
  width: 100%;
4704
+ display: flex;
4705
+ justify-content: flex-end;
4706
+ }
4707
+ .gc-sort-close-dialog .gc-sort-confirm-close-dialog {
4708
+ float: right;
4670
4709
  }
4671
4710
 
4672
4711
  .gc-sort-summary {
@@ -6134,11 +6173,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6134
6173
  height: calc(100% - 30px);
6135
6174
  border: solid 1px lightgray;
6136
6175
  }
6137
- .gc-table-sheet-panel .gc-table-sheet-field-panel .gcsj-func-ac-popup, .gc-table-sheet-panel .gc-table-sheet-cross-column-field .gcsj-func-ac-popup, .gc-table-sheet-cross-column .gc-table-sheet-field-panel .gcsj-func-ac-popup, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-field .gcsj-func-ac-popup {
6138
- width: 80%;
6139
- }
6140
6176
  .gc-table-sheet-panel .gc-table-sheet-field-panel .gcsj-func-help-popup, .gc-table-sheet-panel .gc-table-sheet-cross-column-field .gcsj-func-help-popup, .gc-table-sheet-cross-column .gc-table-sheet-field-panel .gcsj-func-help-popup, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-field .gcsj-func-help-popup {
6141
- width: 80%;
6142
6177
  white-space: normal;
6143
6178
  }
6144
6179
  .gc-table-sheet-panel .gc-table-sheet-field-container, .gc-table-sheet-panel .gc-table-sheet-cross-column-field-container, .gc-table-sheet-cross-column .gc-table-sheet-field-container, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-field-container {
@@ -6911,3 +6946,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6911
6946
  color: #C0C0C0;
6912
6947
  background-color: #515151;
6913
6948
  }
6949
+
6950
+ .sjs-data-chart-tip {
6951
+ box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
6952
+ border-radius: 3px !important;
6953
+ }