@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.excel2013white.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-----*/
@@ -1427,6 +1428,54 @@ div.gc-search-outer-div input::-ms-clear {
1427
1428
  cursor: default;
1428
1429
  }
1429
1430
 
1431
+ .gc-ui-search-contextmenu-container {
1432
+ box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 5px;
1433
+ font-family: "Segoe UI", Calibri, Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
1434
+ font-size: 9pt;
1435
+ background: white;
1436
+ border: 1px solid #c6c6c6;
1437
+ color: #444444;
1438
+ cursor: default;
1439
+ min-width: 200px;
1440
+ padding: 5px 0;
1441
+ border-radius: var(--sjs-theme-border-radius);
1442
+ }
1443
+
1444
+ .gc-ui-search-contextmenu-items-container {
1445
+ border: none;
1446
+ box-shadow: none;
1447
+ scrollbar-width: thin;
1448
+ }
1449
+
1450
+ .gc-ui-none-icon-contextmenu-container .gc-ui-contextmenu-icon {
1451
+ margin-right: 0;
1452
+ }
1453
+
1454
+ .gc-ui-contextmenu-search-label {
1455
+ margin: 2px auto;
1456
+ width: 170px;
1457
+ display: block;
1458
+ box-sizing: border-box;
1459
+ font-size: 12px;
1460
+ }
1461
+
1462
+ .gc-ui-contextmenu-search-box {
1463
+ margin: 5px auto;
1464
+ width: 170px;
1465
+ height: 26px;
1466
+ display: block;
1467
+ padding: 1px 8px;
1468
+ box-sizing: border-box;
1469
+ border: 1px solid #c6c6c6;
1470
+ font-size: 12px;
1471
+ border-radius: var(--sjs-theme-border-radius);
1472
+ }
1473
+
1474
+ .gc-ui-contextmenu-search-box:focus {
1475
+ border: 1px solid #c6c6c6;
1476
+ outline: none;
1477
+ }
1478
+
1430
1479
  .gc-ui-contextmenu-menuitem-all-sheets-select-sheets-background-color {
1431
1480
  background: #dddddd;
1432
1481
  }
