@mescius/spread-sheets 18.1.4 → 18.2.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.
Files changed (10) hide show
  1. package/dist/gc.spread.sheets.all.min.js +2 -1061
  2. package/dist/gc.spread.sheets.d.ts +1017 -662
  3. package/package.json +1 -1
  4. package/styles/gc.spread.sheets.css +170 -29
  5. package/styles/gc.spread.sheets.excel2013darkGray.css +156 -29
  6. package/styles/gc.spread.sheets.excel2013lightGray.css +156 -29
  7. package/styles/gc.spread.sheets.excel2013white.css +154 -27
  8. package/styles/gc.spread.sheets.excel2016black.css +169 -38
  9. package/styles/gc.spread.sheets.excel2016colorful.css +156 -29
  10. package/styles/gc.spread.sheets.excel2016darkGray.css +156 -29
package/styles/gc.spread.sheets.excel2013darkGray.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --sjs-theme-gray-bg: rgba(51,51,51,.1);
12
12
  --sjs-theme-border-color: #DAE2ED;
13
13
  --sjs-theme-error-color: #BE1F1F;
14
+ --sjs-theme-border-radius: 0;
14
15
  }
15
16
 
16
17
  /*-----common css start-----*/
@@ -1435,6 +1436,54 @@ div.gc-search-outer-div input::-ms-clear {
1435
1436
  cursor: default;
1436
1437
  }
1437
1438
 
1439
+ .gc-ui-search-contextmenu-container {
1440
+ box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 5px;
1441
+ font-family: "Segoe UI", Calibri, Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
1442
+ font-size: 9pt;
1443
+ background: white;
1444
+ border: 1px solid #c6c6c6;
1445
+ color: #444444;
1446
+ cursor: default;
1447
+ min-width: 200px;
1448
+ padding: 5px 0;
1449
+ border-radius: var(--sjs-theme-border-radius);
1450
+ }
1451
+
1452
+ .gc-ui-search-contextmenu-items-container {
1453
+ border: none;
1454
+ box-shadow: none;
1455
+ scrollbar-width: thin;
1456
+ }
1457
+
1458
+ .gc-ui-none-icon-contextmenu-container .gc-ui-contextmenu-icon {
1459
+ margin-right: 0;
1460
+ }
1461
+
1462
+ .gc-ui-contextmenu-search-label {
1463
+ margin: 2px auto;
1464
+ width: 170px;
1465
+ display: block;
1466
+ box-sizing: border-box;
1467
+ font-size: 12px;
1468
+ }
1469
+
1470
+ .gc-ui-contextmenu-search-box {
1471
+ margin: 5px auto;
1472
+ width: 170px;
1473
+ height: 26px;
1474
+ display: block;
1475
+ padding: 1px 8px;
1476
+ box-sizing: border-box;
1477
+ border: 1px solid #c6c6c6;
1478
+ font-size: 12px;
1479
+ border-radius: var(--sjs-theme-border-radius);
1480
+ }
1481
+
1482
+ .gc-ui-contextmenu-search-box:focus {
1483
+ border: 1px solid #c6c6c6;
1484
+ outline: none;
1485
+ }
1486
+
1438
1487
  .gc-ui-contextmenu-menuitem-all-sheets-select-sheets-background-color {
1439
1488
  background: #dddddd;
1440
1489
  }
