@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.excel2016darkGray.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: #f0f0f0;
1436
+ border: 1px solid #ACACAC;
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 #ACACAC;
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 #ACACAC;
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,12 +3374,19 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
3286
3374
  .gc-panel-views > div > input {
3287
3375
  color: white;
3288
3376
  }
3377
+ .gc-panel-views .gc-panel-views-content {
3378
+ width: calc(100% - 50px);
3379
+ display: inline-block;
3380
+ border: 1px solid #d4d4d4;
3381
+ white-space: nowrap;
3382
+ }
3289
3383
 
3290
3384
  .gc-panel-viewList {
3291
3385
  position: absolute;
3292
3386
  bottom: 10px;
3293
- background-color: #fff;
3294
- border: 1px solid #CBCBCB;
3387
+ background-color: #d4d4d4;
3388
+ color: white;
3389
+ border: 1px solid #d4d4d4;
3295
3390
  border-radius: 5px;
3296
3391
  font-size: 14px;
3297
3392
  min-height: 21px;
@@ -6838,12 +6933,12 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6838
6933
 
6839
6934
  .gc-table-sheet-panel, .gc-table-sheet-cross-column {
6840
6935
  position: relative;
6841
- background-color: white;
6936
+ background-color: var(--sjs-theme-background);
6842
6937
  box-sizing: border-box;
6843
6938
  width: 100%;
6844
6939
  min-width: 300px;
6845
6940
  height: 100%;
6846
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
6941
+ font-family: var(--sjs-theme-font-family);
6847
6942
  font-size: 12px;
6848
6943
  overflow-x: hidden;
6849
6944
  overflow-y: hidden;
@@ -6855,7 +6950,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6855
6950
  margin: 5px 10px 0 10px;
6856
6951
  width: calc(100% - 20px);
6857
6952
  height: calc(100% - 30px);
6858
- border: solid 1px lightgray;
6953
+ border: solid 1px var(--sjs-theme-border-color);
6954
+ }
6955
+ .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 {
6956
+ width: 80%;
6859
6957
  }
6860
6958
  .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 {
6861
6959
  white-space: normal;
@@ -6876,8 +6974,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6876
6974
  width: calc(100% - 20px);
6877
6975
  overflow-y: auto;
6878
6976
  overflow-x: hidden;
6879
- background-color: white;
6880
- border: solid 1px lightgrey;
6977
+ background-color: var(--sjs-theme-background);
6978
+ border: solid 1px var(--sjs-theme-border-color);
6881
6979
  }
6882
6980
  .gc-table-sheet-panel .gc-table-sheet-cross-column-list-container, .gc-table-sheet-cross-column .gc-table-sheet-cross-column-list-container {
6883
6981
  height: 20%;
@@ -6895,12 +6993,14 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6895
6993
  height: 30%;
6896
6994
  overflow-y: auto;
6897
6995
  overflow-x: hidden;
6898
- background-color: white;
6996
+ background-color: var(--sjs-theme-background);
6899
6997
  }
6900
6998
  .gc-table-sheet-group-panel.half-height, .gc-table-sheet-cross-column-list-container.half-height, .gc-table-sheet-cross-column-detail.half-height {
6901
6999
  height: 50% !important;
6902
7000
  }
6903
7001
  .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 {
7002
+ background: var(--sjs-theme-background);
7003
+ color: var(--sjs-theme-color);
6904
7004
  position: absolute;
6905
7005
  left: 1px;
6906
7006
  width: calc(100% - 8px);
@@ -6915,6 +7015,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6915
7015
 
6916
7016
  .gc-table-sheet-group-header, .gc-table-sheet-cross-column-header {
6917
7017
  box-sizing: border-box;
7018
+ color: var(--sjs-theme-color);
6918
7019
  outline: none;
6919
7020
  width: 100%;
6920
7021
  height: 20px;
@@ -6928,7 +7029,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6928
7029
  width: calc(100% - 20px);
6929
7030
  height: calc(100% - 40px);
6930
7031
  margin: 6px 0 0 9px;
6931
- border: dashed lightgray 1px;
7032
+ border: dashed var(--sjs-theme-border-color) 1px;
6932
7033
  overflow-y: auto;
6933
7034
  overflow-x: hidden;
6934
7035
  padding-inline-start: 0px;
@@ -6938,7 +7039,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6938
7039
  height: 23px;
6939
7040
  line-height: 23px;
6940
7041
  margin: 2px;
6941
- background-color: #f2f2ff;
7042
+ background-color: var(--sjs-theme-background);
7043
+ color: var(--sjs-theme-color);
6942
7044
  box-sizing: border-box;
6943
7045
  text-overflow: ellipsis;
6944
7046
  overflow: hidden;
@@ -6946,7 +7048,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6946
7048
  white-space: nowrap;
6947
7049
  margin-bottom: 1px;
6948
7050
  font-size: 12px;
6949
- border: 1px solid #CBCBCB;
7051
+ border: 1px solid var(--sjs-theme-border-color);
6950
7052
  outline: none;
6951
7053
  }
6952
7054
  .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 {
@@ -6966,19 +7068,19 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6966
7068
  }
6967
7069
  .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 {
6968
7070
  cursor: pointer;
6969
- border: solid 1px #217346;
7071
+ border: solid 1px var(--sjs-theme-accent);
6970
7072
  }
6971
7073
  .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 {
6972
- border: 1px solid #CBCBCB !important;
6973
- border-top: solid 1px #217346 !important;
7074
+ border: 1px solid var(--sjs-theme-border-color) !important;
7075
+ border-top: solid 1px var(--sjs-theme-accent) !important;
6974
7076
  }
6975
7077
  .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 {
6976
- border: 1px solid #CBCBCB !important;
6977
- border-bottom: solid 1px #217346 !important;
7078
+ border: 1px solid var(--sjs-theme-border-color) !important;
7079
+ border-bottom: solid 1px var(--sjs-theme-accent) !important;
6978
7080
  }
6979
7081
  .gc-table-sheet-group-list .selected, .gc-table-sheet-cross-column-list .selected, .gc-table-sheet-cross-column-attributes-list .selected {
6980
- background-color: #227347 !important;
6981
- color: white !important;
7082
+ background-color: var(--sjs-theme-accent) !important;
7083
+ color: var(--sjs-theme-accent-color) !important;
6982
7084
  }
6983
7085
  .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 {
6984
7086
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE5XzE2MjApIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuODk1MDggMS4yODYyMUM2LjA3MzgyIDEuMTAwNjIgNi4zMTIxNiAxIDYuNTU2NTEgMUg5LjQ0NTk1QzkuNjkwMzEgMSA5LjkyODY0IDEuMTAwNjIgMTAuMTA3NCAxLjI4NjIxQzEwLjI4NjcgMS40NzI0NCAxMC4zOTA3IDEuNzI4OTEgMTAuMzkwNyAyLjAwMDA5VjMuMDAwMThINS42MTE3OVYyLjAwMDA5QzUuNjExNzkgMS43Mjg5MSA1LjcxNTcyIDEuNDcyNDQgNS44OTUwOCAxLjI4NjIxWk00LjYxMTc5IDMuMDAwMThWMi4wMDAwOUM0LjYxMTc5IDEuNDc1NTggNC44MTIyOSAwLjk2ODkzMiA1LjE3NDggMC41OTI1MjNDNS41Mzc5NCAwLjIxNTQ3NCA2LjAzNDU0IDAgNi41NTY1MSAwSDkuNDQ1OTVDOS45Njc5MiAwIDEwLjQ2NDUgMC4yMTU0NzQgMTAuODI3NyAwLjU5MjUyM0MxMS4xOTAyIDAuOTY4OTMyIDExLjM5MDcgMS40NzU1OCAxMS4zOTA3IDIuMDAwMDlWMy4wMDAxOEgxMy4wNTc3SDE0LjUwMjVDMTQuNzc4NiAzLjAwMDE4IDE1LjAwMjUgMy4yMjQwNCAxNS4wMDI1IDMuNTAwMThDMTUuMDAyNSAzLjc3NjMzIDE0Ljc3ODYgNC4wMDAxOCAxNC41MDI1IDQuMDAwMThIMTMuNTU3N1YxNC4wMDA4QzEzLjU1NzcgMTQuNTI1MyAxMy4zNTcyIDE1LjAzMiAxMi45OTQ3IDE1LjQwODRDMTIuNjMxNiAxNS43ODU0IDEyLjEzNSAxNi4wMDA5IDExLjYxMyAxNi4wMDA5SDQuMzg5NDRDMy44Njc0NyAxNi4wMDA5IDMuMzcwODYgMTUuNzg1NCAzLjAwNzczIDE1LjQwODRDMi42NDUyMSAxNS4wMzIgMi40NDQ3MiAxNC41MjUzIDIuNDQ0NzIgMTQuMDAwOFY0LjAwMDE4SDEuNUMxLjIyMzg2IDQuMDAwMTggMSAzLjc3NjMzIDEgMy41MDAxOEMxIDMuMjI0MDQgMS4yMjM4NiAzLjAwMDE4IDEuNSAzLjAwMDE4SDIuOTQ0NzJINC42MTE3OVpNMy40NDQ3MiA0LjAwMDE4VjE0LjAwMDhDMy40NDQ3MiAxNC4yNzIgMy41NDg2NCAxNC41Mjg1IDMuNzI4IDE0LjcxNDdDMy45MDY3NSAxNC45MDAzIDQuMTQ1MDggMTUuMDAwOSA0LjM4OTQ0IDE1LjAwMDlIMTEuNjEzQzExLjg1NzQgMTUuMDAwOSAxMi4wOTU3IDE0LjkwMDMgMTIuMjc0NSAxNC43MTQ3QzEyLjQ1MzggMTQuNTI4NSAxMi41NTc3IDE0LjI3MiAxMi41NTc3IDE0LjAwMDhWNC4wMDAxOEgzLjQ0NDcyWk02LjUgN0M2Ljc3NjE0IDcgNyA3LjIwMzUgNyA3LjQ1NDUyVjExLjU0NTVDNyAxMS43OTY1IDYuNzc2MTQgMTIgNi41IDEyQzYuMjIzODYgMTIgNiAxMS43OTY1IDYgMTEuNTQ1NVY3LjQ1NDUyQzYgNy4yMDM1IDYuMjIzODYgNyA2LjUgN1pNMTAgNy40NTQ1MkMxMCA3LjIwMzUgOS43NzYxNCA3IDkuNSA3QzkuMjIzODYgNyA5IDcuMjAzNSA5IDcuNDU0NTJWMTEuNTQ1NUM5IDExLjc5NjUgOS4yMjM4NiAxMiA5LjUgMTJDOS43NzYxNCAxMiAxMCAxMS43OTY1IDEwIDExLjU0NTVWNy40NTQ1MloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTlfMTYyMCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0idHJhbnNwYXJlbnQiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
@@ -6989,6 +7091,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
6989
7091
  .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 {
6990
7092
  background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzMjA5MjY3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg0NzMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcyNi42NTI4MDEgNDI5LjMwNTYwMyAyOTcuMzQ3MTk5IDQyOS4zMDU2MDMgNTEyLjE5MzQwNSA2MzguMTU2MjU4WiIgcC1pZD0iODQ3NCIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
6991
7093
  }
7094
+ .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 {
7095
+ color: var(--sjs-theme-accent-color);
7096
+ }
6992
7097
  .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 {
6993
7098
  margin-left: 5px;
6994
7099
  width: 80%;
@@ -7033,10 +7138,10 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7033
7138
  height: initial;
7034
7139
  }
7035
7140
  .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 {
7036
- background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzNzY1NTA5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg4NjMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTI5Ny4zNDcxOTkgNjM4LjE1NjI1OCA3MjYuNjUyODAxIDYzOC4xNTYyNTggNTExLjgwNjU5NSA0MjkuMzA1NjAzWiIgcC1pZD0iODg2NCIgZmlsbD0iIzY2NjY2NiI+PC9wYXRoPjwvc3ZnPg==);
7141
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzMjA5MjY3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg0NzMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcyNi42NTI4MDEgNDI5LjMwNTYwMyAyOTcuMzQ3MTk5IDQyOS4zMDU2MDMgNTEyLjE5MzQwNSA2MzguMTU2MjU4WiIgcC1pZD0iODQ3NCIgZmlsbD0iIzY2NjY2NiI+PC9wYXRoPjwvc3ZnPg==);
7037
7142
  }
7038
7143
  .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 {
7039
- background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzNzY1NTA5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg4NjMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTI5Ny4zNDcxOTkgNjM4LjE1NjI1OCA3MjYuNjUyODAxIDYzOC4xNTYyNTggNTExLjgwNjU5NSA0MjkuMzA1NjAzWiIgcC1pZD0iODg2NCIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
7144
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5ODQzMjA5MjY3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg0NzMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcyNi42NTI4MDEgNDI5LjMwNTYwMyAyOTcuMzQ3MTk5IDQyOS4zMDU2MDMgNTEyLjE5MzQwNSA2MzguMTU2MjU4WiIgcC1pZD0iODQ3NCIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
7040
7145
  }
7041
7146
  .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 {
7042
7147
  float: left;
@@ -7049,11 +7154,12 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7049
7154
  top: 50%;
7050
7155
  transform: translate(-50%, -50%);
7051
7156
  opacity: 0.75;
7052
- color: #181D1F;
7157
+ color: var(--sjs-theme-color);
7053
7158
  }
7054
7159
 
7055
7160
  .gc-table-sheet-field-header {
7056
7161
  display: block;
7162
+ color: var(--sjs-theme-color);
7057
7163
  box-sizing: border-box;
7058
7164
  outline: none;
7059
7165
  width: 100%;
@@ -7099,7 +7205,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7099
7205
  height: calc(30% - 10px);
7100
7206
  overflow-y: hidden;
7101
7207
  overflow-x: hidden;
7102
- background-color: white;
7208
+ background-color: var(--sjs-theme-background);
7103
7209
  border: solid 1px lightgrey;
7104
7210
  }
7105
7211
  .gc-table-sheet-summary-container.half-height, .gc-table-sheet-cross-column-detail.half-height {
@@ -7107,10 +7213,11 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7107
7213
  }
7108
7214
 
7109
7215
  .gc-table-sheet-summary-header {
7110
- background-color: #D3E3DA;
7216
+ background-color: #D7E6F7;
7111
7217
  font-weight: 500;
7112
7218
  }
7113
7219
  .gc-table-sheet-summary-header .gc-table-sheet-summary-label {
7220
+ color: #333;
7114
7221
  width: 80%;
7115
7222
  height: 20px;
7116
7223
  line-height: 20px;
@@ -7156,7 +7263,9 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7156
7263
  width: 60%;
7157
7264
  height: 16px;
7158
7265
  display: inline-block;
7159
- border: solid 1px lightgrey;
7266
+ border: solid 1px var(--sjs-theme-border-color);
7267
+ color: var(--sjs-theme-color);
7268
+ background-color: var(--sjs-theme-background);
7160
7269
  outline-color: rgb(82, 146, 247);
7161
7270
  }
7162
7271
 
@@ -7178,6 +7287,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7178
7287
  line-height: 23px;
7179
7288
  margin: 2px;
7180
7289
  background-color: #f2f2ff;
7290
+ color: var(--sjs-theme-color);
7181
7291
  box-sizing: border-box;
7182
7292
  text-overflow: ellipsis;
7183
7293
  overflow: hidden;
@@ -7185,7 +7295,7 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7185
7295
  white-space: nowrap;
7186
7296
  margin-bottom: 1px;
7187
7297
  font-size: 12px;
7188
- border: 1px solid #CBCBCB;
7298
+ border: 1px solid var(--sjs-theme-border-color);
7189
7299
  outline: none;
7190
7300
  }
