@yongdall/skin 0.2.0 → 0.3.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 +43 -0
  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.2.0",
3
+ "version": "0.3.2",
4
4
  "dependencies": {}
5
5
  }
package/style.css CHANGED
@@ -104,7 +104,42 @@ input[type="checkbox"] {
104
104
  vertical-align: middle;
105
105
  margin: unset;
106
106
  }
107
+ .InputDocument {
108
+ inline-size: 100%;
109
+
110
+ }
111
+ .InputDocument-text {
112
+ box-sizing: border-box;
113
+ font-size: inherit;
114
+ block-size: 32px;
115
+ line-height: 28px;
116
+ background-color: #ffffff;
117
+ border-radius: 4px;
118
+ border: solid 1px #dcdfe6;
119
+ padding-block: 1px;
120
+ padding-inline: 11px;
121
+ transform: translateZ(0);
122
+ transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
123
+ outline: none;
124
+ color: #000;
125
+ user-select: all;
126
+
127
+ &:hover {
128
+ border-color: #c0c4cc;
129
+ }
107
130
 
131
+ &:focus {
132
+ border-color: #409eff;
133
+ }
134
+
135
+ &[disabled] {
136
+ color: #000;
137
+ border: solid 1px #dcdfe633;
138
+ }
139
+ }
140
+ .InputDocument-placeholder {
141
+ opacity: .5;
142
+ }
108
143
  input,
109
144
  textarea,
110
145
  select,
@@ -323,6 +358,10 @@ dialog {
323
358
  flex: 1;
324
359
  }
325
360
 
361
+ .Page-header-menu {
362
+ margin-inline-start: 8px;
363
+ }
364
+
326
365
  .Page-main {
327
366
  border-radius: var(--border-radius);
328
367
  padding-block: 8px;
@@ -739,6 +778,10 @@ nl-collapse::part(header):hover,
739
778
  color: inherit;
740
779
  }
741
780
 
781
+ .NavMenu hr {
782
+ margin-block: 0;
783
+ }
784
+
742
785
  .FieldFilter-filters {
743
786
  display: grid;
744
787
  grid-template-columns: repeat(4, 1fr);
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\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-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",".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;;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;;ACrQA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;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;;AChGA;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;;AC3DA;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*,\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"}