@@ -2010,6 +2059,40 @@ input.gc-checkbox-cell-type-input[type=checkbox]:after {
2010
2059
  .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content {
2011
2060
  padding: 7px 7px 0 7px;
2012
2061
  }
2062
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content span {
2063
+ display: inline-block;
2064
+ font-size: 12px;
2065
+ }
2066
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-paste-special-dialog-transform-formula-label {
2067
+ width: 60px;
2068
+ }
2069
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-paste-special-dialog-transform-formula-suffix {
2070
+ width: 20px;
2071
+ }
2072
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-transform-formula-editor-input {
2073
+ width: 180px;
2074
+ font-size: 12px;
2075
+ padding: 1px 4px;
2076
+ border: 1px solid #000;
2077
+ }
2078
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-transform-formula-editor-input:focus-visible {
2079
+ border-width: 1px;
2080
+ outline: none;
2081
+ }
2082
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-transform-scope-select {
2083
+ font-size: 12px;
2084
+ }
2085
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-paste-special-dialog-transform-scope-label {
2086
+ width: 60px;
2087
+ }
2088
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-transform-formula-editor-host {
2089
+ display: inline-block;
2090
+ }
2091
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content #gc-sjs-transform-formula-container.disable,
2092
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content #gc-sjs-transform-scope-container.disable {
2093
+ opacity: 0.3;
2094
+ pointer-events: none;
2095
+ }
2013
2096
  .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-footer {
2014
2097
  padding: 7px;
2015
2098
  justify-content: space-between;
@@ -2023,6 +2106,11 @@ input.gc-checkbox-cell-type-input[type=checkbox]:after {
2023
2106
  margin-left: 10px;
2024
2107
  }
2025
2108
 
2109
+ .gc-validation-select option:hover {
2110
+ background-color: #1967d2;
2111
+ color: #fff;
2112
+ }
2113
+
2026
2114
  /* status bar end */
2027
2115
  div[gcUIElement=gcSpread] .gc-month-picker-container {
2028
2116
  font-size: 12px;
@@ -3294,12 +3382,19 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
3294
3382
  .gc-panel-views > div > input {
3295
3383
  color: black;
3296
3384
  }
3385
+ .gc-panel-views .gc-panel-views-content {
3386
+ width: calc(100% - 50px);
3387
+ display: inline-block;
3388
+ border: 1px solid #d4d4d4;
3389
+ white-space: nowrap;
3390
+ }
3297
3391
 
3298
3392
  .gc-panel-viewList {
3299
3393
  position: absolute;
3300
3394
  bottom: 10px;
3301
- background-color: #fff;
3302
- border: 1px solid #CBCBCB;
3395
+ background-color: #FDFDFD;
3396
+ color: black;
3397
+ border: 1px solid #d4d4d4;
3303
3398
  border-radius: 5px;
3304
3399
  font-size: 14px;
3305
3400
  min-height: 21px;
@@ -6846,12 +6941,12 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6846
6941
 
6847
6942
  .gc-table-sheet-panel, .gc-table-sheet-cross-column {
6848
6943
  position: relative;
6849
- background-color: white;
6944
+ background-color: var(--sjs-theme-background);
6850
6945
  box-sizing: border-box;
6851
6946
  width: 100%;
6852
6947
  min-width: 300px;
6853
6948
  height: 100%;
6854
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
6949
+ font-family: var(--sjs-theme-font-family);
6855
6950
  font-size: 12px;
6856
6951
  overflow-x: hidden;
6857
6952
  overflow-y: hidden;
@@ -6863,7 +6958,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6863
6958
  margin: 5px 10px 0 10px;
6864
6959
  width: calc(100% - 20px);
6865
6960
  height: calc(100% - 30px);
6866
- border: solid 1px lightgray;
6961
+ border: solid 1px var(--sjs-theme-border-color);
6962
+ }
6963
+ .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 {
6964
+ width: 80%;
6867
6965
  }
6868
6966
  .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 {
6869
6967
  white-space: normal;
@@ -6884,8 +6982,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6884
6982
  width: calc(100% - 20px);
6885
6983
  overflow-y: auto;
6886
6984
  overflow-x: hidden;
6887
- background-color: white;
6888
- border: solid 1px lightgrey;
6985
+ background-color: var(--sjs-theme-background);
6986
+ border: solid 1px var(--sjs-theme-border-color);
6889
6987
  }
6890
6988
  .gc-table-sheet-panel .gc-table-sheet-cross-column-list-container, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-list-container {
6891
6989
  height: 20%;
@@ -6903,12 +7001,14 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6903
7001
  height: 30%;
6904
7002
  overflow-y: auto;
6905
7003
  overflow-x: hidden;
6906
- background-color: white;
7004
+ background-color: var(--sjs-theme-background);
6907
7005
  }
6908
7006
  .gc-table-sheet-group-panel.half-height, .gc-table-sheet-cross-column-list-container.half-height, .gc-table-sheet-cross-column-detail.half-height {
6909
7007
  height: 50% !important;
6910
7008
  }
6911
7009
  .gc-table-sheet-group-panel .gc-table-sheet-group-input, .gc-table-sheet-cross-column-list-container .gc-table-sheet-group-input, .gc-table-sheet-cross-column-detail .gc-table-sheet-group-input {
7010
+ background: var(--sjs-theme-background);
7011
+ color: var(--sjs-theme-color);
6912
7012
  position: absolute;
6913
7013
  left: 1px;
6914
7014
  width: calc(100% - 8px);
@@ -6923,6 +7023,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6923
7023
 
6924
7024
  .gc-table-sheet-group-header, .gc-table-sheet-cross-column-header {
6925
7025
  box-sizing: border-box;
7026
+ color: var(--sjs-theme-color);
6926
7027
  outline: none;
6927
7028
  width: 100%;
6928
7029
  height: 20px;
@@ -6936,7 +7037,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6936
7037
  width: calc(100% - 20px);
6937
7038
  height: calc(100% - 40px);
6938
7039
  margin: 6px 0 0 9px;
6939
- border: dashed lightgray 1px;
7040
+ border: dashed var(--sjs-theme-border-color) 1px;
6940
7041
  overflow-y: auto;
6941
7042
  overflow-x: hidden;
6942
7043
  padding-inline-start: 0px;
@@ -6946,7 +7047,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6946
7047
  height: 23px;
6947
7048
  line-height: 23px;
6948
7049
  margin: 2px;
6949
- background-color: #f2f2ff;
7050
+ background-color: var(--sjs-theme-background);
7051
+ color: var(--sjs-theme-color);
6950
7052
  box-sizing: border-box;
6951
7053
  text-overflow: ellipsis;
6952
7054
  overflow: hidden;
@@ -6954,7 +7056,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6954
7056
  white-space: nowrap;
6955
7057
  margin-bottom: 1px;
6956
7058
  font-size: 12px;
6957
- border: 1px solid #CBCBCB;
7059
+ border: 1px solid var(--sjs-theme-border-color);
6958
7060
  outline: none;
6959
7061
  }
6960
7062
  .gc-table-sheet-group-list .gc-table-sheet-cross-column-item-input, .gc-table-sheet-cross-column-list .gc-table-sheet-cross-column-item-input, .gc-table-sheet-cross-column-attributes-list .gc-table-sheet-cross-column-item-input {
@@ -6974,19 +7076,19 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6974
7076
  }
6975
7077
  .gc-table-sheet-group-list .gc-table-sheet-group-item:hover, .gc-table-sheet-group-list .gc-table-sheet-cross-column-item:hover, .gc-table-sheet-cross-column-list .gc-table-sheet-group-item:hover, .gc-table-sheet-cross-column-list .gc-table-sheet-cross-column-item:hover, .gc-table-sheet-cross-column-attributes-list .gc-table-sheet-group-item:hover, .gc-table-sheet-cross-column-attributes-list .gc-table-sheet-cross-column-item:hover {
6976
7078
  cursor: pointer;
6977
- border: solid 1px #217346;
7079
+ border: solid 1px var(--sjs-theme-accent);
6978
7080
  }
6979
7081
  .gc-table-sheet-group-list .gc-table-sheet-group-item-reorder-top, .gc-table-sheet-group-list .gc-table-sheet-cross-column-item-reorder-top, .gc-table-sheet-cross-column-list .gc-table-sheet-group-item-reorder-top, .gc-table-sheet-cross-column-list .gc-table-sheet-cross-column-item-reorder-top, .gc-table-sheet-cross-column-attributes-list .gc-table-sheet-group-item-reorder-top, .gc-table-sheet-cross-column-attributes-list .gc-table-sheet-cross-column-item-reorder-top {
6980
- border: 1px solid #CBCBCB !important;
6981
- border-top: solid 1px #217346 !important;
7082
+ border: 1px solid var(--sjs-theme-border-color) !important;
7083
+ border-top: solid 1px var(--sjs-theme-accent) !important;
6982
7084
  }
6983
7085
  .gc-table-sheet-group-list .gc-table-sheet-group-item-reorder-bottom, .gc-table-sheet-group-list .gc-table-sheet-cross-column-item-reorder-bottom, .gc-table-sheet-cross-column-list .gc-table-sheet-group-item-reorder-bottom, .gc-table-sheet-cross-column-list .gc-table-sheet-cross-column-item-reorder-bottom, .gc-table-sheet-cross-column-attributes-list .gc-table-sheet-group-item-reorder-bottom, .gc-table-sheet-cross-column-attributes-list .gc-table-sheet-cross-column-item-reorder-bottom {
6984
- border: 1px solid #CBCBCB !important;
6985
- border-bottom: solid 1px #217346 !important;
7086
+ border: 1px solid var(--sjs-theme-border-color) !important;
7087
+ border-bottom: solid 1px var(--sjs-theme-accent) !important;
6986
7088
  }
6987
7089
  .gc-table-sheet-group-list .selected, .gc-table-sheet-cross-column-list .selected, .gc-table-sheet-cross-column-attributes-list .selected {
6988
- background-color: #227347 !important;
6989
- color: white !important;
7090
+ background-color: var(--sjs-theme-accent) !important;
7091
+ color: var(--sjs-theme-accent-color) !important;
6990
7092
  }
6991
7093
  .gc-table-sheet-group-list .selected .gc-table-sheet-group-item-remove, .gc-table-sheet-cross-column-list .selected .gc-table-sheet-group-item-remove, .gc-table-sheet-cross-column-attributes-list .selected .gc-table-sheet-group-item-remove {
6992
7094
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE5XzE2MjApIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuODk1MDggMS4yODYyMUM2LjA3MzgyIDEuMTAwNjIgNi4zMTIxNiAxIDYuNTU2NTEgMUg5LjQ0NTk1QzkuNjkwMzEgMSA5LjkyODY0IDEuMTAwNjIgMTAuMTA3NCAxLjI4NjIxQzEwLjI4NjcgMS40NzI0NCAxMC4zOTA3IDEuNzI4OTEgMTAuMzkwNyAyLjAwMDA5VjMuMDAwMThINS42MTE3OVYyLjAwMDA5QzUuNjExNzkgMS43Mjg5MSA1LjcxNTcyIDEuNDcyNDQgNS44OTUwOCAxLjI4NjIxWk00LjYxMTc5IDMuMDAwMThWMi4wMDAwOUM0LjYxMTc5IDEuNDc1NTggNC44MTIyOSAwLjk2ODkzMiA1LjE3NDggMC41OTI1MjNDNS41Mzc5NCAwLjIxNTQ3NCA2LjAzNDU0IDAgNi41NTY1MSAwSDkuNDQ1OTVDOS45Njc5MiAwIDEwLjQ2NDUgMC4yMTU0NzQgMTAuODI3NyAwLjU5MjUyM0MxMS4xOTAyIDAuOTY4OTMyIDExLjM5MDcgMS40NzU1OCAxMS4zOTA3IDIuMDAwMDlWMy4wMDAxOEgxMy4wNTc3SDE0LjUwMjVDMTQuNzc4NiAzLjAwMDE4IDE1LjAwMjUgMy4yMjQwNCAxNS4wMDI1IDMuNTAwMThDMTUuMDAyNSAzLjc3NjMzIDE0Ljc3ODYgNC4wMDAxOCAxNC41MDI1IDQuMDAwMThIMTMuNTU3N1YxNC4wMDA4QzEzLjU1NzcgMTQuNTI1MyAxMy4zNTcyIDE1LjAzMiAxMi45OTQ3IDE1LjQwODRDMTIuNjMxNiAxNS43ODU0IDEyLjEzNSAxNi4wMDA5IDExLjYxMyAxNi4wMDA5SDQuMzg5NDRDMy44Njc0NyAxNi4wMDA5IDMuMzcwODYgMTUuNzg1NCAzLjAwNzczIDE1LjQwODRDMi42NDUyMSAxNS4wMzIgMi40NDQ3MiAxNC41MjUzIDIuNDQ0NzIgMTQuMDAwOFY0LjAwMDE4SDEuNUMxLjIyMzg2IDQuMDAwMTggMSAzLjc3NjMzIDEgMy41MDAxOEMxIDMuMjI0MDQgMS4yMjM4NiAzLjAwMDE4IDEuNSAzLjAwMDE4SDIuOTQ0NzJINC42MTE3OVpNMy40NDQ3MiA0LjAwMDE4VjE0LjAwMDhDMy40NDQ3MiAxNC4yNzIgMy41NDg2NCAxNC41Mjg1IDMuNzI4IDE0LjcxNDdDMy45MDY3NSAxNC45MDAzIDQuMTQ1MDggMTUuMDAwOSA0LjM4OTQ0IDE1LjAwMDlIMTEuNjEzQzExLjg1NzQgMTUuMDAwOSAxMi4wOTU3IDE0LjkwMDMgMTIuMjc0NSAxNC43MTQ3QzEyLjQ1MzggMTQuNTI4NSAxMi41NTc3IDE0LjI3MiAxMi41NTc3IDE0LjAwMDhWNC4wMDAxOEgzLjQ0NDcyWk02LjUgN0M2Ljc3NjE0IDcgNyA3LjIwMzUgNyA3LjQ1NDUyVjExLjU0NTVDNyAxMS43OTY1IDYuNzc2MTQgMTIgNi41IDEyQzYuMjIzODYgMTIgNiAxMS43OTY1IDYgMTEuNTQ1NVY3LjQ1NDUyQzYgNy4yMDM1IDYuMjIzODYgNyA2LjUgN1pNMTAgNy40NTQ1MkMxMCA3LjIwMzUgOS43NzYxNCA3IDkuNSA3QzkuMjIzODYgNyA5IDcuMjAzNSA5IDcuNDU0NTJWMTEuNTQ1NUM5IDExLjc5NjUgOS4yMjM4NiAxMiA5LjUgMTJDOS43NzYxNCAxMiAxMCAxMS43OTY1IDEwIDExLjU0NTVWNy40NTQ1MloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTlfMTYyMCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0idHJhbnNwYXJlbnQiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
@@ -6997,6 +7099,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6997
7099
  .gc-table-sheet-group-list .selected .gc-table-sheet-cross-column-item-edit, .gc-table-sheet-cross-column-list .selected .gc-table-sheet-cross-column-item-edit, .gc-table-sheet-cross-column-attributes-list .selected .gc-table-sheet-cross-column-item-edit {
6998
7100
  background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzMjA5MjY3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg0NzMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcyNi42NTI4MDEgNDI5LjMwNTYwMyAyOTcuMzQ3MTk5IDQyOS4zMDU2MDMgNTEyLjE5MzQwNSA2MzguMTU2MjU4WiIgcC1pZD0iODQ3NCIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
6999
7101
  }
7102
+ .gc-table-sheet-group-list .selected .gc-table-sheet-summary-item-label, .gc-table-sheet-cross-column-list .selected .gc-table-sheet-summary-item-label, .gc-table-sheet-cross-column-attributes-list .selected .gc-table-sheet-summary-item-label {
7103
+ color: var(--sjs-theme-accent-color);
7104
+ }
7000
7105
  .gc-table-sheet-group-list .gc-table-sheet-group-item-label, .gc-table-sheet-group-list .gc-table-sheet-cross-column-item-label, .gc-table-sheet-cross-column-list .gc-table-sheet-group-item-label, .gc-table-sheet-cross-column-list .gc-table-sheet-cross-column-item-label, .gc-table-sheet-cross-column-attributes-list .gc-table-sheet-group-item-label, .gc-table-sheet-cross-column-attributes-list .gc-table-sheet-cross-column-item-label {
7001
7106
  margin-left: 5px;
7002
7107
  width: 80%;
@@ -7041,10 +7146,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7041
7146
  height: initial;
7042
7147
  }
7043
7148
  .gc-table-sheet-group-list .gc-table-sheet-cross-column-item-editing .gc-table-sheet-cross-column-item-edit, .gc-table-sheet-cross-column-list .gc-table-sheet-cross-column-item-editing .gc-table-sheet-cross-column-item-edit, .gc-table-sheet-cross-column-attributes-list .gc-table-sheet-cross-column-item-editing .gc-table-sheet-cross-column-item-edit {
7044
- background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzNzY1NTA5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg4NjMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTI5Ny4zNDcxOTkgNjM4LjE1NjI1OCA3MjYuNjUyODAxIDYzOC4xNTYyNTggNTExLjgwNjU5NSA0MjkuMzA1NjAzWiIgcC1pZD0iODg2NCIgZmlsbD0iIzY2NjY2NiI+PC9wYXRoPjwvc3ZnPg==);
7149
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzMjA5MjY3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg0NzMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcyNi42NTI4MDEgNDI5LjMwNTYwMyAyOTcuMzQ3MTk5IDQyOS4zMDU2MDMgNTEyLjE5MzQwNSA2MzguMTU2MjU4WiIgcC1pZD0iODQ3NCIgZmlsbD0iIzY2NjY2NiI+PC9wYXRoPjwvc3ZnPg==);
7045
7150
  }
7046
7151
  .gc-table-sheet-group-list .gc-table-sheet-cross-column-item-editing.selected .gc-table-sheet-cross-column-item-edit, .gc-table-sheet-cross-column-list .gc-table-sheet-cross-column-item-editing.selected .gc-table-sheet-cross-column-item-edit, .gc-table-sheet-cross-column-attributes-list .gc-table-sheet-cross-column-item-editing.selected .gc-table-sheet-cross-column-item-edit {
7047
- background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzNzY1NTA5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg4NjMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTI5Ny4zNDcxOTkgNjM4LjE1NjI1OCA3MjYuNjUyODAxIDYzOC4xNTYyNTggNTExLjgwNjU5NSA0MjkuMzA1NjAzWiIgcC1pZD0iODg2NCIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
7152
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzMjA5MjY3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg0NzMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcyNi42NTI4MDEgNDI5LjMwNTYwMyAyOTcuMzQ3MTk5IDQyOS4zMDU2MDMgNTEyLjE5MzQwNSA2MzguMTU2MjU4WiIgcC1pZD0iODQ3NCIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
7048
7153
  }
7049
7154
  .gc-table-sheet-group-list .gc-table-sheet-cross-column-attributes-formatter, .gc-table-sheet-cross-column-list .gc-table-sheet-cross-column-attributes-formatter, .gc-table-sheet-cross-column-attributes-list .gc-table-sheet-cross-column-attributes-formatter {
7050
7155
  float: left;
@@ -7057,11 +7162,12 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7057
7162
  top: 50%;
7058
7163
  transform: translate(-50%, -50%);
7059
7164
  opacity: 0.75;
7060
- color: #181D1F;
7165
+ color: var(--sjs-theme-color);
7061
7166
  }
7062
7167
 
7063
7168
  .gc-table-sheet-field-header {
7064
7169
  display: block;
7170
+ color: var(--sjs-theme-color);
7065
7171
  box-sizing: border-box;
7066
7172
  outline: none;
7067
7173
  width: 100%;
@@ -7107,7 +7213,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7107
7213
  height: calc(30% - 10px);
7108
7214
  overflow-y: hidden;
7109
7215
  overflow-x: hidden;
7110
- background-color: white;
7216
+ background-color: var(--sjs-theme-background);
7111
7217
  border: solid 1px lightgrey;
7112
7218
  }
7113
7219
  .gc-table-sheet-summary-container.half-height, .gc-table-sheet-cross-column-detail.half-height {
@@ -7115,10 +7221,11 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7115
7221
  }
7116
7222
 
7117
7223
  .gc-table-sheet-summary-header {
7118
- background-color: #D3E3DA;
7224
+ background-color: #D7E6F7;
7119
7225
  font-weight: 500;
7120
7226
  }
7121
7227
  .gc-table-sheet-summary-header .gc-table-sheet-summary-label {
7228
+ color: #333;
7122
7229
  width: 80%;
7123
7230
  height: 20px;
7124
7231
  line-height: 20px;
@@ -7164,7 +7271,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7164
7271
  width: 60%;
7165
7272
  height: 16px;
7166
7273
  display: inline-block;
7167
- border: solid 1px lightgrey;
7274
+ border: solid 1px var(--sjs-theme-border-color);
7275
+ color: var(--sjs-theme-color);
7276
+ background-color: var(--sjs-theme-background);
7168
7277
  outline-color: rgb(82, 146, 247);
7169
7278
  }
7170
7279
 
@@ -7186,6 +7295,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7186
7295
  line-height: 23px;
7187
7296
  margin: 2px;
7188
7297
  background-color: #f2f2ff;
7298
+ color: var(--sjs-theme-color);
7189
7299
  box-sizing: border-box;
7190
7300
  text-overflow: ellipsis;
7191
7301
  overflow: hidden;
@@ -7193,7 +7303,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7193
7303
  white-space: nowrap;
7194
7304
  margin-bottom: 1px;
7195
7305
  font-size: 12px;
7196
- border: 1px solid #CBCBCB;
7306
+ border: 1px solid var(--sjs-theme-border-color);
7197
7307
  outline: none;
7198
7308
  }
7199
7309
  .gc-table-sheet-cross-column-attributes-list-container .gc-table-sheet-cross-column-attributes-list .gc-table-sheet-cross-column-static-list-item .gc-table-sheet-cross-column-item-label {
@@ -7226,6 +7336,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7226
7336
  }
7227
7337
 
7228
7338
  .gc-table-sheet-cross-item-input-name {
7339
+ background-color: var(--sjs-theme-background);
7340
+ color: var(--sjs-theme-color);
7229
7341
  width: calc(60% - 20px);
7230
7342
  height: 16px;
7231
7343
  display: inline-block;
@@ -7245,6 +7357,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7245
7357
  position: relative;
7246
7358
  z-index: 1;
7247
7359
  outline: none;
7360
+ background-color: var(--sjs-theme-background);
7361
+ color: var(--sjs-theme-color);
7248
7362
  }
7249
7363
 
7250
7364
  .gc-table-sheet-cross-column-value-caption {
@@ -7278,13 +7392,21 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7278
7392
 
7279
7393
  .gc-table-sheet-summary-item-select {
7280
7394
  width: 60%;
7281
- background-color: white;
7395
+ color: var(--sjs-theme-color);
7396
+ background-color: var(--sjs-theme-background);
7282
7397
  border: solid 1px #d3d3d3;
7283
7398
  box-sizing: content-box;
7284
7399
  padding: 1px 2px;
7400
+ appearance: none;
7401
+ outline: none;
7402
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath fill=%27%23666%27 fill-rule=%27evenodd%27 d=%27M3 5h10l-5 5z%27/%3E%3C/svg%3E");
7403
+ background-position: right center;
7404
+ background-repeat: no-repeat;
7405
+ cursor: pointer;
7285
7406
  }
7286
7407
 
7287
7408
  .gc-table-sheet-summary-item-label {
7409
+ color: var(--sjs-theme-color);
7288
7410
  width: 25%;
7289
7411
  display: inline-block;
7290
7412
  margin-left: 5px;
@@ -7296,10 +7418,15 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7296
7418
  display: inline-block;
7297
7419
  border: solid 1px lightgrey;
7298
7420
  outline-color: rgb(82, 146, 247);
7421
+ background-color: var(--sjs-theme-background);
7422
+ color: var(--sjs-theme-color);
7299
7423
  }
7300
7424
 
7301
7425
  .gc-table-sheet-summary-item-input-caption, .gc-table-sheet-summary-item-input-slice {
7302
7426
  width: 60%;
7427
+ border: solid 1px var(--sjs-theme-border-color);
7428
+ color: var(--sjs-theme-color);
7429
+ background-color: var(--sjs-theme-background);
7303
7430
  }
7304
7431
 
7305
7432
  .gc-table-sheet-summary-item-remove-icon {
@@ -7319,12 +7446,12 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7319
7446
  line-height: 23px;
7320
7447
  height: 18px;
7321
7448
  position: absolute;
7322
- background-color: white;
7323
- border: 1px solid #CBCBCB;
7449
+ background-color: var(--sjs-theme-background);
7450
+ border: 1px solid var(--sjs-theme-border-color);
7324
7451
  box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 5px;
7325
7452
  min-width: 200px;
7326
7453
  font-size: 13px;
7327
- color: rgba(0, 0, 0, 0.6);
7454
+ color: var(--sjs-theme-color);
7328
7455
  letter-spacing: 0.2px;
7329
7456
  z-index: 3;
7330
7457
  }