7191
7301
  .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 {
@@ -7218,6 +7328,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7218
7328
  }
7219
7329
 
7220
7330
  .gc-table-sheet-cross-item-input-name {
7331
+ background-color: var(--sjs-theme-background);
7332
+ color: var(--sjs-theme-color);
7221
7333
  width: calc(60% - 20px);
7222
7334
  height: 16px;
7223
7335
  display: inline-block;
@@ -7237,6 +7349,8 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7237
7349
  position: relative;
7238
7350
  z-index: 1;
7239
7351
  outline: none;
7352
+ background-color: var(--sjs-theme-background);
7353
+ color: var(--sjs-theme-color);
7240
7354
  }
7241
7355
 
7242
7356
  .gc-table-sheet-cross-column-value-caption {
@@ -7270,13 +7384,21 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7270
7384
 
7271
7385
  .gc-table-sheet-summary-item-select {
7272
7386
  width: 60%;
7273
- background-color: white;
7387
+ color: var(--sjs-theme-color);
7388
+ background-color: var(--sjs-theme-background);
7274
7389
  border: solid 1px #d3d3d3;
7275
7390
  box-sizing: content-box;
7276
7391
  padding: 1px 2px;
7392
+ appearance: none;
7393
+ outline: none;
7394
+ 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");
7395
+ background-position: right center;
7396
+ background-repeat: no-repeat;
7397
+ cursor: pointer;
7277
7398
  }
7278
7399
 
7279
7400
  .gc-table-sheet-summary-item-label {
7401
+ color: var(--sjs-theme-color);
7280
7402
  width: 25%;
7281
7403
  display: inline-block;
7282
7404
  margin-left: 5px;
@@ -7288,10 +7410,15 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7288
7410
  display: inline-block;
7289
7411
  border: solid 1px lightgrey;
7290
7412
  outline-color: rgb(82, 146, 247);
7413
+ background-color: var(--sjs-theme-background);
7414
+ color: var(--sjs-theme-color);
7291
7415
  }
7292
7416
 
7293
7417
  .gc-table-sheet-summary-item-input-caption, .gc-table-sheet-summary-item-input-slice {
7294
7418
  width: 60%;
7419
+ border: solid 1px var(--sjs-theme-border-color);
7420
+ color: var(--sjs-theme-color);
7421
+ background-color: var(--sjs-theme-background);
7295
7422
  }
7296
7423
 
7297
7424
  .gc-table-sheet-summary-item-remove-icon {
@@ -7311,12 +7438,12 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
7311
7438
  line-height: 23px;
7312
7439
  height: 18px;
7313
7440
  position: absolute;
7314
- background-color: white;
7315
- border: 1px solid #CBCBCB;
7441
+ background-color: var(--sjs-theme-background);
7442
+ border: 1px solid var(--sjs-theme-border-color);
7316
7443
  box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 5px;
7317
7444
  min-width: 200px;
7318
7445
  font-size: 13px;
7319
- color: rgba(0, 0, 0, 0.6);
7446
+ color: var(--sjs-theme-color);
7320
7447
  letter-spacing: 0.2px;
7321
7448
  z-index: 3;
7322
7449
  }