@iyulab/flex-table 0.23.0 → 0.23.2
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.
|
@@ -20,24 +20,24 @@ var s = t`
|
|
|
20
20
|
--ft-cell-padding-inline: 12px;
|
|
21
21
|
--ft-header-font-size: var(--ft-font-size);
|
|
22
22
|
--ft-header-font-weight: 600;
|
|
23
|
-
--ft-border-color: var(--u-border-color, #
|
|
24
|
-
--ft-bg: var(--u-bg-color, #
|
|
25
|
-
--ft-text-color: var(--u-txt-color, #
|
|
26
|
-
--ft-header-bg: var(--u-bg-color-raised, #
|
|
27
|
-
--ft-header-hover-bg: var(--u-bg-color-active, #
|
|
28
|
-
--ft-header-text-color: var(--u-txt-color, #
|
|
29
|
-
--ft-row-even-bg: var(--u-bg-color, #
|
|
30
|
-
--ft-row-odd-bg: var(--u-bg-color-raised, #
|
|
31
|
-
--ft-row-hover-bg: var(--u-bg-color-hover, #
|
|
32
|
-
--ft-active-color: var(--u-primary-color, #
|
|
33
|
-
--ft-selection-bg: var(--u-primary-bg-color, #
|
|
34
|
-
--ft-bool-color: var(--u-primary-color, #
|
|
35
|
-
--ft-sort-indicator-color: var(--u-txt-color-weak, #
|
|
36
|
-
--ft-editor-bg: var(--u-input-bg-color, #
|
|
23
|
+
--ft-border-color: var(--u-border-color, #E0E0E0);
|
|
24
|
+
--ft-bg: var(--u-bg-color, #FFFFFF);
|
|
25
|
+
--ft-text-color: var(--u-txt-color, #212121);
|
|
26
|
+
--ft-header-bg: var(--u-bg-color-raised, #FAFAFA);
|
|
27
|
+
--ft-header-hover-bg: var(--u-bg-color-active, #EEEEEE);
|
|
28
|
+
--ft-header-text-color: var(--u-txt-color, #212121);
|
|
29
|
+
--ft-row-even-bg: var(--u-bg-color, #FFFFFF);
|
|
30
|
+
--ft-row-odd-bg: var(--u-bg-color-raised, #FAFAFA);
|
|
31
|
+
--ft-row-hover-bg: var(--u-bg-color-hover, #F5F5F5);
|
|
32
|
+
--ft-active-color: var(--u-primary-color, #1976D2);
|
|
33
|
+
--ft-selection-bg: var(--u-primary-bg-color, #E3F2FD);
|
|
34
|
+
--ft-bool-color: var(--u-primary-color, #1976D2);
|
|
35
|
+
--ft-sort-indicator-color: var(--u-txt-color-weak, #757575);
|
|
36
|
+
--ft-editor-bg: var(--u-input-bg-color, #FFFFFF);
|
|
37
37
|
/* #999 was 2.85 against --ft-bg (#fff); AA needs 4.5. The dark value (#9aa0a6 on
|
|
38
38
|
#1e1e2e = 6.31) was already fine, so this was a light-only defect. #5f6368 is the
|
|
39
39
|
same grey the sort indicator uses, which keeps the palette to one family. */
|
|
40
|
-
--ft-empty-color: var(--u-txt-color-weak, #
|
|
40
|
+
--ft-empty-color: var(--u-txt-color-weak, #757575);
|
|
41
41
|
|
|
42
42
|
/* 상태 색 — 종전에는 규칙 안에 리터럴로 박혀 있어 소비자가 덮을 경로가 없었고
|
|
43
43
|
테마도 따라오지 않았다(다크에서 라이트용 값 그대로).
|
|
@@ -46,11 +46,11 @@ var s = t`
|
|
|
46
46
|
아래에 있고 그것이 비쳐야 "어느 행의 어떤 셀"인지 읽힌다. 그래서 면 토큰
|
|
47
47
|
(--u-*-bg-color)이 아니라 **상태 색에서 알파를 뽑는다** — 부수 효과로 두 테마
|
|
48
48
|
모두에서 성립하므로 아래 다크 블록에 이 셋을 다시 적을 필요가 없다. */
|
|
49
|
-
--ft-invalid-color: var(--u-danger-color, #
|
|
49
|
+
--ft-invalid-color: var(--u-danger-color, #D32F2F);
|
|
50
50
|
--ft-invalid-bg: color-mix(in srgb, var(--ft-invalid-color) 8%, transparent);
|
|
51
|
-
--ft-drop-color: var(--u-primary-color, #
|
|
51
|
+
--ft-drop-color: var(--u-primary-color, #1976D2);
|
|
52
52
|
--ft-drop-bg: color-mix(in srgb, var(--ft-drop-color) 15%, transparent);
|
|
53
|
-
--ft-find-color: var(--u-warning-color, #
|
|
53
|
+
--ft-find-color: var(--u-warning-color, #FDD835);
|
|
54
54
|
--ft-find-bg: color-mix(in srgb, var(--ft-find-color) 25%, transparent);
|
|
55
55
|
--ft-find-current-bg: color-mix(in srgb, var(--ft-find-color) 50%, transparent);
|
|
56
56
|
}
|
|
@@ -63,41 +63,41 @@ var s = t`
|
|
|
63
63
|
⇒ 즉 이 표는 시트 없이도 종전처럼 자체 테마를 갖는다(그것이 이 패키지의 계약이었다). */
|
|
64
64
|
@media (prefers-color-scheme: dark) {
|
|
65
65
|
:host(:not([theme="light"])) {
|
|
66
|
-
--ft-border-color: var(--u-border-color, #
|
|
67
|
-
--ft-bg: var(--u-bg-color, #
|
|
68
|
-
--ft-text-color: var(--u-txt-color, #
|
|
69
|
-
--ft-header-bg: var(--u-bg-color-raised, #
|
|
70
|
-
--ft-header-hover-bg: var(--u-bg-color-active, #
|
|
71
|
-
--ft-header-text-color: var(--u-txt-color, #
|
|
72
|
-
--ft-row-even-bg: var(--u-bg-color, #
|
|
73
|
-
--ft-row-odd-bg: var(--u-bg-color-raised, #
|
|
74
|
-
--ft-row-hover-bg: var(--u-bg-color-hover, #
|
|
75
|
-
--ft-active-color: var(--u-primary-color, #
|
|
76
|
-
--ft-selection-bg: var(--u-primary-bg-color, #
|
|
77
|
-
--ft-bool-color: var(--u-primary-color, #
|
|
78
|
-
--ft-sort-indicator-color: var(--u-txt-color-weak, #
|
|
79
|
-
--ft-editor-bg: var(--u-input-bg-color, #
|
|
80
|
-
--ft-empty-color: var(--u-txt-color-weak, #
|
|
66
|
+
--ft-border-color: var(--u-border-color, #E0E0E0);
|
|
67
|
+
--ft-bg: var(--u-bg-color, #FFFFFF);
|
|
68
|
+
--ft-text-color: var(--u-txt-color, #212121);
|
|
69
|
+
--ft-header-bg: var(--u-bg-color-raised, #FAFAFA);
|
|
70
|
+
--ft-header-hover-bg: var(--u-bg-color-active, #EEEEEE);
|
|
71
|
+
--ft-header-text-color: var(--u-txt-color, #212121);
|
|
72
|
+
--ft-row-even-bg: var(--u-bg-color, #FFFFFF);
|
|
73
|
+
--ft-row-odd-bg: var(--u-bg-color-raised, #FAFAFA);
|
|
74
|
+
--ft-row-hover-bg: var(--u-bg-color-hover, #F5F5F5);
|
|
75
|
+
--ft-active-color: var(--u-primary-color, #1976D2);
|
|
76
|
+
--ft-selection-bg: var(--u-primary-bg-color, #E3F2FD);
|
|
77
|
+
--ft-bool-color: var(--u-primary-color, #1976D2);
|
|
78
|
+
--ft-sort-indicator-color: var(--u-txt-color-weak, #757575);
|
|
79
|
+
--ft-editor-bg: var(--u-input-bg-color, #FFFFFF);
|
|
80
|
+
--ft-empty-color: var(--u-txt-color-weak, #757575);
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
/* --- Force dark via attribute --- */
|
|
85
85
|
:host([theme="dark"]) {
|
|
86
|
-
--ft-border-color: var(--u-border-color, #
|
|
87
|
-
--ft-bg: var(--u-bg-color, #
|
|
88
|
-
--ft-text-color: var(--u-txt-color, #
|
|
89
|
-
--ft-header-bg: var(--u-bg-color-raised, #
|
|
90
|
-
--ft-header-hover-bg: var(--u-bg-color-active, #
|
|
91
|
-
--ft-header-text-color: var(--u-txt-color, #
|
|
92
|
-
--ft-row-even-bg: var(--u-bg-color, #
|
|
93
|
-
--ft-row-odd-bg: var(--u-bg-color-raised, #
|
|
94
|
-
--ft-row-hover-bg: var(--u-bg-color-hover, #
|
|
95
|
-
--ft-active-color: var(--u-primary-color, #
|
|
96
|
-
--ft-selection-bg: var(--u-primary-bg-color, #
|
|
97
|
-
--ft-bool-color: var(--u-primary-color, #
|
|
98
|
-
--ft-sort-indicator-color: var(--u-txt-color-weak, #
|
|
99
|
-
--ft-editor-bg: var(--u-input-bg-color, #
|
|
100
|
-
--ft-empty-color: var(--u-txt-color-weak, #
|
|
86
|
+
--ft-border-color: var(--u-border-color, #E0E0E0);
|
|
87
|
+
--ft-bg: var(--u-bg-color, #FFFFFF);
|
|
88
|
+
--ft-text-color: var(--u-txt-color, #212121);
|
|
89
|
+
--ft-header-bg: var(--u-bg-color-raised, #FAFAFA);
|
|
90
|
+
--ft-header-hover-bg: var(--u-bg-color-active, #EEEEEE);
|
|
91
|
+
--ft-header-text-color: var(--u-txt-color, #212121);
|
|
92
|
+
--ft-row-even-bg: var(--u-bg-color, #FFFFFF);
|
|
93
|
+
--ft-row-odd-bg: var(--u-bg-color-raised, #FAFAFA);
|
|
94
|
+
--ft-row-hover-bg: var(--u-bg-color-hover, #F5F5F5);
|
|
95
|
+
--ft-active-color: var(--u-primary-color, #1976D2);
|
|
96
|
+
--ft-selection-bg: var(--u-primary-bg-color, #E3F2FD);
|
|
97
|
+
--ft-bool-color: var(--u-primary-color, #1976D2);
|
|
98
|
+
--ft-sort-indicator-color: var(--u-txt-color-weak, #757575);
|
|
99
|
+
--ft-editor-bg: var(--u-input-bg-color, #FFFFFF);
|
|
100
|
+
--ft-empty-color: var(--u-txt-color-weak, #757575);
|
|
101
101
|
}
|
|
102
102
|
|
|
103
103
|
/* --- Layout --- */
|
package/dist/flex-table.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, r, t as i } from "./flex-table-
|
|
1
|
+
import { a as e, i as t, n, r, t as i } from "./flex-table-D-OLUYir.js";
|
|
2
2
|
export { i as FlexTable, t as RowSelectionState, r as UndoStack, n as exportData, e as renderCell };
|
package/dist/odata/index.js
CHANGED
|
@@ -31,7 +31,7 @@ function o(o, c = {}) {
|
|
|
31
31
|
return p(s, { signal: e.signal }).then(async (e) => {
|
|
32
32
|
if (!e.ok) {
|
|
33
33
|
(e.status === 401 || e.status === 403) && m && m(e);
|
|
34
|
-
let t = await e.text().catch(() => ""), n =
|
|
34
|
+
let t = await e.text().catch(() => ""), n = `Request failed (${e.status})`;
|
|
35
35
|
try {
|
|
36
36
|
let e = JSON.parse(t);
|
|
37
37
|
n = e?.error?.message ?? e?.message ?? n;
|
package/dist/react.js
CHANGED