@mescius/spread-sheets 18.1.4 → 18.2.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 (10) hide show
  1. package/dist/gc.spread.sheets.all.min.js +2 -1061
  2. package/dist/gc.spread.sheets.d.ts +1015 -666
  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.excel2013lightGray.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
  }
@@ -2015,6 +2064,40 @@ input.gc-checkbox-cell-type-input[type=checkbox]:after {
2015
2064
  .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content {
2016
2065
  padding: 7px 7px 0 7px;
2017
2066
  }
2067
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content span {
2068
+ display: inline-block;
2069
+ font-size: 12px;
2070
+ }
2071
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-paste-special-dialog-transform-formula-label {
2072
+ width: 60px;
2073
+ }
2074
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-paste-special-dialog-transform-formula-suffix {
2075
+ width: 20px;
2076
+ }
2077
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-transform-formula-editor-input {
2078
+ width: 180px;
2079
+ font-size: 12px;
2080
+ padding: 1px 4px;
2081
+ border: 1px solid #000;
2082
+ }
2083
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-transform-formula-editor-input:focus-visible {
2084
+ border-width: 1px;
2085
+ outline: none;
2086
+ }
2087
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-transform-scope-select {
2088
+ font-size: 12px;
2089
+ }
2090
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-paste-special-dialog-transform-scope-label {
2091
+ width: 60px;
2092
+ }
2093
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-transform-formula-editor-host {
2094
+ display: inline-block;
2095
+ }
2096
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content #gc-sjs-transform-formula-container.disable,
2097
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content #gc-sjs-transform-scope-container.disable {
2098
+ opacity: 0.3;
2099
+ pointer-events: none;
2100
+ }
2018
2101
  .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-footer {
2019
2102
  padding: 7px;
2020
2103
  justify-content: space-between;
@@ -2028,6 +2111,11 @@ input.gc-checkbox-cell-type-input[type=checkbox]:after {
2028
2111
  margin-left: 10px;
2029
2112
  }
2030
2113
 
2114
+ .gc-validation-select option:hover {
2115
+ background-color: #1967d2;
2116
+ color: #fff;
2117
+ }
2118
+
2031
2119
  /* status bar end */
2032
2120
  div[gcUIElement=gcSpread] .gc-month-picker-container {
2033
2121
  font-size: 12px;
@@ -3299,12 +3387,19 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
3299
3387
  .gc-panel-views > div > input {
3300
3388
  color: black;
3301
3389
  }
3390
+ .gc-panel-views .gc-panel-views-content {
3391
+ width: calc(100% - 50px);
3392
+ display: inline-block;
3393
+ border: 1px solid white;
3394
+ white-space: nowrap;
3395
+ }
3302
3396
 
3303
3397
  .gc-panel-viewList {
3304
3398
  position: absolute;
3305
3399
  bottom: 10px;
3306
- background-color: #fff;
3307
- border: 1px solid #CBCBCB;
3400
+ background-color: #FDFDFD;
3401
+ color: black;
3402
+ border: 1px solid white;
3308
3403
  border-radius: 5px;
3309
3404
  font-size: 14px;
3310
3405
  min-height: 21px;
@@ -6851,12 +6946,12 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6851
6946
 
6852
6947
  .gc-table-sheet-panel, .gc-table-sheet-cross-column {
6853
6948
  position: relative;
6854
- background-color: white;
6949
+ background-color: var(--sjs-theme-background);
6855
6950
  box-sizing: border-box;
6856
6951
  width: 100%;
6857
6952
  min-width: 300px;
6858
6953
  height: 100%;
6859
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
6954
+ font-family: var(--sjs-theme-font-family);
6860
6955
  font-size: 12px;
6861
6956
  overflow-x: hidden;
6862
6957
  overflow-y: hidden;
@@ -6868,7 +6963,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6868
6963
  margin: 5px 10px 0 10px;
6869
6964
  width: calc(100% - 20px);
6870
6965
  height: calc(100% - 30px);
6871
- border: solid 1px lightgray;
6966
+ border: solid 1px var(--sjs-theme-border-color);
6967
+ }
6968
+ .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 {
6969
+ width: 80%;
6872
6970
  }
6873
6971
  .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 {
6874
6972
  white-space: normal;
@@ -6889,8 +6987,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6889
6987
  width: calc(100% - 20px);
6890
6988
  overflow-y: auto;
6891
6989
  overflow-x: hidden;
6892
- background-color: white;
6893
- border: solid 1px lightgrey;
6990
+ background-color: var(--sjs-theme-background);
6991
+ border: solid 1px var(--sjs-theme-border-color);
6894
6992
  }
6895
6993
  .gc-table-sheet-panel .gc-table-sheet-cross-column-list-container, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-list-container {
6896
6994
  height: 20%;
@@ -6908,12 +7006,14 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6908
7006
  height: 30%;
6909
7007
  overflow-y: auto;
6910
7008
  overflow-x: hidden;
6911
- background-color: white;
7009
+ background-color: var(--sjs-theme-background);
6912
7010
  }
6913
7011
  .gc-table-sheet-group-panel.half-height, .gc-table-sheet-cross-column-list-container.half-height, .gc-table-sheet-cross-column-detail.half-height {
6914
7012
  height: 50% !important;
6915
7013
  }
6916
7014
  .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 {
7015
+ background: var(--sjs-theme-background);
7016
+ color: var(--sjs-theme-color);
6917
7017
  position: absolute;
6918
7018
  left: 1px;
6919
7019
  width: calc(100% - 8px);
@@ -6928,6 +7028,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6928
7028
 
6929
7029
  .gc-table-sheet-group-header, .gc-table-sheet-cross-column-header {
6930
7030
  box-sizing: border-box;
7031
+ color: var(--sjs-theme-color);
6931
7032
  outline: none;
6932
7033
  width: 100%;
6933
7034
  height: 20px;
@@ -6941,7 +7042,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6941
7042
  width: calc(100% - 20px);
6942
7043
  height: calc(100% - 40px);
6943
7044
  margin: 6px 0 0 9px;
6944
- border: dashed lightgray 1px;
7045
+ border: dashed var(--sjs-theme-border-color) 1px;
6945
7046
  overflow-y: auto;
6946
7047
  overflow-x: hidden;
6947
7048
  padding-inline-start: 0px;
@@ -6951,7 +7052,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6951
7052
  height: 23px;
6952
7053
  line-height: 23px;
6953
7054
  margin: 2px;
6954
- background-color: #f2f2ff;
7055
+ background-color: var(--sjs-theme-background);
7056
+ color: var(--sjs-theme-color);
6955
7057
  box-sizing: border-box;
6956
7058
  text-overflow: ellipsis;
6957
7059
  overflow: hidden;
@@ -6959,7 +7061,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6959
7061
  white-space: nowrap;
6960
7062
  margin-bottom: 1px;
6961
7063
  font-size: 12px;
6962
- border: 1px solid #CBCBCB;
7064
+ border: 1px solid var(--sjs-theme-border-color);
6963
7065
  outline: none;
6964
7066
  }
6965
7067
  .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 {
@@ -6979,19 +7081,19 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6979
7081
  }
6980
7082
  .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 {
6981
7083
  cursor: pointer;
6982
- border: solid 1px #217346;
7084
+ border: solid 1px var(--sjs-theme-accent);
6983
7085
  }
6984
7086
  .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 {
6985
- border: 1px solid #CBCBCB !important;
6986
- border-top: solid 1px #217346 !important;
7087
+ border: 1px solid var(--sjs-theme-border-color) !important;
7088
+ border-top: solid 1px var(--sjs-theme-accent) !important;
6987
7089
  }
6988
7090
  .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 {
6989
- border: 1px solid #CBCBCB !important;
6990
- border-bottom: solid 1px #217346 !important;
7091
+ border: 1px solid var(--sjs-theme-border-color) !important;
7092
+ border-bottom: solid 1px var(--sjs-theme-accent) !important;
6991
7093
  }
6992
7094
  .gc-table-sheet-group-list .selected, .gc-table-sheet-cross-column-list .selected, .gc-table-sheet-cross-column-attributes-list .selected {
6993
- background-color: #227347 !important;
6994
- color: white !important;
7095
+ background-color: var(--sjs-theme-accent) !important;
7096
+ color: var(--sjs-theme-accent-color) !important;
6995
7097
  }
6996
7098
  .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 {
6997
7099
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE5XzE2MjApIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuODk1MDggMS4yODYyMUM2LjA3MzgyIDEuMTAwNjIgNi4zMTIxNiAxIDYuNTU2NTEgMUg5LjQ0NTk1QzkuNjkwMzEgMSA5LjkyODY0IDEuMTAwNjIgMTAuMTA3NCAxLjI4NjIxQzEwLjI4NjcgMS40NzI0NCAxMC4zOTA3IDEuNzI4OTEgMTAuMzkwNyAyLjAwMDA5VjMuMDAwMThINS42MTE3OVYyLjAwMDA5QzUuNjExNzkgMS43Mjg5MSA1LjcxNTcyIDEuNDcyNDQgNS44OTUwOCAxLjI4NjIxWk00LjYxMTc5IDMuMDAwMThWMi4wMDAwOUM0LjYxMTc5IDEuNDc1NTggNC44MTIyOSAwLjk2ODkzMiA1LjE3NDggMC41OTI1MjNDNS41Mzc5NCAwLjIxNTQ3NCA2LjAzNDU0IDAgNi41NTY1MSAwSDkuNDQ1OTVDOS45Njc5MiAwIDEwLjQ2NDUgMC4yMTU0NzQgMTAuODI3NyAwLjU5MjUyM0MxMS4xOTAyIDAuOTY4OTMyIDExLjM5MDcgMS40NzU1OCAxMS4zOTA3IDIuMDAwMDlWMy4wMDAxOEgxMy4wNTc3SDE0LjUwMjVDMTQuNzc4NiAzLjAwMDE4IDE1LjAwMjUgMy4yMjQwNCAxNS4wMDI1IDMuNTAwMThDMTUuMDAyNSAzLjc3NjMzIDE0Ljc3ODYgNC4wMDAxOCAxNC41MDI1IDQuMDAwMThIMTMuNTU3N1YxNC4wMDA4QzEzLjU1NzcgMTQuNTI1MyAxMy4zNTcyIDE1LjAzMiAxMi45OTQ3IDE1LjQwODRDMTIuNjMxNiAxNS43ODU0IDEyLjEzNSAxNi4wMDA5IDExLjYxMyAxNi4wMDA5SDQuMzg5NDRDMy44Njc0NyAxNi4wMDA5IDMuMzcwODYgMTUuNzg1NCAzLjAwNzczIDE1LjQwODRDMi42NDUyMSAxNS4wMzIgMi40NDQ3MiAxNC41MjUzIDIuNDQ0NzIgMTQuMDAwOFY0LjAwMDE4SDEuNUMxLjIyMzg2IDQuMDAwMTggMSAzLjc3NjMzIDEgMy41MDAxOEMxIDMuMjI0MDQgMS4yMjM4NiAzLjAwMDE4IDEuNSAzLjAwMDE4SDIuOTQ0NzJINC42MTE3OVpNMy40NDQ3MiA0LjAwMDE4VjE0LjAwMDhDMy40NDQ3MiAxNC4yNzIgMy41NDg2NCAxNC41Mjg1IDMuNzI4IDE0LjcxNDdDMy45MDY3NSAxNC45MDAzIDQuMTQ1MDggMTUuMDAwOSA0LjM4OTQ0IDE1LjAwMDlIMTEuNjEzQzExLjg1NzQgMTUuMDAwOSAxMi4wOTU3IDE0LjkwMDMgMTIuMjc0NSAxNC43MTQ3QzEyLjQ1MzggMTQuNTI4NSAxMi41NTc3IDE0LjI3MiAxMi41NTc3IDE0LjAwMDhWNC4wMDAxOEgzLjQ0NDcyWk02LjUgN0M2Ljc3NjE0IDcgNyA3LjIwMzUgNyA3LjQ1NDUyVjExLjU0NTVDNyAxMS43OTY1IDYuNzc2MTQgMTIgNi41IDEyQzYuMjIzODYgMTIgNiAxMS43OTY1IDYgMTEuNTQ1NVY3LjQ1NDUyQzYgNy4yMDM1IDYuMjIzODYgNyA2LjUgN1pNMTAgNy40NTQ1MkMxMCA3LjIwMzUgOS43NzYxNCA3IDkuNSA3QzkuMjIzODYgNyA5IDcuMjAzNSA5IDcuNDU0NTJWMTEuNTQ1NUM5IDExLjc5NjUgOS4yMjM4NiAxMiA5LjUgMTJDOS43NzYxNCAxMiAxMCAxMS43OTY1IDEwIDExLjU0NTVWNy40NTQ1MloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTlfMTYyMCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0idHJhbnNwYXJlbnQiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
@@ -7002,6 +7104,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7002
7104
  .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 {
7003
7105
  background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzMjA5MjY3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg0NzMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcyNi42NTI4MDEgNDI5LjMwNTYwMyAyOTcuMzQ3MTk5IDQyOS4zMDU2MDMgNTEyLjE5MzQwNSA2MzguMTU2MjU4WiIgcC1pZD0iODQ3NCIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
7004
7106
  }
7107
+ .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 {
7108
+ color: var(--sjs-theme-accent-color);
7109
+ }
7005
7110
  .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 {
7006
7111
  margin-left: 5px;
7007
7112
  width: 80%;
@@ -7046,10 +7151,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7046
7151
  height: initial;
7047
7152
  }
7048
7153
  .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 {
7049
- background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzNzY1NTA5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg4NjMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTI5Ny4zNDcxOTkgNjM4LjE1NjI1OCA3MjYuNjUyODAxIDYzOC4xNTYyNTggNTExLjgwNjU5NSA0MjkuMzA1NjAzWiIgcC1pZD0iODg2NCIgZmlsbD0iIzY2NjY2NiI+PC9wYXRoPjwvc3ZnPg==);
7154
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzMjA5MjY3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg0NzMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcyNi42NTI4MDEgNDI5LjMwNTYwMyAyOTcuMzQ3MTk5IDQyOS4zMDU2MDMgNTEyLjE5MzQwNSA2MzguMTU2MjU4WiIgcC1pZD0iODQ3NCIgZmlsbD0iIzY2NjY2NiI+PC9wYXRoPjwvc3ZnPg==);
7050
7155
  }
7051
7156
  .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 {
7052
- background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzNzY1NTA5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg4NjMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTI5Ny4zNDcxOTkgNjM4LjE1NjI1OCA3MjYuNjUyODAxIDYzOC4xNTYyNTggNTExLjgwNjU5NSA0MjkuMzA1NjAzWiIgcC1pZD0iODg2NCIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
7157
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzMjA5MjY3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg0NzMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcyNi42NTI4MDEgNDI5LjMwNTYwMyAyOTcuMzQ3MTk5IDQyOS4zMDU2MDMgNTEyLjE5MzQwNSA2MzguMTU2MjU4WiIgcC1pZD0iODQ3NCIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
7053
7158
  }
7054
7159
  .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 {
7055
7160
  float: left;
@@ -7062,11 +7167,12 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7062
7167
  top: 50%;
7063
7168
  transform: translate(-50%, -50%);
7064
7169
  opacity: 0.75;
7065
- color: #181D1F;
7170
+ color: var(--sjs-theme-color);
7066
7171
  }
7067
7172
 
7068
7173
  .gc-table-sheet-field-header {
7069
7174
  display: block;
7175
+ color: var(--sjs-theme-color);
7070
7176
  box-sizing: border-box;
7071
7177
  outline: none;
7072
7178
  width: 100%;
@@ -7112,7 +7218,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7112
7218
  height: calc(30% - 10px);
7113
7219
  overflow-y: hidden;
7114
7220
  overflow-x: hidden;
7115
- background-color: white;
7221
+ background-color: var(--sjs-theme-background);
7116
7222
  border: solid 1px lightgrey;
7117
7223
  }
7118
7224
  .gc-table-sheet-summary-container.half-height, .gc-table-sheet-cross-column-detail.half-height {
@@ -7120,10 +7226,11 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7120
7226
  }
7121
7227
 
7122
7228
  .gc-table-sheet-summary-header {
7123
- background-color: #D3E3DA;
7229
+ background-color: #D7E6F7;
7124
7230
  font-weight: 500;
7125
7231
  }
7126
7232
  .gc-table-sheet-summary-header .gc-table-sheet-summary-label {
7233
+ color: #333;
7127
7234
  width: 80%;
7128
7235
  height: 20px;
7129
7236
  line-height: 20px;
@@ -7169,7 +7276,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7169
7276
  width: 60%;
7170
7277
  height: 16px;
7171
7278
  display: inline-block;
7172
- border: solid 1px lightgrey;
7279
+ border: solid 1px var(--sjs-theme-border-color);
7280
+ color: var(--sjs-theme-color);
7281
+ background-color: var(--sjs-theme-background);
7173
7282
  outline-color: rgb(82, 146, 247);
7174
7283
  }
7175
7284
 
@@ -7191,6 +7300,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7191
7300
  line-height: 23px;
7192
7301
  margin: 2px;
7193
7302
  background-color: #f2f2ff;
7303
+ color: var(--sjs-theme-color);
7194
7304
  box-sizing: border-box;
7195
7305
  text-overflow: ellipsis;
7196
7306
  overflow: hidden;
@@ -7198,7 +7308,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7198
7308
  white-space: nowrap;
7199
7309
  margin-bottom: 1px;
7200
7310
  font-size: 12px;
7201
- border: 1px solid #CBCBCB;
7311
+ border: 1px solid var(--sjs-theme-border-color);
7202
7312
  outline: none;
7203
7313
  }
7204
7314
  .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 {
@@ -7231,6 +7341,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7231
7341
  }
7232
7342
 
7233
7343
  .gc-table-sheet-cross-item-input-name {
7344
+ background-color: var(--sjs-theme-background);
7345
+ color: var(--sjs-theme-color);
7234
7346
  width: calc(60% - 20px);
7235
7347
  height: 16px;
7236
7348
  display: inline-block;
@@ -7250,6 +7362,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7250
7362
  position: relative;
7251
7363
  z-index: 1;
7252
7364
  outline: none;
7365
+ background-color: var(--sjs-theme-background);
7366
+ color: var(--sjs-theme-color);
7253
7367
  }
7254
7368
 
7255
7369
  .gc-table-sheet-cross-column-value-caption {
@@ -7283,13 +7397,21 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7283
7397
 
7284
7398
  .gc-table-sheet-summary-item-select {
7285
7399
  width: 60%;
7286
- background-color: white;
7400
+ color: var(--sjs-theme-color);
7401
+ background-color: var(--sjs-theme-background);
7287
7402
  border: solid 1px #d3d3d3;
7288
7403
  box-sizing: content-box;
7289
7404
  padding: 1px 2px;
7405
+ appearance: none;
7406
+ outline: none;
7407
+ 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");
7408
+ background-position: right center;
7409
+ background-repeat: no-repeat;
7410
+ cursor: pointer;
7290
7411
  }
7291
7412
 
7292
7413
  .gc-table-sheet-summary-item-label {
7414
+ color: var(--sjs-theme-color);
7293
7415
  width: 25%;
7294
7416
  display: inline-block;
7295
7417
  margin-left: 5px;
@@ -7301,10 +7423,15 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7301
7423
  display: inline-block;
7302
7424
  border: solid 1px lightgrey;
7303
7425
  outline-color: rgb(82, 146, 247);
7426
+ background-color: var(--sjs-theme-background);
7427
+ color: var(--sjs-theme-color);
7304
7428
  }
7305
7429
 
7306
7430
  .gc-table-sheet-summary-item-input-caption, .gc-table-sheet-summary-item-input-slice {
7307
7431
  width: 60%;
7432
+ border: solid 1px var(--sjs-theme-border-color);
7433
+ color: var(--sjs-theme-color);
7434
+ background-color: var(--sjs-theme-background);
7308
7435
  }
7309
7436
 
7310
7437
  .gc-table-sheet-summary-item-remove-icon {
@@ -7324,12 +7451,12 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7324
7451
  line-height: 23px;
7325
7452
  height: 18px;
7326
7453
  position: absolute;
7327
- background-color: white;
7328
- border: 1px solid #CBCBCB;
7454
+ background-color: var(--sjs-theme-background);
7455
+ border: 1px solid var(--sjs-theme-border-color);
7329
7456
  box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 5px;
7330
7457
  min-width: 200px;
7331
7458
  font-size: 13px;
7332
- color: rgba(0, 0, 0, 0.6);
7459
+ color: var(--sjs-theme-color);
7333
7460
  letter-spacing: 0.2px;
7334
7461
  z-index: 3;
7335
7462
  }