@yongdall/skin 0.3.2 → 0.4.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.
- package/package.json +1 -1
- package/style.css +38 -5
- package/style.css.map +1 -1
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
|
|
44
43
|
*,
|
|
45
44
|
*::before,
|
|
46
45
|
*::after {
|
|
47
46
|
box-sizing: border-box;
|
|
48
47
|
scrollbar-color: #6666 #FFF0;
|
|
49
48
|
}
|
|
49
|
+
|
|
50
50
|
html,
|
|
51
51
|
body {
|
|
52
52
|
block-size: 100%;
|
|
@@ -54,6 +54,7 @@ body {
|
|
|
54
54
|
font-size: var(--font-size);
|
|
55
55
|
line-height: var(--line-height);
|
|
56
56
|
}
|
|
57
|
+
|
|
57
58
|
:root {
|
|
58
59
|
--theme-sider-size: 300px;
|
|
59
60
|
--font-size: 14px;
|
|
@@ -65,12 +66,17 @@ body {
|
|
|
65
66
|
body {
|
|
66
67
|
margin: 0;
|
|
67
68
|
color: rgba(0, 0, 0, 0.85);
|
|
68
|
-
background: var(--color-global-background);
|
|
69
69
|
scrollbar-gutter: stable;
|
|
70
|
+
|
|
71
|
+
@media not print {
|
|
72
|
+
background: var(--color-global-background);
|
|
73
|
+
}
|
|
70
74
|
}
|
|
75
|
+
|
|
71
76
|
table {
|
|
72
77
|
border-spacing: 0px;
|
|
73
78
|
}
|
|
79
|
+
|
|
74
80
|
a {
|
|
75
81
|
color: var(--color-primary);
|
|
76
82
|
text-decoration: none;
|
|
@@ -104,10 +110,18 @@ input[type="checkbox"] {
|
|
|
104
110
|
vertical-align: middle;
|
|
105
111
|
margin: unset;
|
|
106
112
|
}
|
|
113
|
+
|
|
114
|
+
@media print {
|
|
115
|
+
.unprintable {
|
|
116
|
+
display: none!important;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
|
|
107
120
|
.InputDocument {
|
|
108
121
|
inline-size: 100%;
|
|
109
122
|
|
|
110
123
|
}
|
|
124
|
+
|
|
111
125
|
.InputDocument-text {
|
|
112
126
|
box-sizing: border-box;
|
|
113
127
|
font-size: inherit;
|
|
@@ -137,9 +151,15 @@ input[type="checkbox"] {
|
|
|
137
151
|
border: solid 1px #dcdfe633;
|
|
138
152
|
}
|
|
139
153
|
}
|
|
154
|
+
|
|
155
|
+
.InputDocument-Item::after {
|
|
156
|
+
content: ' ';
|
|
157
|
+
}
|
|
158
|
+
|
|
140
159
|
.InputDocument-placeholder {
|
|
141
160
|
opacity: .5;
|
|
142
161
|
}
|
|
162
|
+
|
|
143
163
|
input,
|
|
144
164
|
textarea,
|
|
145
165
|
select,
|
|
@@ -343,6 +363,7 @@ dialog {
|
|
|
343
363
|
display: flex;
|
|
344
364
|
align-items: flex-start;
|
|
345
365
|
padding-inline: 4px;
|
|
366
|
+
min-block-size: calc(100dvb - var(--Page-block-start, 0px));
|
|
346
367
|
}
|
|
347
368
|
|
|
348
369
|
.Page-header {
|
|
@@ -385,13 +406,18 @@ dialog {
|
|
|
385
406
|
}
|
|
386
407
|
|
|
387
408
|
.Page-panel {
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
409
|
+
@media not print {
|
|
410
|
+
background-color: var(--color-canvas);
|
|
411
|
+
border-radius: var(--border-radius);
|
|
412
|
+
padding: 8px;
|
|
413
|
+
}
|
|
391
414
|
}
|
|
415
|
+
|
|
392
416
|
.Page-sides {
|
|
393
417
|
padding-inline: 4px;
|
|
394
418
|
scrollbar-color: #666 #0000;
|
|
419
|
+
min-inline-size: 200px;
|
|
420
|
+
|
|
395
421
|
&:empty {
|
|
396
422
|
display: none;
|
|
397
423
|
}
|
|
@@ -404,6 +430,8 @@ dialog {
|
|
|
404
430
|
.Page-mode-flex {
|
|
405
431
|
overflow: hidden;
|
|
406
432
|
align-items: stretch;
|
|
433
|
+
block-size: calc(100dvb - var(--Page-block-start, 0px));
|
|
434
|
+
|
|
407
435
|
.Page-sides {
|
|
408
436
|
overflow: auto;
|
|
409
437
|
}
|
|
@@ -421,21 +449,26 @@ dialog {
|
|
|
421
449
|
inline-size: 100%;
|
|
422
450
|
display: flex;
|
|
423
451
|
}
|
|
452
|
+
|
|
424
453
|
.Page-body-main {
|
|
425
454
|
overflow: auto;
|
|
426
455
|
flex: 1;
|
|
427
456
|
}
|
|
428
457
|
}
|
|
458
|
+
|
|
429
459
|
.Page-sider-header {
|
|
430
460
|
display: flex;
|
|
431
461
|
flex-direction: row;
|
|
432
462
|
align-items: center;
|
|
433
463
|
}
|
|
464
|
+
|
|
434
465
|
.Page-sider-title {
|
|
435
466
|
flex: 1;
|
|
436
467
|
}
|
|
468
|
+
|
|
437
469
|
.Page-sider-buttons {
|
|
438
470
|
}
|
|
471
|
+
|
|
439
472
|
.Page-sider-menu {
|
|
440
473
|
padding: 8px;
|
|
441
474
|
}
|
package/style.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.css","names":[],"sources":["../../packages/skin/palette.css","../../packages/skin/base.css","../../packages/skin/Page.css","../../packages/skin/QueryFilters.css","../../packages/skin/components/NeeloongForm.css","../../packages/skin/components/NavMenu.css","../../packages/skin/components/FieldFilter.css","../../packages/skin/MenuButtons.css","../../packages/skin/style.css"],"sourcesContent":[":root {\n\t--color-primary: #00BBDD;\n\t--color-canvas: Canvas;\n\t--color-text: Canvas;\n\t--color-navMenu-filter-highlight: #FF0;\n --color-global-background: #f0f2f5;\n}\n:root, .palette {\n /* 背景仍为深色（保持暗色模式基调），但可加入主色微调 */\n --color-nav-bg: #1a1a1a;\n\n /* 默认文字用浅灰，但悬停/激活时全面启用主题色 */\n --color-nav-text: #cfcfcf;\n\n /* 【重点】悬停文字直接使用主色，强化品牌感知 */\n --color-nav-text-highlight: var(--color-primary);\n\n /* 悬停背景：用主色的低透明度叠加，形成“发光”效果 */\n --color-nav-bg-highlight: color-mix(in srgb, var(--color-primary) 60%, transparent);\n\n /* Logo 使用主色，与悬停态呼应 */\n --color-nav-logo: var(--color-primary);\n\n}\n.palette-nav-primary {\n /* 背景 = 主色 */\n --color-nav-bg: var(--color-primary);\n\n /* 文字反白（假设主色足够亮）*/\n --color-nav-text: #ffffff;\n\n /* 悬停文字：用更亮的白色或主色的亮变体（此处保守用亮白）*/\n --color-nav-text-highlight: #f8faff;\n\n /* 悬停背景：主色叠加白色半透明，模拟“提亮” */\n --color-nav-bg-highlight: color-mix(in srgb, white 20%, var(--color-primary));\n\n /* Logo 反白以匹配背景 */\n --color-nav-logo: #ffffff;\n\n}\n","\n*,\n*::before,\n*::after {\n\tbox-sizing: border-box;\n\tscrollbar-color: #6666 #FFF0;\n}\nhtml,\nbody {\n\tblock-size: 100%;\n\tinline-size: 100%;\n\tfont-size: var(--font-size);\n\tline-height: var(--line-height);\n}\n:root {\n\t--theme-sider-size: 300px;\n\t--font-size: 14px;\n\t--line-height: 1.5em;\n\t--border-radius: 8px;\n}\n\n\nbody {\n\tmargin: 0;\n\tcolor: rgba(0, 0, 0, 0.85);\n\tbackground: var(--color-global-background);\n\tscrollbar-gutter: stable;\n}\ntable {\n\tborder-spacing: 0px;\n}\na {\n\tcolor: var(--color-primary);\n\ttext-decoration: none;\n\tbackground-color: transparent;\n\toutline: none;\n\tcursor: pointer;\n\ttransition: color 0.3s;\n\t-webkit-text-decoration-skip: objects;\n\n\t&:hover,\n\t&:focus {\n\t\tcolor: #40a9ff;\n\t\ttext-decoration: underline;\n\t}\n\n\t&[disabled] {\n\t\tcolor: rgba(0, 0, 0, 0.25);\n\t\tcursor: not-allowed;\n\t}\n\n}\n\ninput:not([type=checkbox]),\ntextarea,\nselect,\nyongdall-select {\n\twidth: 100%;\n}\n\ninput[type=\"checkbox\"] {\n\tvertical-align: middle;\n\tmargin: unset;\n}\n.InputDocument {\n\tinline-size: 100%;\n\n}\n.InputDocument-text {\n\tbox-sizing: border-box;\n\tfont-size: inherit;\n\tblock-size: 32px;\n\tline-height: 28px;\n\tbackground-color: #ffffff;\n\tborder-radius: 4px;\n\tborder: solid 1px #dcdfe6;\n\tpadding-block: 1px;\n\tpadding-inline: 11px;\n\ttransform: translateZ(0);\n\ttransition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n\toutline: none;\n\tcolor: #000;\n\tuser-select: all;\n\n\t&:hover {\n\t\tborder-color: #c0c4cc;\n\t}\n\n\t&:focus {\n\t\tborder-color: #409eff;\n\t}\n\n\t&[disabled] {\n\t\tcolor: #000;\n\t\tborder: solid 1px #dcdfe633;\n\t}\n}\n.InputDocument-placeholder {\n\topacity: .5;\n}\ninput,\ntextarea,\nselect,\nnl-pagination-sizer::part(input),\nyongdall-select {\n\tbox-sizing: border-box;\n\tfont-size: inherit;\n\tblock-size: 32px;\n\tline-height: 32px;\n\tbackground-color: #ffffff;\n\tborder-radius: 4px;\n\tborder: solid 1px #dcdfe6;\n\tcursor: text;\n\tpadding-block: 1px;\n\tpadding-inline: 11px;\n\ttransform: translateZ(0);\n\ttransition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n\toutline: none;\n\tcolor: #000;\n\tuser-select: all;\n\n\t&:hover {\n\t\tborder-color: #c0c4cc;\n\t}\n\n\t&:focus {\n\t\tborder-color: #409eff;\n\t}\n\n\t&:read-only {\n\t\tborder-color: #c0c4cc;\n\t}\n\n\t&:disabled {\n\t\tcolor: #000;\n\t\tborder: solid 1px #dcdfe633;\n\t}\n}\n\ntextarea {\n\tmin-block-size: 64px;\n\tline-height: 1.5em;\n\tresize: vertical;\n\tdisplay: block;\n\tinline-size: 100%;\n}\n\ntd>textarea:only-child {\n\tmin-block-size: auto;\n\n}\n\nbutton,\nnl-pagination-prev::part(button),\nnl-pagination-pager::part(button),\nnl-pagination-next::part(button) {\n\tborder-radius: 4px;\n\tfont-size: 14px;\n\tpadding-block: 8px;\n\tpadding-inline: 15px;\n\n\talign-items: center;\n\tbackground-color: #ffffff;\n\tborder: 1px solid #dcdfe6;\n\tborder-color: #dcdfe6;\n\tbox-sizing: border-box;\n\tcolor: #606266;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tfont-weight: 500;\n\tblock-size: 32px;\n\tjustify-content: center;\n\tline-height: 1;\n\toutline: none;\n\ttext-align: center;\n\ttransition: .1s;\n\tuser-select: none;\n\tvertical-align: middle;\n\twhite-space: nowrap;\n\n\t&:hover {\n\t\tbackground-color: rgb(235.9, 245.3, 255);\n\t\tborder-color: rgb(197.7, 225.9, 255);\n\t\tcolor: #409eff;\n\t}\n\n\t&.primary {\n\t\tbackground-color: #409eff;\n\t\tborder-color: #409eff;\n\t\tcolor: #FFFFFF;\n\n\t\t&:hover {\n\t\t\tbackground-color: #79bbff;\n\t\t\tborder-color: #79bbff;\n\t\t}\n\n\t}\n\n\t&:disabled {\n\t\tpointer-events: none;\n\t\topacity: .8;\n\n\t\t&::after {\n\t\t\tbackground-color: #ffffff4d;\n\t\t\tborder-radius: inherit;\n\t\t\tcontent: \"\";\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\tinset: -1px;\n\t\t\tz-index: 1;\n\t\t}\n\t}\n\n}\n\nnl-pagination-pager::part(current) {\n\tfont-weight: bolder;\n}\n\nbutton {\n\tposition: relative;\n\n\tsvg.icon {\n\t\tinline-size: 1em;\n\t\tblock-size: 1em;\n\t}\n\n\t&.icon {\n\t\tpadding: 8px;\n\t}\n\n\n\t>a:only-child {\n\t\tcolor: inherit;\n\t\ttext-decoration: inherit;\n\t\tcursor: inherit;\n\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t}\n\t}\n}\n\ndetails {\n\tborder-radius: 4px;\n\tpadding: 8px;\n\tborder: 1px solid #aaa;\n\tborder-radius: 4px;\n\tpadding-block-start: 0.5em;\n\tpadding-inline: 0.5em;\n\tpadding-block-end: 0;\n\n\tsummary {\n\t\tfont-weight: bold;\n\t\tmargin-block-start: -0.5em;\n\t\tmargin-inline: -0.5em;\n\t\tmargin-block-end: 0;\n\t\tpadding: 0.5em;\n\t}\n\n\t&[open] {\n\t\tpadding: 0.5em;\n\n\t\t>summary {\n\t\t\tborder-block-end: 1px solid #aaa;\n\t\t\tmargin-block-end: 0.5em;\n\t\t}\n\t}\n\n}\n\ndialog {\n\tmax-inline-size: unset;\n\tmax-block-size: unset;\n\tuser-select: text;\n\tvisibility: visible;\n\toverflow: auto;\n\tborder: none;\n\n\tposition: relative;\n\tmargin-block-start: 15vh;\n\tmargin-inline: auto;\n\tmargin-block-end: 50px;\n\tbackground: #FFFFFF;\n\tborder-radius: 4px;\n\tbox-shadow: var(--el-box-shadow);\n\tbox-sizing: border-box;\n\tpadding: 16px;\n\toverflow-wrap: break-word;\n\n}\n\n[hidden] {\n\tdisplay: none !important;\n}\n",".Page {\n\tmin-inline-size: 100%;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tpadding-inline: 4px;\n}\n\n.Page-header {\n\tdisplay: flex;\n\tflex-direction: row;\n\tborder-start-start-radius: var(--border-radius);\n\tborder-start-end-radius: var(--border-radius);\n\tz-index: 100;\n}\n\n\n.Page-header-main {\n\tflex: 1;\n}\n\n.Page-header-menu {\n\tmargin-inline-start: 8px;\n}\n\n.Page-main {\n\tborder-radius: var(--border-radius);\n\tpadding-block: 8px;\n\tpadding-inline: 4px;\n\tflex: 1;\n}\n\n.Page-footer {\n\tdisplay: flex;\n\tflex-direction: row;\n\tposition: sticky;\n\tinset-inline-start: 0;\n\tinset-block-end: 0;\n\n}\n\n.Page-body {\n\tmin-inline-size: 100%;\n\tinline-size: 100%;\n\tmargin-block: 8px;\n}\n\n.Page-panel {\n\tbackground-color: var(--color-canvas);\n\tborder-radius: var(--border-radius);\n\tpadding: 8px;\n}\n.Page-sides {\n\tpadding-inline: 4px;\n\tscrollbar-color: #666 #0000;\n\t&:empty {\n\t\tdisplay: none;\n\t}\n}\n\n.Page-sider-body {\n\tmargin-block: 8px;\n}\n\n.Page-mode-flex {\n\toverflow: hidden;\n\talign-items: stretch;\n\t.Page-sides {\n\t\toverflow: auto;\n\t}\n\n\t.Page-main {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\toverflow: hidden;\n\t\tinline-size: 100%;\n\t}\n\n\t.Page-body {\n\t\tflex: 1;\n\t\toverflow: hidden;\n\t\tinline-size: 100%;\n\t\tdisplay: flex;\n\t}\n\t.Page-body-main {\n\t\toverflow: auto;\n\t\tflex: 1;\n\t}\n}\n.Page-sider-header {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n.Page-sider-title {\n\tflex: 1;\n}\n.Page-sider-buttons {\n}\n.Page-sider-menu {\n\tpadding: 8px;\n}\n",".QueryFilters {\n\tdisplay: flex;\n\tgap: 8px;\n\toverflow: auto;\n}\n\n.QueryFilters>* {\n\twidth: 100px;\n}\n",".NeeloongForm {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(24, 1fr);\n\tgap: .5em;\n\tpadding: .5em;\n}\n\n.NeeloongForm>* {\n\tgrid-column: span 24;\n}\n\n.NeeloongForm-item {\n\tmargin-bottom: 1.2em;\n}\n\n.NeeloongForm-table {\n\twidth: 100%;\n}\n\n\n\n.NeeloongForm-item:last-child {\n\tmargin-block-end: 0;\n}\n\n.NeeloongForm-item-label {\n\tjustify-content: flex-end;\n\ttext-align: right;\n\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tdisplay: inline-flex;\n\tflex: 0 0 auto;\n\theight: 1.2em;\n\tline-height: 1.2em;\n}\n\n.NeeloongForm-item-required>.NeeloongForm-item-label::after {\n\tcontent: '*';\n\tcolor: red;\n}\n\n.NeeloongForm-item-content {\n\talign-items: center;\n\tdisplay: flex;\n\tflex: 1;\n\tflex-wrap: wrap;\n\tfont-size: 14px;\n\tline-height: 32px;\n\tmin-width: 0;\n\tposition: relative;\n}\n\n.NeeloongForm-item-description {\n\tposition: absolute;\n\t.NeeloongForm-item-errored & {\n\t\tdisplay: none;\n\t}\n}\n\n.NeeloongForm-item-error {\n\tdisplay: none;\n\tposition: absolute;\n\tcolor: #FF0000;\n\n\t.NeeloongForm-item-errored & {\n\t\tdisplay: block;\n\t}\n}\n\n.NeeloongForm-tree {\n\tdisplay: flex;\n\tmargin: -.5em;\n}\n\n.NeeloongForm-tree-main {\n\tflex: 1;\n\tpadding: .5em;\n}\n\n.NeeloongForm-tree-splitter {\n\tinline-size: 1px;\n\tbackground-color: #aaa;\n\tposition: relative;\n\tcursor: ew-resize;\n}\n\n.NeeloongForm-tree-splitter::after {\n\tcontent: '';\n\tposition: absolute;\n\tinset-block: 0;\n\tinset-inline: -4px;\n\tbackground-color: inherit;\n\topacity: 0;\n\ttransition: opacity .3s;\n}\n\n.NeeloongForm-tree-splitter:hover::after {\n\topacity: 0.5;\n}\n\n.NeeloongForm-tree-details {\n\tinline-size: 50%;\n}\n\n\n.NeeloongForm-tree-foot {\n\tposition: relative;\n\n}\n\n.NeeloongForm-tree-item {\n\tmargin-inline-start: calc(var(--NeeloongForm-tree-level) * 1em);\n\tposition: relative;\n}\n\n.NeeloongForm-tree-drop,\n.NeeloongForm-tree-drop-children {\n\tdisplay: none;\n\tposition: absolute;\n\tinset-inline: 0;\n\tbox-sizing: border-box;\n}\n\n.NeeloongForm-tree-drop {\n\tinset-block-start: -30%;\n\tblock-size: 60%;\n\tdisplay: none;\n\tz-index: 0;\n\n\t&.NeeloongForm-tree-drag-over {\n\t\tbackground-color: #00ffff66;\n\t}\n}\n\n.NeeloongForm-tree-drop-children {\n\tinset-block-end: 0;\n\tblock-size: 50%;\n\tdisplay: none;\n\tz-index: 1;\n\n\t&.NeeloongForm-tree-drag-over {\n\t\tbackground-color: #ffd70066;\n\n\t}\n\n}\n\n.NeeloongForm-tree-moving .NeeloongForm-tree-drop,\n.NeeloongForm-tree-moving .NeeloongForm-tree-drop-children {\n\tdisplay: block;\n\n}\n\n.NeeloongForm-tree-line {\n\tdisplay: flex;\n}\n\n.NeeloongForm-tree-current {\n\tbackground-color: antiquewhite;\n}\n\n.NeeloongForm-tree-placeholder {\n\tflex: 1\n}\n\n.NeeloongForm-tree-cell {\n\tdisplay: flex;\n\talign-items: center;\n\n\n}\n\n.NeeloongForm-tree-handle {}\n\n.NeeloongForm-tree-collapse:disabled {\n\tvisibility: hidden;\n}\n\n\n\n.NeeloongForm-table,\n.NeeloongForm-tree-main {\n\tcounter-reset: NeeloongForm-no;\n}\n\n.NeeloongForm-table>tbody,\n.NeeloongForm-tree-item {\n\tcounter-increment: NeeloongForm-no;\n}\n\n.NeeloongForm-table-serial::after,\n.NeeloongForm-tree-serial::before {\n\tcontent: counter(NeeloongForm-no);\n}\n\n\n.NeeloongForm-tree-collapse,\n.NeeloongForm-table-move,\n.NeeloongForm-tree-move,\n.NeeloongForm-table-add,\n.NeeloongForm-tree-head-add,\n.NeeloongForm-tree-foot-add,\n.NeeloongForm-tree-add,\n.NeeloongForm-table-remove,\n.NeeloongForm-tree-remove,\n.NeeloongForm-table-line-close,\n.NeeloongForm-tree-collapse-close,\n.NeeloongForm-table-line-open,\n.NeeloongForm-tree-collapse-open,\n.NeeloongForm-tree-trigger,\n.NeeloongForm-tree-open {\n\tpadding: 8px;\n\t&::before {\n\tcontent: '';\n\t\tbackground-repeat: no-repeat;\n\tcontent: ' ';\n\t}\n}\n\n\n.NeeloongForm-table-move::before,\n.NeeloongForm-tree-move::before {\n\t/** 移动 */\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'%3E%3Cpath d='M909.3 506.3L781.7 405.6a7.23 7.23 0 00-11.7 5.7V476H548V254h64.8c6 0 9.4-7 5.7-11.7L517.7 114.7a7.14 7.14 0 00-11.3 0L405.6 242.3a7.23 7.23 0 005.7 11.7H476v222H254v-64.8c0-6-7-9.4-11.7-5.7L114.7 506.3a7.14 7.14 0 000 11.3l127.5 100.8c4.7 3.7 11.7.4 11.7-5.7V548h222v222h-64.8c-6 0-9.4 7-5.7 11.7l100.8 127.5c2.9 3.7 8.5 3.7 11.3 0l100.8-127.5c3.7-4.7.4-11.7-5.7-11.7H548V548h222v64.8c0 6 7 9.4 11.7 5.7l127.5-100.8a7.3 7.3 0 00.1-11.4z' fill='%23000'/%3E%3C/svg%3E\");\n\n}\n\n.NeeloongForm-table-add::before,\n.NeeloongForm-tree-head-add::before,\n.NeeloongForm-tree-foot-add::before,\n.NeeloongForm-tree-add::before {\n\t/** 添加 */\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'%3E%3Cpath d='M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8zM192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z' fill='%23000'/%3E%3C/svg%3E\");\n\n}\n\n.NeeloongForm-table-remove::before,\n.NeeloongForm-tree-remove::before {\n\t/** 删除 */\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'%3E%3Cpath d='M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z' fill='%23000'/%3E%3C/svg%3E\");\n\n}\n\n.NeeloongForm-table-line-close::before,\n.NeeloongForm-tree-collapse-close::before {\n\t/** 收起 */\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'%3E%3Cpath d='M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z' fill='%23000'/%3E%3C/svg%3E\");\n}\n\n.NeeloongForm-table-line-open::before,\n.NeeloongForm-tree-collapse-open::before {\n\t/** 展开 */\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='64 64 896 896' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z' fill='%23000'/%3E%3C/svg%3E\");\n}\n\n.NeeloongForm-tree-trigger::before,\n.NeeloongForm-tree-open::before {\n\t/** 打开 */\n\tcontent: '开';\n}\n\n.NeeloongForm-tree-current>*>.NeeloongForm-tree-trigger::before {\n\t/** 关闭 */\n\tcontent: '关';\n}\n",".NavMenu {\n\tbackground-color: #ffffff;\n\tborder-right: 1px solid #dcdfe6;\n\tbox-sizing: border-box;\n\tlist-style: none;\n\tmargin: 0;\n\tpadding-left: 0;\n\tposition: relative;\n\n\t::highlight(NavMenu-filter-highlight) {\n\t\tbackground-color: var(--color-navMenu-filter-highlight);\n\t}\n}\n\n.NavMenu-header {\n\tdisplay: flex;\n\tflex-direction: row;\n\n\tinput {\n\t\tflex: 1;\n\t}\n}\n\n.NavMenu-item,\n.NavMenu-label {\n\n\talign-items: center;\n\tbox-sizing: border-box;\n\tcolor: #303133;\n\tcursor: pointer;\n\tdisplay: flex;\n\tfont-size: 14px;\n\tblock-size: 40px;\n\tline-height: 40px;\n\tpadding-block: 0;\n\tpadding-inline-end: 20px;\n\tposition: relative;\n\ttransition: border-color .3s, background-color .3s, color .3s;\n\twhite-space: nowrap;\n\tpadding-inline-start: calc(var(--NavMenu-level) * 20px);\n}\n\nnl-collapse::part(header):hover,\n.NavMenu-item:hover {\n\tbackground-color: #ecf5ff;\n}\n\n.NavMenu-current {\n\tcolor: #409eff;\n}\n\n.NavMenu-item>a:only-child::before {\n\tcontent: '';\n\tposition: absolute;\n\tinset: 0;\n}\n\n.NavMenu-item>a {\n\tcolor: inherit;\n}\n\n.NavMenu hr {\n\tmargin-block: 0;\n}\n",".FieldFilter-filters {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(4, 1fr);\n}\n.FieldFilter-filters .FieldFilter-field {\n\tdisplay: contents;\n\n}\n.FieldFilter-fieldName {grid-column-start: 1;}\n.FieldFilter-field .FieldFilter-main {\n\tdisplay: contents;\n}\n.FieldFilter-operator {\n\tgrid-column-start: 2;\n\n}\n.FieldFilter-value {\n\tgrid-column-start: 3;\n\n}\n.FieldFilter-remove {\n\tgrid-column-start: 4;\n}\n",".MenuButtons {\n\n\t>button+button,\n\t>button+nl-menu+button {\n\t\tborder-start-start-radius: 0;\n\t\tborder-end-start-radius: 0;\n\t}\n\n\t>button:has(+ button),\n\t>button:has(+ nl-menu + button) {\n\t\tborder-start-end-radius: 0;\n\t\tborder-end-end-radius: 0;\n\t}\n\n\t>hr {\n\t\tdisplay: inline;\n\t\tmargin: 2px;\n\t\tborder: none;\n\t}\n}\n","@import url('./palette.css');\n@import url('./base.css');\n@import url('./Page.css');\n@import url('./QueryFilters.css');\n@import url('./components/NeeloongForm.css');\n@import url('./components/NavMenu.css');\n@import url('./components/FieldFilter.css');\n@import url('./MenuButtons.css');\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;;;ACvCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;ACxSA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACpGA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACRA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;;AAIA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;;AAEA;;AAEA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACzQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AC/DA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACtBA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA"}
|
|
1
|
+
{"version":3,"file":"style.css","names":[],"sources":["../../packages/skin/palette.css","../../packages/skin/base.css","../../packages/skin/Page.css","../../packages/skin/QueryFilters.css","../../packages/skin/components/NeeloongForm.css","../../packages/skin/components/NavMenu.css","../../packages/skin/components/FieldFilter.css","../../packages/skin/MenuButtons.css","../../packages/skin/style.css"],"sourcesContent":[":root {\n\t--color-primary: #00BBDD;\n\t--color-canvas: Canvas;\n\t--color-text: Canvas;\n\t--color-navMenu-filter-highlight: #FF0;\n --color-global-background: #f0f2f5;\n}\n:root, .palette {\n /* 背景仍为深色（保持暗色模式基调），但可加入主色微调 */\n --color-nav-bg: #1a1a1a;\n\n /* 默认文字用浅灰，但悬停/激活时全面启用主题色 */\n --color-nav-text: #cfcfcf;\n\n /* 【重点】悬停文字直接使用主色，强化品牌感知 */\n --color-nav-text-highlight: var(--color-primary);\n\n /* 悬停背景：用主色的低透明度叠加，形成“发光”效果 */\n --color-nav-bg-highlight: color-mix(in srgb, var(--color-primary) 60%, transparent);\n\n /* Logo 使用主色，与悬停态呼应 */\n --color-nav-logo: var(--color-primary);\n\n}\n.palette-nav-primary {\n /* 背景 = 主色 */\n --color-nav-bg: var(--color-primary);\n\n /* 文字反白（假设主色足够亮）*/\n --color-nav-text: #ffffff;\n\n /* 悬停文字：用更亮的白色或主色的亮变体（此处保守用亮白）*/\n --color-nav-text-highlight: #f8faff;\n\n /* 悬停背景：主色叠加白色半透明，模拟“提亮” */\n --color-nav-bg-highlight: color-mix(in srgb, white 20%, var(--color-primary));\n\n /* Logo 反白以匹配背景 */\n --color-nav-logo: #ffffff;\n\n}\n","*,\n*::before,\n*::after {\n\tbox-sizing: border-box;\n\tscrollbar-color: #6666 #FFF0;\n}\n\nhtml,\nbody {\n\tblock-size: 100%;\n\tinline-size: 100%;\n\tfont-size: var(--font-size);\n\tline-height: var(--line-height);\n}\n\n:root {\n\t--theme-sider-size: 300px;\n\t--font-size: 14px;\n\t--line-height: 1.5em;\n\t--border-radius: 8px;\n}\n\n\nbody {\n\tmargin: 0;\n\tcolor: rgba(0, 0, 0, 0.85);\n\tscrollbar-gutter: stable;\n\n\t@media not print {\n\t\tbackground: var(--color-global-background);\n\t}\n}\n\ntable {\n\tborder-spacing: 0px;\n}\n\na {\n\tcolor: var(--color-primary);\n\ttext-decoration: none;\n\tbackground-color: transparent;\n\toutline: none;\n\tcursor: pointer;\n\ttransition: color 0.3s;\n\t-webkit-text-decoration-skip: objects;\n\n\t&:hover,\n\t&:focus {\n\t\tcolor: #40a9ff;\n\t\ttext-decoration: underline;\n\t}\n\n\t&[disabled] {\n\t\tcolor: rgba(0, 0, 0, 0.25);\n\t\tcursor: not-allowed;\n\t}\n\n}\n\ninput:not([type=checkbox]),\ntextarea,\nselect,\nyongdall-select {\n\twidth: 100%;\n}\n\ninput[type=\"checkbox\"] {\n\tvertical-align: middle;\n\tmargin: unset;\n}\n\n@media print {\n\t.unprintable {\n\t\tdisplay: none!important;\n\t}\n}\n\n.InputDocument {\n\tinline-size: 100%;\n\n}\n\n.InputDocument-text {\n\tbox-sizing: border-box;\n\tfont-size: inherit;\n\tblock-size: 32px;\n\tline-height: 28px;\n\tbackground-color: #ffffff;\n\tborder-radius: 4px;\n\tborder: solid 1px #dcdfe6;\n\tpadding-block: 1px;\n\tpadding-inline: 11px;\n\ttransform: translateZ(0);\n\ttransition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n\toutline: none;\n\tcolor: #000;\n\tuser-select: all;\n\n\t&:hover {\n\t\tborder-color: #c0c4cc;\n\t}\n\n\t&:focus {\n\t\tborder-color: #409eff;\n\t}\n\n\t&[disabled] {\n\t\tcolor: #000;\n\t\tborder: solid 1px #dcdfe633;\n\t}\n}\n\n.InputDocument-Item::after {\n\tcontent: ' ';\n}\n\n.InputDocument-placeholder {\n\topacity: .5;\n}\n\ninput,\ntextarea,\nselect,\nnl-pagination-sizer::part(input),\nyongdall-select {\n\tbox-sizing: border-box;\n\tfont-size: inherit;\n\tblock-size: 32px;\n\tline-height: 32px;\n\tbackground-color: #ffffff;\n\tborder-radius: 4px;\n\tborder: solid 1px #dcdfe6;\n\tcursor: text;\n\tpadding-block: 1px;\n\tpadding-inline: 11px;\n\ttransform: translateZ(0);\n\ttransition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n\toutline: none;\n\tcolor: #000;\n\tuser-select: all;\n\n\t&:hover {\n\t\tborder-color: #c0c4cc;\n\t}\n\n\t&:focus {\n\t\tborder-color: #409eff;\n\t}\n\n\t&:read-only {\n\t\tborder-color: #c0c4cc;\n\t}\n\n\t&:disabled {\n\t\tcolor: #000;\n\t\tborder: solid 1px #dcdfe633;\n\t}\n}\n\ntextarea {\n\tmin-block-size: 64px;\n\tline-height: 1.5em;\n\tresize: vertical;\n\tdisplay: block;\n\tinline-size: 100%;\n}\n\ntd>textarea:only-child {\n\tmin-block-size: auto;\n\n}\n\nbutton,\nnl-pagination-prev::part(button),\nnl-pagination-pager::part(button),\nnl-pagination-next::part(button) {\n\tborder-radius: 4px;\n\tfont-size: 14px;\n\tpadding-block: 8px;\n\tpadding-inline: 15px;\n\n\talign-items: center;\n\tbackground-color: #ffffff;\n\tborder: 1px solid #dcdfe6;\n\tborder-color: #dcdfe6;\n\tbox-sizing: border-box;\n\tcolor: #606266;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tfont-weight: 500;\n\tblock-size: 32px;\n\tjustify-content: center;\n\tline-height: 1;\n\toutline: none;\n\ttext-align: center;\n\ttransition: .1s;\n\tuser-select: none;\n\tvertical-align: middle;\n\twhite-space: nowrap;\n\n\t&:hover {\n\t\tbackground-color: rgb(235.9, 245.3, 255);\n\t\tborder-color: rgb(197.7, 225.9, 255);\n\t\tcolor: #409eff;\n\t}\n\n\t&.primary {\n\t\tbackground-color: #409eff;\n\t\tborder-color: #409eff;\n\t\tcolor: #FFFFFF;\n\n\t\t&:hover {\n\t\t\tbackground-color: #79bbff;\n\t\t\tborder-color: #79bbff;\n\t\t}\n\n\t}\n\n\t&:disabled {\n\t\tpointer-events: none;\n\t\topacity: .8;\n\n\t\t&::after {\n\t\t\tbackground-color: #ffffff4d;\n\t\t\tborder-radius: inherit;\n\t\t\tcontent: \"\";\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\tinset: -1px;\n\t\t\tz-index: 1;\n\t\t}\n\t}\n\n}\n\nnl-pagination-pager::part(current) {\n\tfont-weight: bolder;\n}\n\nbutton {\n\tposition: relative;\n\n\tsvg.icon {\n\t\tinline-size: 1em;\n\t\tblock-size: 1em;\n\t}\n\n\t&.icon {\n\t\tpadding: 8px;\n\t}\n\n\n\t>a:only-child {\n\t\tcolor: inherit;\n\t\ttext-decoration: inherit;\n\t\tcursor: inherit;\n\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t}\n\t}\n}\n\ndetails {\n\tborder-radius: 4px;\n\tpadding: 8px;\n\tborder: 1px solid #aaa;\n\tborder-radius: 4px;\n\tpadding-block-start: 0.5em;\n\tpadding-inline: 0.5em;\n\tpadding-block-end: 0;\n\n\tsummary {\n\t\tfont-weight: bold;\n\t\tmargin-block-start: -0.5em;\n\t\tmargin-inline: -0.5em;\n\t\tmargin-block-end: 0;\n\t\tpadding: 0.5em;\n\t}\n\n\t&[open] {\n\t\tpadding: 0.5em;\n\n\t\t>summary {\n\t\t\tborder-block-end: 1px solid #aaa;\n\t\t\tmargin-block-end: 0.5em;\n\t\t}\n\t}\n\n}\n\ndialog {\n\tmax-inline-size: unset;\n\tmax-block-size: unset;\n\tuser-select: text;\n\tvisibility: visible;\n\toverflow: auto;\n\tborder: none;\n\n\tposition: relative;\n\tmargin-block-start: 15vh;\n\tmargin-inline: auto;\n\tmargin-block-end: 50px;\n\tbackground: #FFFFFF;\n\tborder-radius: 4px;\n\tbox-shadow: var(--el-box-shadow);\n\tbox-sizing: border-box;\n\tpadding: 16px;\n\toverflow-wrap: break-word;\n\n}\n\n[hidden] {\n\tdisplay: none !important;\n}\n",".Page {\n\tmin-inline-size: 100%;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tpadding-inline: 4px;\n\tmin-block-size: calc(100dvb - var(--Page-block-start, 0px));\n}\n\n.Page-header {\n\tdisplay: flex;\n\tflex-direction: row;\n\tborder-start-start-radius: var(--border-radius);\n\tborder-start-end-radius: var(--border-radius);\n\tz-index: 100;\n}\n\n\n.Page-header-main {\n\tflex: 1;\n}\n\n.Page-header-menu {\n\tmargin-inline-start: 8px;\n}\n\n.Page-main {\n\tborder-radius: var(--border-radius);\n\tpadding-block: 8px;\n\tpadding-inline: 4px;\n\tflex: 1;\n}\n\n.Page-footer {\n\tdisplay: flex;\n\tflex-direction: row;\n\tposition: sticky;\n\tinset-inline-start: 0;\n\tinset-block-end: 0;\n\n}\n\n.Page-body {\n\tmin-inline-size: 100%;\n\tinline-size: 100%;\n\tmargin-block: 8px;\n}\n\n.Page-panel {\n\t@media not print {\n\t\tbackground-color: var(--color-canvas);\n\t\tborder-radius: var(--border-radius);\n\t\tpadding: 8px;\n\t}\n}\n\n.Page-sides {\n\tpadding-inline: 4px;\n\tscrollbar-color: #666 #0000;\n\tmin-inline-size: 200px;\n\n\t&:empty {\n\t\tdisplay: none;\n\t}\n}\n\n.Page-sider-body {\n\tmargin-block: 8px;\n}\n\n.Page-mode-flex {\n\toverflow: hidden;\n\talign-items: stretch;\n\tblock-size: calc(100dvb - var(--Page-block-start, 0px));\n\n\t.Page-sides {\n\t\toverflow: auto;\n\t}\n\n\t.Page-main {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\toverflow: hidden;\n\t\tinline-size: 100%;\n\t}\n\n\t.Page-body {\n\t\tflex: 1;\n\t\toverflow: hidden;\n\t\tinline-size: 100%;\n\t\tdisplay: flex;\n\t}\n\n\t.Page-body-main {\n\t\toverflow: auto;\n\t\tflex: 1;\n\t}\n}\n\n.Page-sider-header {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n.Page-sider-title {\n\tflex: 1;\n}\n\n.Page-sider-buttons {\n}\n\n.Page-sider-menu {\n\tpadding: 8px;\n}\n",".QueryFilters {\n\tdisplay: flex;\n\tgap: 8px;\n\toverflow: auto;\n}\n\n.QueryFilters>* {\n\twidth: 100px;\n}\n",".NeeloongForm {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(24, 1fr);\n\tgap: .5em;\n\tpadding: .5em;\n}\n\n.NeeloongForm>* {\n\tgrid-column: span 24;\n}\n\n.NeeloongForm-item {\n\tmargin-bottom: 1.2em;\n}\n\n.NeeloongForm-table {\n\twidth: 100%;\n}\n\n\n\n.NeeloongForm-item:last-child {\n\tmargin-block-end: 0;\n}\n\n.NeeloongForm-item-label {\n\tjustify-content: flex-end;\n\ttext-align: right;\n\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tdisplay: inline-flex;\n\tflex: 0 0 auto;\n\theight: 1.2em;\n\tline-height: 1.2em;\n}\n\n.NeeloongForm-item-required>.NeeloongForm-item-label::after {\n\tcontent: '*';\n\tcolor: red;\n}\n\n.NeeloongForm-item-content {\n\talign-items: center;\n\tdisplay: flex;\n\tflex: 1;\n\tflex-wrap: wrap;\n\tfont-size: 14px;\n\tline-height: 32px;\n\tmin-width: 0;\n\tposition: relative;\n}\n\n.NeeloongForm-item-description {\n\tposition: absolute;\n\t.NeeloongForm-item-errored & {\n\t\tdisplay: none;\n\t}\n}\n\n.NeeloongForm-item-error {\n\tdisplay: none;\n\tposition: absolute;\n\tcolor: #FF0000;\n\n\t.NeeloongForm-item-errored & {\n\t\tdisplay: block;\n\t}\n}\n\n.NeeloongForm-tree {\n\tdisplay: flex;\n\tmargin: -.5em;\n}\n\n.NeeloongForm-tree-main {\n\tflex: 1;\n\tpadding: .5em;\n}\n\n.NeeloongForm-tree-splitter {\n\tinline-size: 1px;\n\tbackground-color: #aaa;\n\tposition: relative;\n\tcursor: ew-resize;\n}\n\n.NeeloongForm-tree-splitter::after {\n\tcontent: '';\n\tposition: absolute;\n\tinset-block: 0;\n\tinset-inline: -4px;\n\tbackground-color: inherit;\n\topacity: 0;\n\ttransition: opacity .3s;\n}\n\n.NeeloongForm-tree-splitter:hover::after {\n\topacity: 0.5;\n}\n\n.NeeloongForm-tree-details {\n\tinline-size: 50%;\n}\n\n\n.NeeloongForm-tree-foot {\n\tposition: relative;\n\n}\n\n.NeeloongForm-tree-item {\n\tmargin-inline-start: calc(var(--NeeloongForm-tree-level) * 1em);\n\tposition: relative;\n}\n\n.NeeloongForm-tree-drop,\n.NeeloongForm-tree-drop-children {\n\tdisplay: none;\n\tposition: absolute;\n\tinset-inline: 0;\n\tbox-sizing: border-box;\n}\n\n.NeeloongForm-tree-drop {\n\tinset-block-start: -30%;\n\tblock-size: 60%;\n\tdisplay: none;\n\tz-index: 0;\n\n\t&.NeeloongForm-tree-drag-over {\n\t\tbackground-color: #00ffff66;\n\t}\n}\n\n.NeeloongForm-tree-drop-children {\n\tinset-block-end: 0;\n\tblock-size: 50%;\n\tdisplay: none;\n\tz-index: 1;\n\n\t&.NeeloongForm-tree-drag-over {\n\t\tbackground-color: #ffd70066;\n\n\t}\n\n}\n\n.NeeloongForm-tree-moving .NeeloongForm-tree-drop,\n.NeeloongForm-tree-moving .NeeloongForm-tree-drop-children {\n\tdisplay: block;\n\n}\n\n.NeeloongForm-tree-line {\n\tdisplay: flex;\n}\n\n.NeeloongForm-tree-current {\n\tbackground-color: antiquewhite;\n}\n\n.NeeloongForm-tree-placeholder {\n\tflex: 1\n}\n\n.NeeloongForm-tree-cell {\n\tdisplay: flex;\n\talign-items: center;\n\n\n}\n\n.NeeloongForm-tree-handle {}\n\n.NeeloongForm-tree-collapse:disabled {\n\tvisibility: hidden;\n}\n\n\n\n.NeeloongForm-table,\n.NeeloongForm-tree-main {\n\tcounter-reset: NeeloongForm-no;\n}\n\n.NeeloongForm-table>tbody,\n.NeeloongForm-tree-item {\n\tcounter-increment: NeeloongForm-no;\n}\n\n.NeeloongForm-table-serial::after,\n.NeeloongForm-tree-serial::before {\n\tcontent: counter(NeeloongForm-no);\n}\n\n\n.NeeloongForm-tree-collapse,\n.NeeloongForm-table-move,\n.NeeloongForm-tree-move,\n.NeeloongForm-table-add,\n.NeeloongForm-tree-head-add,\n.NeeloongForm-tree-foot-add,\n.NeeloongForm-tree-add,\n.NeeloongForm-table-remove,\n.NeeloongForm-tree-remove,\n.NeeloongForm-table-line-close,\n.NeeloongForm-tree-collapse-close,\n.NeeloongForm-table-line-open,\n.NeeloongForm-tree-collapse-open,\n.NeeloongForm-tree-trigger,\n.NeeloongForm-tree-open {\n\tpadding: 8px;\n\t&::before {\n\tcontent: '';\n\t\tbackground-repeat: no-repeat;\n\tcontent: ' ';\n\t}\n}\n\n\n.NeeloongForm-table-move::before,\n.NeeloongForm-tree-move::before {\n\t/** 移动 */\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'%3E%3Cpath d='M909.3 506.3L781.7 405.6a7.23 7.23 0 00-11.7 5.7V476H548V254h64.8c6 0 9.4-7 5.7-11.7L517.7 114.7a7.14 7.14 0 00-11.3 0L405.6 242.3a7.23 7.23 0 005.7 11.7H476v222H254v-64.8c0-6-7-9.4-11.7-5.7L114.7 506.3a7.14 7.14 0 000 11.3l127.5 100.8c4.7 3.7 11.7.4 11.7-5.7V548h222v222h-64.8c-6 0-9.4 7-5.7 11.7l100.8 127.5c2.9 3.7 8.5 3.7 11.3 0l100.8-127.5c3.7-4.7.4-11.7-5.7-11.7H548V548h222v64.8c0 6 7 9.4 11.7 5.7l127.5-100.8a7.3 7.3 0 00.1-11.4z' fill='%23000'/%3E%3C/svg%3E\");\n\n}\n\n.NeeloongForm-table-add::before,\n.NeeloongForm-tree-head-add::before,\n.NeeloongForm-tree-foot-add::before,\n.NeeloongForm-tree-add::before {\n\t/** 添加 */\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'%3E%3Cpath d='M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8zM192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z' fill='%23000'/%3E%3C/svg%3E\");\n\n}\n\n.NeeloongForm-table-remove::before,\n.NeeloongForm-tree-remove::before {\n\t/** 删除 */\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'%3E%3Cpath d='M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z' fill='%23000'/%3E%3C/svg%3E\");\n\n}\n\n.NeeloongForm-table-line-close::before,\n.NeeloongForm-tree-collapse-close::before {\n\t/** 收起 */\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'%3E%3Cpath d='M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z' fill='%23000'/%3E%3C/svg%3E\");\n}\n\n.NeeloongForm-table-line-open::before,\n.NeeloongForm-tree-collapse-open::before {\n\t/** 展开 */\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='64 64 896 896' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z' fill='%23000'/%3E%3C/svg%3E\");\n}\n\n.NeeloongForm-tree-trigger::before,\n.NeeloongForm-tree-open::before {\n\t/** 打开 */\n\tcontent: '开';\n}\n\n.NeeloongForm-tree-current>*>.NeeloongForm-tree-trigger::before {\n\t/** 关闭 */\n\tcontent: '关';\n}\n",".NavMenu {\n\tbackground-color: #ffffff;\n\tborder-right: 1px solid #dcdfe6;\n\tbox-sizing: border-box;\n\tlist-style: none;\n\tmargin: 0;\n\tpadding-left: 0;\n\tposition: relative;\n\n\t::highlight(NavMenu-filter-highlight) {\n\t\tbackground-color: var(--color-navMenu-filter-highlight);\n\t}\n}\n\n.NavMenu-header {\n\tdisplay: flex;\n\tflex-direction: row;\n\n\tinput {\n\t\tflex: 1;\n\t}\n}\n\n.NavMenu-item,\n.NavMenu-label {\n\n\talign-items: center;\n\tbox-sizing: border-box;\n\tcolor: #303133;\n\tcursor: pointer;\n\tdisplay: flex;\n\tfont-size: 14px;\n\tblock-size: 40px;\n\tline-height: 40px;\n\tpadding-block: 0;\n\tpadding-inline-end: 20px;\n\tposition: relative;\n\ttransition: border-color .3s, background-color .3s, color .3s;\n\twhite-space: nowrap;\n\tpadding-inline-start: calc(var(--NavMenu-level) * 20px);\n}\n\nnl-collapse::part(header):hover,\n.NavMenu-item:hover {\n\tbackground-color: #ecf5ff;\n}\n\n.NavMenu-current {\n\tcolor: #409eff;\n}\n\n.NavMenu-item>a:only-child::before {\n\tcontent: '';\n\tposition: absolute;\n\tinset: 0;\n}\n\n.NavMenu-item>a {\n\tcolor: inherit;\n}\n\n.NavMenu hr {\n\tmargin-block: 0;\n}\n",".FieldFilter-filters {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(4, 1fr);\n}\n.FieldFilter-filters .FieldFilter-field {\n\tdisplay: contents;\n\n}\n.FieldFilter-fieldName {grid-column-start: 1;}\n.FieldFilter-field .FieldFilter-main {\n\tdisplay: contents;\n}\n.FieldFilter-operator {\n\tgrid-column-start: 2;\n\n}\n.FieldFilter-value {\n\tgrid-column-start: 3;\n\n}\n.FieldFilter-remove {\n\tgrid-column-start: 4;\n}\n",".MenuButtons {\n\n\t>button+button,\n\t>button+nl-menu+button {\n\t\tborder-start-start-radius: 0;\n\t\tborder-end-start-radius: 0;\n\t}\n\n\t>button:has(+ button),\n\t>button:has(+ nl-menu + button) {\n\t\tborder-start-end-radius: 0;\n\t\tborder-end-end-radius: 0;\n\t}\n\n\t>hr {\n\t\tdisplay: inline;\n\t\tmargin: 2px;\n\t\tborder: none;\n\t}\n}\n","@import url('./palette.css');\n@import url('./base.css');\n@import url('./Page.css');\n@import url('./QueryFilters.css');\n@import url('./components/NeeloongForm.css');\n@import url('./components/NavMenu.css');\n@import url('./components/FieldFilter.css');\n@import url('./MenuButtons.css');\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;;ACxCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AC5TA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;ACjHA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACRA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;;AAIA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;;AAEA;;AAEA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACzQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AC/DA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACtBA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA"}
|