@yongdall/skin 0.3.3 → 0.4.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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/style.css +57 -12
  3. package/style.css.map +1 -1
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@yongdall/skin",
3
- "version": "0.3.3",
3
+ "version": "0.4.2",
4
4
  "dependencies": {}
5
5
  }
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,23 +54,30 @@ 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;
60
61
  --line-height: 1.5em;
61
62
  --border-radius: 8px;
63
+ --input-height: 32px;
62
64
  }
63
65
 
64
66
 
65
67
  body {
66
68
  margin: 0;
67
69
  color: rgba(0, 0, 0, 0.85);
68
- background: var(--color-global-background);
69
70
  scrollbar-gutter: stable;
71
+
72
+ @media not print {
73
+ background: var(--color-global-background);
74
+ }
70
75
  }
76
+
71
77
  table {
72
78
  border-spacing: 0px;
73
79
  }
80
+
74
81
  a {
75
82
  color: var(--color-primary);
76
83
  text-decoration: none;
@@ -104,15 +111,23 @@ input[type="checkbox"] {
104
111
  vertical-align: middle;
105
112
  margin: unset;
106
113
  }
114
+
115
+ @media print {
116
+ .unprintable {
117
+ display: none!important;
118
+ }
119
+ }
120
+
107
121
  .InputDocument {
108
122
  inline-size: 100%;
109
123
 
110
124
  }
125
+
111
126
  .InputDocument-text {
112
127
  box-sizing: border-box;
113
128
  font-size: inherit;
114
- block-size: 32px;
115
- line-height: 28px;
129
+ block-size: var(--input-height);
130
+ line-height: calc(var(--input-height) - 4px);
116
131
  background-color: #ffffff;
117
132
  border-radius: 4px;
118
133
  border: solid 1px #dcdfe6;
@@ -145,6 +160,7 @@ input[type="checkbox"] {
145
160
  .InputDocument-placeholder {
146
161
  opacity: .5;
147
162
  }
163
+
148
164
  input,
149
165
  textarea,
150
166
  select,
@@ -152,8 +168,8 @@ nl-pagination-sizer::part(input),
152
168
  yongdall-select {
153
169
  box-sizing: border-box;
154
170
  font-size: inherit;
155
- block-size: 32px;
156
- line-height: 32px;
171
+ block-size: var(--input-height);
172
+ line-height: var(--input-height);
157
173
  background-color: #ffffff;
158
174
  border-radius: 4px;
159
175
  border: solid 1px #dcdfe6;
@@ -215,7 +231,7 @@ nl-pagination-next::part(button) {
215
231
  cursor: pointer;
216
232
  display: inline-flex;
217
233
  font-weight: 500;
218
- block-size: 32px;
234
+ block-size: var(--input-height);
219
235
  justify-content: center;
220
236
  line-height: 1;
221
237
  outline: none;
@@ -348,6 +364,7 @@ dialog {
348
364
  display: flex;
349
365
  align-items: flex-start;
350
366
  padding-inline: 4px;
367
+ min-block-size: calc(100dvb - var(--Page-block-start, 0px));
351
368
  }
352
369
 
353
370
  .Page-header {
@@ -390,13 +407,18 @@ dialog {
390
407
  }
391
408
 
392
409
  .Page-panel {
393
- background-color: var(--color-canvas);
394
- border-radius: var(--border-radius);
395
- padding: 8px;
410
+ @media not print {
411
+ background-color: var(--color-canvas);
412
+ border-radius: var(--border-radius);
413
+ padding: 8px;
414
+ }
396
415
  }
416
+
397
417
  .Page-sides {
398
418
  padding-inline: 4px;
399
419
  scrollbar-color: #666 #0000;
420
+ min-inline-size: 200px;
421
+
400
422
  &:empty {
401
423
  display: none;
402
424
  }
@@ -409,6 +431,8 @@ dialog {
409
431
  .Page-mode-flex {
410
432
  overflow: hidden;
411
433
  align-items: stretch;
434
+ block-size: calc(100dvb - var(--Page-block-start, 0px));
435
+
412
436
  .Page-sides {
413
437
  overflow: auto;
414
438
  }
@@ -426,21 +450,26 @@ dialog {
426
450
  inline-size: 100%;
427
451
  display: flex;
428
452
  }
453
+
429
454
  .Page-body-main {
430
455
  overflow: auto;
431
456
  flex: 1;
432
457
  }
433
458
  }
459
+
434
460
  .Page-sider-header {
435
461
  display: flex;
436
462
  flex-direction: row;
437
463
  align-items: center;
438
464
  }
465
+
439
466
  .Page-sider-title {
440
467
  flex: 1;
441
468
  }
469
+
442
470
  .Page-sider-buttons {
443
471
  }
472
+
444
473
  .Page-sider-menu {
445
474
  padding: 8px;
446
475
  }
@@ -467,6 +496,7 @@ dialog {
467
496
  }
468
497
 
469
498
  .NeeloongForm-item {
499
+ position: relative;
470
500
  margin-bottom: 1.2em;
471
501
  }
472
502
 
@@ -498,14 +528,29 @@ dialog {
498
528
  }
499
529
 
500
530
  .NeeloongForm-item-content {
501
- align-items: center;
531
+ align-items: stretch;
502
532
  display: flex;
503
533
  flex: 1;
504
534
  flex-wrap: wrap;
505
535
  font-size: 14px;
506
- line-height: 32px;
536
+ line-height: var(--input-height);
507
537
  min-width: 0;
508
538
  position: relative;
539
+ min-block-size: var(--input-height);
540
+ justify-content: space-evenly;
541
+
542
+ >input[type=checkbox] {
543
+ margin-inline-end: auto;
544
+ }
545
+ }
546
+
547
+ .NeeloongForm-item-description, .NeeloongForm-item-error {
548
+ inline-size: 100%;
549
+ overflow: hidden;
550
+ line-height: 1.2em;
551
+ block-size: 1.2em;
552
+ white-space: pre;
553
+ text-overflow: ellipsis;
509
554
  }
510
555
 
511
556
  .NeeloongForm-item-description {
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\n.InputDocument-Item::after {\n\tcontent: ' ';\n}\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;;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;;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;;AC7SA;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\t--input-height: 32px;\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: var(--input-height);\n\tline-height: calc(var(--input-height) - 4px);\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: var(--input-height);\n\tline-height: var(--input-height);\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: var(--input-height);\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\tposition: relative;\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: stretch;\n\tdisplay: flex;\n\tflex: 1;\n\tflex-wrap: wrap;\n\tfont-size: 14px;\n\tline-height: var(--input-height);\n\tmin-width: 0;\n\tposition: relative;\n\tmin-block-size: var(--input-height);\n\tjustify-content: space-evenly;\n\n\t>input[type=checkbox] {\n\t\tmargin-inline-end: auto;\n\t}\n}\n\n.NeeloongForm-item-description, .NeeloongForm-item-error {\n\tinline-size: 100%;\n\toverflow: hidden;\n\tline-height: 1.2em;\n\tblock-size: 1.2em;\n\twhite-space: pre;\n\ttext-overflow: ellipsis;\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;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;;AC7TA;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;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;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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;;ACzRA;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"}