@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.excel2016colorful.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-----*/
@@ -1431,6 +1432,54 @@ div.gc-search-outer-div input::-ms-clear {
1431
1432
  cursor: default;
1432
1433
  }
1433
1434
 
1435
+ .gc-ui-search-contextmenu-container {
1436
+ box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 5px;
1437
+ font-family: "Segoe UI", Calibri, Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
1438
+ font-size: 9pt;
1439
+ background: white;
1440
+ border: 1px solid #c6c6c6;
1441
+ color: #444444;
1442
+ cursor: default;
1443
+ min-width: 200px;
1444
+ padding: 5px 0;
1445
+ border-radius: var(--sjs-theme-border-radius);
1446
+ }
1447
+
1448
+ .gc-ui-search-contextmenu-items-container {
1449
+ border: none;
1450
+ box-shadow: none;
1451
+ scrollbar-width: thin;
1452
+ }
1453
+
1454
+ .gc-ui-none-icon-contextmenu-container .gc-ui-contextmenu-icon {
1455
+ margin-right: 0;
1456
+ }
1457
+
1458
+ .gc-ui-contextmenu-search-label {
1459
+ margin: 2px auto;
1460
+ width: 170px;
1461
+ display: block;
1462
+ box-sizing: border-box;
1463
+ font-size: 12px;
1464
+ }
1465
+
1466
+ .gc-ui-contextmenu-search-box {
1467
+ margin: 5px auto;
1468
+ width: 170px;
1469
+ height: 26px;
1470
+ display: block;
1471
+ padding: 1px 8px;
1472
+ box-sizing: border-box;
1473
+ border: 1px solid #c6c6c6;
1474
+ font-size: 12px;
1475
+ border-radius: var(--sjs-theme-border-radius);
1476
+ }
1477
+
1478
+ .gc-ui-contextmenu-search-box:focus {
1479
+ border: 1px solid #c6c6c6;
1480
+ outline: none;
1481
+ }
1482
+
1434
1483
  .gc-ui-contextmenu-menuitem-all-sheets-select-sheets-background-color {
1435
1484
  background: #dddddd;
1436
1485
  }