@@ -2002,6 +2051,40 @@ input.gc-checkbox-cell-type-input[type=checkbox]:after {
2002
2051
  .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content {
2003
2052
  padding: 7px 7px 0 7px;
2004
2053
  }
2054
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content span {
2055
+ display: inline-block;
2056
+ font-size: 12px;
2057
+ }
2058
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-paste-special-dialog-transform-formula-label {
2059
+ width: 60px;
2060
+ }
2061
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-paste-special-dialog-transform-formula-suffix {
2062
+ width: 20px;
2063
+ }
2064
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-transform-formula-editor-input {
2065
+ width: 180px;
2066
+ font-size: 12px;
2067
+ padding: 1px 4px;
2068
+ border: 1px solid #000;
2069
+ }
2070
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-transform-formula-editor-input:focus-visible {
2071
+ border-width: 1px;
2072
+ outline: none;
2073
+ }
2074
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-transform-scope-select {
2075
+ font-size: 12px;
2076
+ }
2077
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-paste-special-dialog-transform-scope-label {
2078
+ width: 60px;
2079
+ }
2080
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content .gc-sjs-transform-formula-editor-host {
2081
+ display: inline-block;
2082
+ }
2083
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content #gc-sjs-transform-formula-container.disable,
2084
+ .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-content #gc-sjs-transform-scope-container.disable {
2085
+ opacity: 0.3;
2086
+ pointer-events: none;
2087
+ }
2005
2088
  .gc-sjs-paste-special-dialog-container .gc-sjs-paste-special-dialog-footer {
2006
2089
  padding: 7px;
2007
2090
  justify-content: space-between;
@@ -2015,6 +2098,11 @@ input.gc-checkbox-cell-type-input[type=checkbox]:after {
2015
2098
  margin-left: 10px;
2016
2099
  }
2017
2100
 
2101
+ .gc-validation-select option:hover {
2102
+ background-color: #1967d2;
2103
+ color: #fff;
2104
+ }
2105
+
2018
2106
  /* status bar end */
2019
2107
  div[gcUIElement=gcSpread] .gc-month-picker-container {
2020
2108
  font-size: 12px;
@@ -3286,11 +3374,18 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
3286
3374
  .gc-panel-views > div > input {
3287
3375
  color: black;
3288
3376
  }
3377
+ .gc-panel-views .gc-panel-views-content {
3378
+ width: calc(100% - 50px);
3379
+ display: inline-block;
3380
+ border: 1px solid #CBCBCB;
3381
+ white-space: nowrap;
3382
+ }
3289
3383
 
3290
3384
  .gc-panel-viewList {
3291
3385
  position: absolute;
3292
3386
  bottom: 10px;
3293
- background-color: #fff;
3387
+ background-color: #FDFDFD;
3388
+ color: black;
3294
3389
  border: 1px solid #CBCBCB;
3295
3390
  border-radius: 5px;
3296
3391
  font-size: 14px;
@@ -6837,12 +6932,12 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6837
6932
 
6838
6933
  .gc-table-sheet-panel, .gc-table-sheet-cross-column {
6839
6934
  position: relative;
6840
- background-color: white;
6935
+ background-color: var(--sjs-theme-background);
6841
6936
  box-sizing: border-box;
6842
6937
  width: 100%;
6843
6938
  min-width: 300px;
6844
6939
  height: 100%;
6845
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
6940
+ font-family: var(--sjs-theme-font-family);
6846
6941
  font-size: 12px;
6847
6942
  overflow-x: hidden;
6848
6943
  overflow-y: hidden;
@@ -6854,7 +6949,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6854
6949
  margin: 5px 10px 0 10px;
6855
6950
  width: calc(100% - 20px);
6856
6951
  height: calc(100% - 30px);
6857
- border: solid 1px lightgray;
6952
+ border: solid 1px var(--sjs-theme-border-color);
6953
+ }
6954
+ .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 {
6955
+ width: 80%;
6858
6956
  }
6859
6957
  .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 {
6860
6958
  white-space: normal;
@@ -6875,8 +6973,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6875
6973
  width: calc(100% - 20px);
6876
6974
  overflow-y: auto;
6877
6975
  overflow-x: hidden;
6878
- background-color: white;
6879
- border: solid 1px lightgrey;
6976
+ background-color: var(--sjs-theme-background);
6977
+ border: solid 1px var(--sjs-theme-border-color);
6880
6978
  }
6881
6979
  .gc-table-sheet-panel .gc-table-sheet-cross-column-list-container, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-list-container {
6882
6980
  height: 20%;
@@ -6894,12 +6992,14 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6894
6992
  height: 30%;
6895
6993
  overflow-y: auto;
6896
6994
  overflow-x: hidden;
6897
- background-color: white;
6995
+ background-color: var(--sjs-theme-background);
6898
6996
  }
6899
6997
  .gc-table-sheet-group-panel.half-height, .gc-table-sheet-cross-column-list-container.half-height, .gc-table-sheet-cross-column-detail.half-height {
6900
6998
  height: 50% !important;
6901
6999
  }
6902
7000
  .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 {
7001
+ background: var(--sjs-theme-background);
7002
+ color: var(--sjs-theme-color);
6903
7003
  position: absolute;
6904
7004
  left: 1px;
6905
7005
  width: calc(100% - 8px);
@@ -6914,6 +7014,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6914
7014
 
6915
7015
  .gc-table-sheet-group-header, .gc-table-sheet-cross-column-header {
6916
7016
  box-sizing: border-box;
7017
+ color: var(--sjs-theme-color);
6917
7018
  outline: none;
6918
7019
  width: 100%;
6919
7020
  height: 20px;
@@ -6927,7 +7028,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6927
7028
  width: calc(100% - 20px);
6928
7029
  height: calc(100% - 40px);
6929
7030
  margin: 6px 0 0 9px;
6930
- border: dashed lightgray 1px;
7031
+ border: dashed var(--sjs-theme-border-color) 1px;
6931
7032
  overflow-y: auto;
6932
7033
  overflow-x: hidden;
6933
7034
  padding-inline-start: 0px;
@@ -6937,7 +7038,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6937
7038
  height: 23px;
6938
7039
  line-height: 23px;
6939
7040
  margin: 2px;
6940
- background-color: #f2f2ff;
7041
+ background-color: var(--sjs-theme-background);
7042
+ color: var(--sjs-theme-color);
6941
7043
  box-sizing: border-box;
6942
7044
  text-overflow: ellipsis;
6943
7045
  overflow: hidden;
@@ -6945,7 +7047,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6945
7047
  white-space: nowrap;
6946
7048
  margin-bottom: 1px;
6947
7049
  font-size: 12px;
6948
- border: 1px solid #CBCBCB;
7050
+ border: 1px solid var(--sjs-theme-border-color);
6949
7051
  outline: none;
6950
7052
  }
6951
7053
  .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 {
@@ -6965,19 +7067,19 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6965
7067
  }
6966
7068
  .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 {
6967
7069
  cursor: pointer;
6968
- border: solid 1px #217346;
7070
+ border: solid 1px var(--sjs-theme-accent);
6969
7071
  }
6970
7072
  .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 {
6971
- border: 1px solid #CBCBCB !important;
6972
- border-top: solid 1px #217346 !important;
7073
+ border: 1px solid var(--sjs-theme-border-color) !important;
7074
+ border-top: solid 1px var(--sjs-theme-accent) !important;
6973
7075
  }
6974
7076
  .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 {
6975
- border: 1px solid #CBCBCB !important;
6976
- border-bottom: solid 1px #217346 !important;
7077
+ border: 1px solid var(--sjs-theme-border-color) !important;
7078
+ border-bottom: solid 1px var(--sjs-theme-accent) !important;
6977
7079
  }
6978
7080
  .gc-table-sheet-group-list .selected, .gc-table-sheet-cross-column-list .selected, .gc-table-sheet-cross-column-attributes-list .selected {
6979
- background-color: #227347 !important;
6980
- color: white !important;
7081
+ background-color: var(--sjs-theme-accent) !important;
7082
+ color: var(--sjs-theme-accent-color) !important;
6981
7083
  }
6982
7084
  .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 {
6983
7085
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE5XzE2MjApIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuODk1MDggMS4yODYyMUM2LjA3MzgyIDEuMTAwNjIgNi4zMTIxNiAxIDYuNTU2NTEgMUg5LjQ0NTk1QzkuNjkwMzEgMSA5LjkyODY0IDEuMTAwNjIgMTAuMTA3NCAxLjI4NjIxQzEwLjI4NjcgMS40NzI0NCAxMC4zOTA3IDEuNzI4OTEgMTAuMzkwNyAyLjAwMDA5VjMuMDAwMThINS42MTE3OVYyLjAwMDA5QzUuNjExNzkgMS43Mjg5MSA1LjcxNTcyIDEuNDcyNDQgNS44OTUwOCAxLjI4NjIxWk00LjYxMTc5IDMuMDAwMThWMi4wMDAwOUM0LjYxMTc5IDEuNDc1NTggNC44MTIyOSAwLjk2ODkzMiA1LjE3NDggMC41OTI1MjNDNS41Mzc5NCAwLjIxNTQ3NCA2LjAzNDU0IDAgNi41NTY1MSAwSDkuNDQ1OTVDOS45Njc5MiAwIDEwLjQ2NDUgMC4yMTU0NzQgMTAuODI3NyAwLjU5MjUyM0MxMS4xOTAyIDAuOTY4OTMyIDExLjM5MDcgMS40NzU1OCAxMS4zOTA3IDIuMDAwMDlWMy4wMDAxOEgxMy4wNTc3SDE0LjUwMjVDMTQuNzc4NiAzLjAwMDE4IDE1LjAwMjUgMy4yMjQwNCAxNS4wMDI1IDMuNTAwMThDMTUuMDAyNSAzLjc3NjMzIDE0Ljc3ODYgNC4wMDAxOCAxNC41MDI1IDQuMDAwMThIMTMuNTU3N1YxNC4wMDA4QzEzLjU1NzcgMTQuNTI1MyAxMy4zNTcyIDE1LjAzMiAxMi45OTQ3IDE1LjQwODRDMTIuNjMxNiAxNS43ODU0IDEyLjEzNSAxNi4wMDA5IDExLjYxMyAxNi4wMDA5SDQuMzg5NDRDMy44Njc0NyAxNi4wMDA5IDMuMzcwODYgMTUuNzg1NCAzLjAwNzczIDE1LjQwODRDMi42NDUyMSAxNS4wMzIgMi40NDQ3MiAxNC41MjUzIDIuNDQ0NzIgMTQuMDAwOFY0LjAwMDE4SDEuNUMxLjIyMzg2IDQuMDAwMTggMSAzLjc3NjMzIDEgMy41MDAxOEMxIDMuMjI0MDQgMS4yMjM4NiAzLjAwMDE4IDEuNSAzLjAwMDE4SDIuOTQ0NzJINC42MTE3OVpNMy40NDQ3MiA0LjAwMDE4VjE0LjAwMDhDMy40NDQ3MiAxNC4yNzIgMy41NDg2NCAxNC41Mjg1IDMuNzI4IDE0LjcxNDdDMy45MDY3NSAxNC45MDAzIDQuMTQ1MDggMTUuMDAwOSA0LjM4OTQ0IDE1LjAwMDlIMTEuNjEzQzExLjg1NzQgMTUuMDAwOSAxMi4wOTU3IDE0LjkwMDMgMTIuMjc0NSAxNC43MTQ3QzEyLjQ1MzggMTQuNTI4NSAxMi41NTc3IDE0LjI3MiAxMi41NTc3IDE0LjAwMDhWNC4wMDAxOEgzLjQ0NDcyWk02LjUgN0M2Ljc3NjE0IDcgNyA3LjIwMzUgNyA3LjQ1NDUyVjExLjU0NTVDNyAxMS43OTY1IDYuNzc2MTQgMTIgNi41IDEyQzYuMjIzODYgMTIgNiAxMS43OTY1IDYgMTEuNTQ1NVY3LjQ1NDUyQzYgNy4yMDM1IDYuMjIzODYgNyA2LjUgN1pNMTAgNy40NTQ1MkMxMCA3LjIwMzUgOS43NzYxNCA3IDkuNSA3QzkuMjIzODYgNyA5IDcuMjAzNSA5IDcuNDU0NTJWMTEuNTQ1NUM5IDExLjc5NjUgOS4yMjM4NiAxMiA5LjUgMTJDOS43NzYxNCAxMiAxMCAxMS43OTY1IDEwIDExLjU0NTVWNy40NTQ1MloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTlfMTYyMCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0idHJhbnNwYXJlbnQiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
@@ -6988,6 +7090,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6988
7090
  .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 {
6989
7091
  background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzMjA5MjY3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg0NzMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcyNi42NTI4MDEgNDI5LjMwNTYwMyAyOTcuMzQ3MTk5IDQyOS4zMDU2MDMgNTEyLjE5MzQwNSA2MzguMTU2MjU4WiIgcC1pZD0iODQ3NCIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
6990
7092
  }
7093
+ .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 {
7094
+ color: var(--sjs-theme-accent-color);
7095
+ }
6991
7096
  .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 {
6992
7097
  margin-left: 5px;
6993
7098
  width: 80%;
@@ -7032,10 +7137,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7032
7137
  height: initial;
7033
7138
  }
7034
7139
  .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 {
7035
- background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzNzY1NTA5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg4NjMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTI5Ny4zNDcxOTkgNjM4LjE1NjI1OCA3MjYuNjUyODAxIDYzOC4xNTYyNTggNTExLjgwNjU5NSA0MjkuMzA1NjAzWiIgcC1pZD0iODg2NCIgZmlsbD0iIzY2NjY2NiI+PC9wYXRoPjwvc3ZnPg==);
7140
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzMjA5MjY3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg0NzMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcyNi42NTI4MDEgNDI5LjMwNTYwMyAyOTcuMzQ3MTk5IDQyOS4zMDU2MDMgNTEyLjE5MzQwNSA2MzguMTU2MjU4WiIgcC1pZD0iODQ3NCIgZmlsbD0iIzY2NjY2NiI+PC9wYXRoPjwvc3ZnPg==);
7036
7141
  }
7037
7142
  .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 {
7038
- background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzNzY1NTA5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg4NjMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTI5Ny4zNDcxOTkgNjM4LjE1NjI1OCA3MjYuNjUyODAxIDYzOC4xNTYyNTggNTExLjgwNjU5NSA0MjkuMzA1NjAzWiIgcC1pZD0iODg2NCIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
7143
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzMjA5MjY3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg0NzMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcyNi42NTI4MDEgNDI5LjMwNTYwMyAyOTcuMzQ3MTk5IDQyOS4zMDU2MDMgNTEyLjE5MzQwNSA2MzguMTU2MjU4WiIgcC1pZD0iODQ3NCIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
7039
7144
  }
7040
7145
  .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 {
7041
7146
  float: left;
@@ -7048,11 +7153,12 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7048
7153
  top: 50%;
7049
7154
  transform: translate(-50%, -50%);
7050
7155
  opacity: 0.75;
7051
- color: #181D1F;
7156
+ color: var(--sjs-theme-color);
7052
7157
  }
7053
7158
 
7054
7159
  .gc-table-sheet-field-header {
7055
7160
  display: block;
7161
+ color: var(--sjs-theme-color);
7056
7162
  box-sizing: border-box;
7057
7163
  outline: none;
7058
7164
  width: 100%;
@@ -7098,7 +7204,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7098
7204
  height: calc(30% - 10px);
7099
7205
  overflow-y: hidden;
7100
7206
  overflow-x: hidden;
7101
- background-color: white;
7207
+ background-color: var(--sjs-theme-background);
7102
7208
  border: solid 1px lightgrey;
7103
7209
  }
7104
7210
  .gc-table-sheet-summary-container.half-height, .gc-table-sheet-cross-column-detail.half-height {
@@ -7110,6 +7216,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7110
7216
  font-weight: 500;
7111
7217
  }
7112
7218
  .gc-table-sheet-summary-header .gc-table-sheet-summary-label {
7219
+ color: #333;
7113
7220
  width: 80%;
7114
7221
  height: 20px;
7115
7222
  line-height: 20px;
@@ -7155,7 +7262,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7155
7262
  width: 60%;
7156
7263
  height: 16px;
7157
7264
  display: inline-block;
7158
- border: solid 1px lightgrey;
7265
+ border: solid 1px var(--sjs-theme-border-color);
7266
+ color: var(--sjs-theme-color);
7267
+ background-color: var(--sjs-theme-background);
7159
7268
  outline-color: rgb(82, 146, 247);
7160
7269
  }
7161
7270
 
@@ -7177,6 +7286,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7177
7286
  line-height: 23px;
7178
7287
  margin: 2px;
7179
7288
  background-color: #f2f2ff;
7289
+ color: var(--sjs-theme-color);
7180
7290
  box-sizing: border-box;
7181
7291
  text-overflow: ellipsis;
7182
7292
  overflow: hidden;
@@ -7184,7 +7294,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7184
7294
  white-space: nowrap;
7185
7295
  margin-bottom: 1px;
7186
7296
  font-size: 12px;
7187
- border: 1px solid #CBCBCB;
7297
+ border: 1px solid var(--sjs-theme-border-color);
7188
7298
  outline: none;
7189
7299
  }
7190
7300
  .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 {
@@ -7217,6 +7327,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7217
7327
  }
7218
7328
 
7219
7329
  .gc-table-sheet-cross-item-input-name {
7330
+ background-color: var(--sjs-theme-background);
7331
+ color: var(--sjs-theme-color);
7220
7332
  width: calc(60% - 20px);
7221
7333
  height: 16px;
7222
7334
  display: inline-block;
@@ -7236,6 +7348,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7236
7348
  position: relative;
7237
7349
  z-index: 1;
7238
7350
  outline: none;
7351
+ background-color: var(--sjs-theme-background);
7352
+ color: var(--sjs-theme-color);
7239
7353
  }
7240
7354
 
7241
7355
  .gc-table-sheet-cross-column-value-caption {
@@ -7269,13 +7383,21 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7269
7383
 
7270
7384
  .gc-table-sheet-summary-item-select {
7271
7385
  width: 60%;
7272
- background-color: white;
7386
+ color: var(--sjs-theme-color);
7387
+ background-color: var(--sjs-theme-background);
7273
7388
  border: solid 1px #d3d3d3;
7274
7389
  box-sizing: content-box;
7275
7390
  padding: 1px 2px;
7391
+ appearance: none;
7392
+ outline: none;
7393
+ 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");
7394
+ background-position: right center;
7395
+ background-repeat: no-repeat;
7396
+ cursor: pointer;
7276
7397
  }
7277
7398
 
7278
7399
  .gc-table-sheet-summary-item-label {
7400
+ color: var(--sjs-theme-color);
7279
7401
  width: 25%;
7280
7402
  display: inline-block;
7281
7403
  margin-left: 5px;
@@ -7287,10 +7409,15 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7287
7409
  display: inline-block;
7288
7410
  border: solid 1px lightgrey;
7289
7411
  outline-color: rgb(82, 146, 247);
7412
+ background-color: var(--sjs-theme-background);
7413
+ color: var(--sjs-theme-color);
7290
7414
  }
7291
7415
 
7292
7416
  .gc-table-sheet-summary-item-input-caption, .gc-table-sheet-summary-item-input-slice {
7293
7417
  width: 60%;
7418
+ border: solid 1px var(--sjs-theme-border-color);
7419
+ color: var(--sjs-theme-color);
7420
+ background-color: var(--sjs-theme-background);
7294
7421
  }
7295
7422
 
7296
7423
  .gc-table-sheet-summary-item-remove-icon {
@@ -7310,12 +7437,12 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7310
7437
  line-height: 23px;
7311
7438
  height: 18px;
7312
7439
  position: absolute;
7313
- background-color: white;
7314
- border: 1px solid #CBCBCB;
7440
+ background-color: var(--sjs-theme-background);
7441
+ border: 1px solid var(--sjs-theme-border-color);
7315
7442
  box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 5px;
7316
7443
  min-width: 200px;
7317
7444
  font-size: 13px;
7318
- color: rgba(0, 0, 0, 0.6);
7445
+ color: var(--sjs-theme-color);
7319
7446
  letter-spacing: 0.2px;
7320
7447
  z-index: 3;
7321
7448
  }