@@ -2006,6 +2055,40 @@ input.gc-checkbox-cell-type-input[type=checkbox]:after {
2006
2055
  .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content {
2007
2056
  padding: 7px 7px 0 7px;
2008
2057
  }
2058
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content span {
2059
+ display: inline-block;
2060
+ font-size: 12px;
2061
+ }
2062
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-paste-special-dialog-transform-formula-label {
2063
+ width: 60px;
2064
+ }
2065
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-paste-special-dialog-transform-formula-suffix {
2066
+ width: 20px;
2067
+ }
2068
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-transform-formula-editor-input {
2069
+ width: 180px;
2070
+ font-size: 12px;
2071
+ padding: 1px 4px;
2072
+ border: 1px solid #000;
2073
+ }
2074
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-transform-formula-editor-input:focus-visible {
2075
+ border-width: 1px;
2076
+ outline: none;
2077
+ }
2078
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-transform-scope-select {
2079
+ font-size: 12px;
2080
+ }
2081
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-paste-special-dialog-transform-scope-label {
2082
+ width: 60px;
2083
+ }
2084
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-transform-formula-editor-host {
2085
+ display: inline-block;
2086
+ }
2087
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content #gc-sjs-transform-formula-container.disable,
2088
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content #gc-sjs-transform-scope-container.disable {
2089
+ opacity: 0.3;
2090
+ pointer-events: none;
2091
+ }
2009
2092
  .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-footer {
2010
2093
  padding: 7px;
2011
2094
  justify-content: space-between;
@@ -2019,6 +2102,11 @@ input.gc-checkbox-cell-type-input[type=checkbox]:after {
2019
2102
  margin-left: 10px;
2020
2103
  }
2021
2104
 
2105
+ .gc-validation-select option:hover {
2106
+ background-color: #1967d2;
2107
+ color: #fff;
2108
+ }
2109
+
2022
2110
  /* status bar end */
2023
2111
  div[gcUIElement=gcSpread] .gc-month-picker-container {
2024
2112
  font-size: 12px;
@@ -3290,12 +3378,19 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
3290
3378
  .gc-panel-views > div > input {
3291
3379
  color: black;
3292
3380
  }
3381
+ .gc-panel-views .gc-panel-views-content {
3382
+ width: calc(100% - 50px);
3383
+ display: inline-block;
3384
+ border: 1px solid white;
3385
+ white-space: nowrap;
3386
+ }
3293
3387
 
3294
3388
  .gc-panel-viewList {
3295
3389
  position: absolute;
3296
3390
  bottom: 10px;
3297
- background-color: #fff;
3298
- border: 1px solid #CBCBCB;
3391
+ background-color: white;
3392
+ color: black;
3393
+ border: 1px solid white;
3299
3394
  border-radius: 5px;
3300
3395
  font-size: 14px;
3301
3396
  min-height: 21px;
@@ -6842,12 +6937,12 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6842
6937
 
6843
6938
  .gc-table-sheet-panel, .gc-table-sheet-cross-column {
6844
6939
  position: relative;
6845
- background-color: white;
6940
+ background-color: var(--sjs-theme-background);
6846
6941
  box-sizing: border-box;
6847
6942
  width: 100%;
6848
6943
  min-width: 300px;
6849
6944
  height: 100%;
6850
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
6945
+ font-family: var(--sjs-theme-font-family);
6851
6946
  font-size: 12px;
6852
6947
  overflow-x: hidden;
6853
6948
  overflow-y: hidden;
@@ -6859,7 +6954,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6859
6954
  margin: 5px 10px 0 10px;
6860
6955
  width: calc(100% - 20px);
6861
6956
  height: calc(100% - 30px);
6862
- border: solid 1px lightgray;
6957
+ border: solid 1px var(--sjs-theme-border-color);
6958
+ }
6959
+ .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 {
6960
+ width: 80%;
6863
6961
  }
6864
6962
  .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 {
6865
6963
  white-space: normal;
@@ -6880,8 +6978,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6880
6978
  width: calc(100% - 20px);
6881
6979
  overflow-y: auto;
6882
6980
  overflow-x: hidden;
6883
- background-color: white;
6884
- border: solid 1px lightgrey;
6981
+ background-color: var(--sjs-theme-background);
6982
+ border: solid 1px var(--sjs-theme-border-color);
6885
6983
  }
6886
6984
  .gc-table-sheet-panel .gc-table-sheet-cross-column-list-container, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-list-container {
6887
6985
  height: 20%;
@@ -6899,12 +6997,14 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6899
6997
  height: 30%;
6900
6998
  overflow-y: auto;
6901
6999
  overflow-x: hidden;
6902
- background-color: white;
7000
+ background-color: var(--sjs-theme-background);
6903
7001
  }
6904
7002
  .gc-table-sheet-group-panel.half-height, .gc-table-sheet-cross-column-list-container.half-height, .gc-table-sheet-cross-column-detail.half-height {
6905
7003
  height: 50% !important;
6906
7004
  }
6907
7005
  .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 {
7006
+ background: var(--sjs-theme-background);
7007
+ color: var(--sjs-theme-color);
6908
7008
  position: absolute;
6909
7009
  left: 1px;
6910
7010
  width: calc(100% - 8px);
@@ -6919,6 +7019,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6919
7019
 
6920
7020
  .gc-table-sheet-group-header, .gc-table-sheet-cross-column-header {
6921
7021
  box-sizing: border-box;
7022
+ color: var(--sjs-theme-color);
6922
7023
  outline: none;
6923
7024
  width: 100%;
6924
7025
  height: 20px;
@@ -6932,7 +7033,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6932
7033
  width: calc(100% - 20px);
6933
7034
  height: calc(100% - 40px);
6934
7035
  margin: 6px 0 0 9px;
6935
- border: dashed lightgray 1px;
7036
+ border: dashed var(--sjs-theme-border-color) 1px;
6936
7037
  overflow-y: auto;
6937
7038
  overflow-x: hidden;
6938
7039
  padding-inline-start: 0px;
@@ -6942,7 +7043,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6942
7043
  height: 23px;
6943
7044
  line-height: 23px;
6944
7045
  margin: 2px;
6945
- background-color: #f2f2ff;
7046
+ background-color: var(--sjs-theme-background);
7047
+ color: var(--sjs-theme-color);
6946
7048
  box-sizing: border-box;
6947
7049
  text-overflow: ellipsis;
6948
7050
  overflow: hidden;
@@ -6950,7 +7052,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6950
7052
  white-space: nowrap;
6951
7053
  margin-bottom: 1px;
6952
7054
  font-size: 12px;
6953
- border: 1px solid #CBCBCB;
7055
+ border: 1px solid var(--sjs-theme-border-color);
6954
7056
  outline: none;
6955
7057
  }
6956
7058
  .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 {
@@ -6970,19 +7072,19 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6970
7072
  }
6971
7073
  .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 {
6972
7074
  cursor: pointer;
6973
- border: solid 1px #217346;
7075
+ border: solid 1px var(--sjs-theme-accent);
6974
7076
  }
6975
7077
  .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 {
6976
- border: 1px solid #CBCBCB !important;
6977
- border-top: solid 1px #217346 !important;
7078
+ border: 1px solid var(--sjs-theme-border-color) !important;
7079
+ border-top: solid 1px var(--sjs-theme-accent) !important;
6978
7080
  }
6979
7081
  .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 {
6980
- border: 1px solid #CBCBCB !important;
6981
- border-bottom: solid 1px #217346 !important;
7082
+ border: 1px solid var(--sjs-theme-border-color) !important;
7083
+ border-bottom: solid 1px var(--sjs-theme-accent) !important;
6982
7084
  }
6983
7085
  .gc-table-sheet-group-list .selected, .gc-table-sheet-cross-column-list .selected, .gc-table-sheet-cross-column-attributes-list .selected {
6984
- background-color: #227347 !important;
6985
- color: white !important;
7086
+ background-color: var(--sjs-theme-accent) !important;
7087
+ color: var(--sjs-theme-accent-color) !important;
6986
7088
  }
6987
7089
  .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 {
6988
7090
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE5XzE2MjApIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuODk1MDggMS4yODYyMUM2LjA3MzgyIDEuMTAwNjIgNi4zMTIxNiAxIDYuNTU2NTEgMUg5LjQ0NTk1QzkuNjkwMzEgMSA5LjkyODY0IDEuMTAwNjIgMTAuMTA3NCAxLjI4NjIxQzEwLjI4NjcgMS40NzI0NCAxMC4zOTA3IDEuNzI4OTEgMTAuMzkwNyAyLjAwMDA5VjMuMDAwMThINS42MTE3OVYyLjAwMDA5QzUuNjExNzkgMS43Mjg5MSA1LjcxNTcyIDEuNDcyNDQgNS44OTUwOCAxLjI4NjIxWk00LjYxMTc5IDMuMDAwMThWMi4wMDAwOUM0LjYxMTc5IDEuNDc1NTggNC44MTIyOSAwLjk2ODkzMiA1LjE3NDggMC41OTI1MjNDNS41Mzc5NCAwLjIxNTQ3NCA2LjAzNDU0IDAgNi41NTY1MSAwSDkuNDQ1OTVDOS45Njc5MiAwIDEwLjQ2NDUgMC4yMTU0NzQgMTAuODI3NyAwLjU5MjUyM0MxMS4xOTAyIDAuOTY4OTMyIDExLjM5MDcgMS40NzU1OCAxMS4zOTA3IDIuMDAwMDlWMy4wMDAxOEgxMy4wNTc3SDE0LjUwMjVDMTQuNzc4NiAzLjAwMDE4IDE1LjAwMjUgMy4yMjQwNCAxNS4wMDI1IDMuNTAwMThDMTUuMDAyNSAzLjc3NjMzIDE0Ljc3ODYgNC4wMDAxOCAxNC41MDI1IDQuMDAwMThIMTMuNTU3N1YxNC4wMDA4QzEzLjU1NzcgMTQuNTI1MyAxMy4zNTcyIDE1LjAzMiAxMi45OTQ3IDE1LjQwODRDMTIuNjMxNiAxNS43ODU0IDEyLjEzNSAxNi4wMDA5IDExLjYxMyAxNi4wMDA5SDQuMzg5NDRDMy44Njc0NyAxNi4wMDA5IDMuMzcwODYgMTUuNzg1NCAzLjAwNzczIDE1LjQwODRDMi42NDUyMSAxNS4wMzIgMi40NDQ3MiAxNC41MjUzIDIuNDQ0NzIgMTQuMDAwOFY0LjAwMDE4SDEuNUMxLjIyMzg2IDQuMDAwMTggMSAzLjc3NjMzIDEgMy41MDAxOEMxIDMuMjI0MDQgMS4yMjM4NiAzLjAwMDE4IDEuNSAzLjAwMDE4SDIuOTQ0NzJINC42MTE3OVpNMy40NDQ3MiA0LjAwMDE4VjE0LjAwMDhDMy40NDQ3MiAxNC4yNzIgMy41NDg2NCAxNC41Mjg1IDMuNzI4IDE0LjcxNDdDMy45MDY3NSAxNC45MDAzIDQuMTQ1MDggMTUuMDAwOSA0LjM4OTQ0IDE1LjAwMDlIMTEuNjEzQzExLjg1NzQgMTUuMDAwOSAxMi4wOTU3IDE0LjkwMDMgMTIuMjc0NSAxNC43MTQ3QzEyLjQ1MzggMTQuNTI4NSAxMi41NTc3IDE0LjI3MiAxMi41NTc3IDE0LjAwMDhWNC4wMDAxOEgzLjQ0NDcyWk02LjUgN0M2Ljc3NjE0IDcgNyA3LjIwMzUgNyA3LjQ1NDUyVjExLjU0NTVDNyAxMS43OTY1IDYuNzc2MTQgMTIgNi41IDEyQzYuMjIzODYgMTIgNiAxMS43OTY1IDYgMTEuNTQ1NVY3LjQ1NDUyQzYgNy4yMDM1IDYuMjIzODYgNyA2LjUgN1pNMTAgNy40NTQ1MkMxMCA3LjIwMzUgOS43NzYxNCA3IDkuNSA3QzkuMjIzODYgNyA5IDcuMjAzNSA5IDcuNDU0NTJWMTEuNTQ1NUM5IDExLjc5NjUgOS4yMjM4NiAxMiA5LjUgMTJDOS43NzYxNCAxMiAxMCAxMS43OTY1IDEwIDExLjU0NTVWNy40NTQ1MloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTlfMTYyMCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0idHJhbnNwYXJlbnQiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
@@ -6993,6 +7095,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6993
7095
  .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 {
6994
7096
  background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzMjA5MjY3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg0NzMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcyNi42NTI4MDEgNDI5LjMwNTYwMyAyOTcuMzQ3MTk5IDQyOS4zMDU2MDMgNTEyLjE5MzQwNSA2MzguMTU2MjU4WiIgcC1pZD0iODQ3NCIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
6995
7097
  }
7098
+ .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 {
7099
+ color: var(--sjs-theme-accent-color);
7100
+ }
6996
7101
  .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 {
6997
7102
  margin-left: 5px;
6998
7103
  width: 80%;
@@ -7037,10 +7142,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7037
7142
  height: initial;
7038
7143
  }
7039
7144
  .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 {
7040
- background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzNzY1NTA5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg4NjMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTI5Ny4zNDcxOTkgNjM4LjE1NjI1OCA3MjYuNjUyODAxIDYzOC4xNTYyNTggNTExLjgwNjU5NSA0MjkuMzA1NjAzWiIgcC1pZD0iODg2NCIgZmlsbD0iIzY2NjY2NiI+PC9wYXRoPjwvc3ZnPg==);
7145
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzMjA5MjY3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg0NzMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcyNi42NTI4MDEgNDI5LjMwNTYwMyAyOTcuMzQ3MTk5IDQyOS4zMDU2MDMgNTEyLjE5MzQwNSA2MzguMTU2MjU4WiIgcC1pZD0iODQ3NCIgZmlsbD0iIzY2NjY2NiI+PC9wYXRoPjwvc3ZnPg==);
7041
7146
  }
7042
7147
  .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 {
7043
- background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzNzY1NTA5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg4NjMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTI5Ny4zNDcxOTkgNjM4LjE1NjI1OCA3MjYuNjUyODAxIDYzOC4xNTYyNTggNTExLjgwNjU5NSA0MjkuMzA1NjAzWiIgcC1pZD0iODg2NCIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
7148
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzMjA5MjY3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg0NzMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcyNi42NTI4MDEgNDI5LjMwNTYwMyAyOTcuMzQ3MTk5IDQyOS4zMDU2MDMgNTEyLjE5MzQwNSA2MzguMTU2MjU4WiIgcC1pZD0iODQ3NCIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
7044
7149
  }
7045
7150
  .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 {
7046
7151
  float: left;
@@ -7053,11 +7158,12 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7053
7158
  top: 50%;
7054
7159
  transform: translate(-50%, -50%);
7055
7160
  opacity: 0.75;
7056
- color: #181D1F;
7161
+ color: var(--sjs-theme-color);
7057
7162
  }
7058
7163
 
7059
7164
  .gc-table-sheet-field-header {
7060
7165
  display: block;
7166
+ color: var(--sjs-theme-color);
7061
7167
  box-sizing: border-box;
7062
7168
  outline: none;
7063
7169
  width: 100%;
@@ -7103,7 +7209,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7103
7209
  height: calc(30% - 10px);
7104
7210
  overflow-y: hidden;
7105
7211
  overflow-x: hidden;
7106
- background-color: white;
7212
+ background-color: var(--sjs-theme-background);
7107
7213
  border: solid 1px lightgrey;
7108
7214
  }
7109
7215
  .gc-table-sheet-summary-container.half-height, .gc-table-sheet-cross-column-detail.half-height {
@@ -7111,10 +7217,11 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7111
7217
  }
7112
7218
 
7113
7219
  .gc-table-sheet-summary-header {
7114
- background-color: #D3E3DA;
7220
+ background-color: #D7E6F7;
7115
7221
  font-weight: 500;
7116
7222
  }
7117
7223
  .gc-table-sheet-summary-header .gc-table-sheet-summary-label {
7224
+ color: #333;
7118
7225
  width: 80%;
7119
7226
  height: 20px;
7120
7227
  line-height: 20px;
@@ -7160,7 +7267,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7160
7267
  width: 60%;
7161
7268
  height: 16px;
7162
7269
  display: inline-block;
7163
- border: solid 1px lightgrey;
7270
+ border: solid 1px var(--sjs-theme-border-color);
7271
+ color: var(--sjs-theme-color);
7272
+ background-color: var(--sjs-theme-background);
7164
7273
  outline-color: rgb(82, 146, 247);
7165
7274
  }
7166
7275
 
@@ -7182,6 +7291,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7182
7291
  line-height: 23px;
7183
7292
  margin: 2px;
7184
7293
  background-color: #f2f2ff;
7294
+ color: var(--sjs-theme-color);
7185
7295
  box-sizing: border-box;
7186
7296
  text-overflow: ellipsis;
7187
7297
  overflow: hidden;
@@ -7189,7 +7299,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7189
7299
  white-space: nowrap;
7190
7300
  margin-bottom: 1px;
7191
7301
  font-size: 12px;
7192
- border: 1px solid #CBCBCB;
7302
+ border: 1px solid var(--sjs-theme-border-color);
7193
7303
  outline: none;
7194
7304
  }
7195
7305
  .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 {
@@ -7222,6 +7332,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7222
7332
  }
7223
7333
 
7224
7334
  .gc-table-sheet-cross-item-input-name {
7335
+ background-color: var(--sjs-theme-background);
7336
+ color: var(--sjs-theme-color);
7225
7337
  width: calc(60% - 20px);
7226
7338
  height: 16px;
7227
7339
  display: inline-block;
@@ -7241,6 +7353,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7241
7353
  position: relative;
7242
7354
  z-index: 1;
7243
7355
  outline: none;
7356
+ background-color: var(--sjs-theme-background);
7357
+ color: var(--sjs-theme-color);
7244
7358
  }
7245
7359
 
7246
7360
  .gc-table-sheet-cross-column-value-caption {
@@ -7274,13 +7388,21 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7274
7388
 
7275
7389
  .gc-table-sheet-summary-item-select {
7276
7390
  width: 60%;
7277
- background-color: white;
7391
+ color: var(--sjs-theme-color);
7392
+ background-color: var(--sjs-theme-background);
7278
7393
  border: solid 1px #d3d3d3;
7279
7394
  box-sizing: content-box;
7280
7395
  padding: 1px 2px;
7396
+ appearance: none;
7397
+ outline: none;
7398
+ 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");
7399
+ background-position: right center;
7400
+ background-repeat: no-repeat;
7401
+ cursor: pointer;
7281
7402
  }
7282
7403
 
7283
7404
  .gc-table-sheet-summary-item-label {
7405
+ color: var(--sjs-theme-color);
7284
7406
  width: 25%;
7285
7407
  display: inline-block;
7286
7408
  margin-left: 5px;
@@ -7292,10 +7414,15 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7292
7414
  display: inline-block;
7293
7415
  border: solid 1px lightgrey;
7294
7416
  outline-color: rgb(82, 146, 247);
7417
+ background-color: var(--sjs-theme-background);
7418
+ color: var(--sjs-theme-color);
7295
7419
  }
7296
7420
 
7297
7421
  .gc-table-sheet-summary-item-input-caption, .gc-table-sheet-summary-item-input-slice {
7298
7422
  width: 60%;
7423
+ border: solid 1px var(--sjs-theme-border-color);
7424
+ color: var(--sjs-theme-color);
7425
+ background-color: var(--sjs-theme-background);
7299
7426
  }
7300
7427
 
7301
7428
  .gc-table-sheet-summary-item-remove-icon {
@@ -7315,12 +7442,12 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7315
7442
  line-height: 23px;
7316
7443
  height: 18px;
7317
7444
  position: absolute;
7318
- background-color: white;
7319
- border: 1px solid #CBCBCB;
7445
+ background-color: var(--sjs-theme-background);
7446
+ border: 1px solid var(--sjs-theme-border-color);
7320
7447
  box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 5px;
7321
7448
  min-width: 200px;
7322
7449
  font-size: 13px;
7323
- color: rgba(0, 0, 0, 0.6);
7450
+ color: var(--sjs-theme-color);
7324
7451
  letter-spacing: 0.2px;
7325
7452
  z-index: 3;
7326
7453
  }