@yongdall/theme 0.5.0 → 0.5.1
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/assets.yongdall.mjs +1 -1
- package/hooks.mjs +1 -1
- package/hooks.mjs.map +1 -1
- package/index.mjs +3 -748
- package/index.mjs.map +1 -1
- package/package.json +4 -4
package/index.mjs
CHANGED
|
@@ -1,749 +1,4 @@
|
|
|
1
|
-
import{ErrorAlerter as e,Ident as t,Menu as n,Page as r,PageIdent as i,PageSider as a,User as o,application as s,createComputed as c,createFrame as l,createIcon as u,createShowField as d,createState as f,createTick as p,effect as m,flatPermission as h,neverAbortedSignal as g,root as _,runPattern as v,toFileLink as y,toPermissionFilter as b,waitAbortSignal as x,watch as S}from"@yongdall/web";const C=`YongDallTheme`,w=`${C}-activity`,T=document.createElement(`div`);T.classList.add(w);const ee=new Map;let E,D=!1;function te(e){D=e}var ne=e=>{let t=document.createElement(`div`);t.classList.add(`${w}-page`);let n=t.appendChild(document.createElement(`a`));n.classList.add(`${w}-title`),n.href=e.href,n.innerText=e.title;let r=t.appendChild(document.createElement(`button`));r.type=`button`,r.classList.add(`${w}-close`),r.addEventListener(`click`,()=>{e.destroy()});let i={button:t,link:n,next:E};E&&(E.last=i),E=i,ee.set(e,i),T.insertBefore(t,D?null:T.firstChild),m(()=>{n.innerText=e.title},e.signal),m(()=>{n.href=e.href},e.signal),m(()=>{e.current?t.classList.add(`${w}-current`):t.classList.remove(`${w}-current`)},e.signal),m(()=>{e.loading?t.classList.add(`${w}-loading`):t.classList.remove(`${w}-loading`)},e.signal),m(()=>{e.unsaved?t.classList.add(`${w}-unsaved`):t.classList.remove(`${w}-unsaved`)},e.signal),x(e.signal).then(()=>{let{last:e,next:n}=i;e&&(e.next=n),n&&(n.last=e),E===i&&(E=n),t.remove()})},re=class{#e;#t;#n;#r;#i=[];#a=document.createElement(`table`);#o=this.#a.appendChild(document.createElement(`thead`));#s=this.#o.appendChild(document.createElement(`tr`));#c=this.#a.appendChild(document.createElement(`tbody`));get root(){return this.#a}get createUrl(){return this.#e}set createUrl(e){let t=typeof e==`function`?e:null;this.#e!==t&&(this.#e=t,this.#l())}constructor(e,t){let n=Object.entries(t.fields).filter(([,{type:e}])=>e&&typeof e!=`object`),r=Object.entries(t.fields).filter(([,e])=>e.primary).map(([e])=>e);this.#n=t.labelPattern||``,this.#e=typeof e==`function`?e:null,this.#t=n,this.#r=r;let i=this.#s;i.innerHTML=``,i.appendChild(document.createElement(`th`)).appendChild(document.createTextNode(`#`));for(let[e,t]of n)i.appendChild(document.createElement(`th`)).appendChild(document.createTextNode(t.label||e))}#l(){let e=this.#c;e.innerHTML=``;let t=this.#r,n=this.#n,r=this.#t,i=this.#e;for(let a of this.#i){let o=e.appendChild(document.createElement(`tr`)),s=o.appendChild(document.createElement(`td`)),c=v(n,a)||t.map(e=>a[e]).join(`$`);if(i){let e=s.appendChild(document.createElement(`a`));e.href=i(t.map(e=>a[e]).join(`$`)),e.appendChild(document.createTextNode(c))}else s.appendChild(document.createTextNode(c));for(let[e,t]of r){let n=o.appendChild(document.createElement(`td`)),r=d(e,t,{inline:!0},a);n.appendChild(r.root)}}}setData(e){this.#i=e,this.#l()}destroy(){}},ie=class extends HTMLElement{static formAssociated=!0;#e=document.createElement(`div`);#t=this.attachInternals();constructor(){super();let e=this.attachShadow({mode:`closed`});e.appendChild(document.createElement(`style`)).textContent=`:host {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
margin: auto;
|
|
5
|
-
position: relative;
|
|
6
|
-
border-radius: 100%;
|
|
7
|
-
border: 1px solid;
|
|
8
|
-
width: 1em;
|
|
9
|
-
height: 1em;
|
|
10
|
-
}
|
|
11
|
-
:host([hidden]) {
|
|
12
|
-
display: none;
|
|
13
|
-
}
|
|
14
|
-
div {
|
|
15
|
-
height: 1px;
|
|
16
|
-
width: 50%;
|
|
17
|
-
position: absolute;
|
|
18
|
-
background: currentColor;
|
|
19
|
-
margin: auto 0 auto auto;
|
|
20
|
-
top: 0;
|
|
21
|
-
left: 0;
|
|
22
|
-
right: 0;
|
|
23
|
-
bottom: 0;
|
|
24
|
-
pointer-events: none;
|
|
25
|
-
transform-origin: left;
|
|
26
|
-
}
|
|
27
|
-
`,e.appendChild(this.#e);let t=e=>{if(!(e.buttons&1))return;let{left:t,width:n,top:r,height:i}=this.getBoundingClientRect(),a=e.clientX-t-n/2,o=e.clientY-r-i/2,s=Math.atan2(o,a)/Math.PI*180;this.value=Math.round(s),this.dispatchEvent(new InputEvent(`input`)),this.dispatchEvent(new InputEvent(`change`))};this.addEventListener(`pointerdown`,t),this.addEventListener(`pointermove`,t),this.value=this.getAttribute(`value`)}#n=0;get value(){return this.#n}set value(e){let t=parseInt(String(e));Number.isFinite(t)&&(this.#n=t,this.#e.style.transform=`rotate(${t}deg)`,this.#t.setFormValue(String(t)))}connectedCallback(){this.getAttribute(`tabindex`)===null&&this.setAttribute(`tabindex`,`0`)}};try{customElements.define(`nl-angle`,ie)}catch{}var ae=class extends HTMLElement{static observedAttributes=[`separator`];#e=document.createElement(`style`);#t(e){if(e===null){this.#e.textContent=``;return}let t=`::slotted(*)::after {content: ${JSON.stringify(e)}; }`;this.#e.textContent=t}constructor(){super();let e=this.attachShadow({mode:`closed`});e.appendChild(document.createElement(`style`)).textContent=`::slotted(*)::after {content: var(--nl-breadcrumb-separator, ' / ');}`,e.appendChild(this.#e),e.appendChild(document.createElement(`style`)).textContent=`::slotted(:last-child)::after {content: none}`,e.appendChild(document.createElement(`slot`))}get separator(){return this.getAttribute(`separator`)}set separator(e){e==null?this.removeAttribute(`separator`):this.setAttribute(`separator`,e)}connectedCallback(){this.#t(this.separator)}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`separator`:this.#t(n);break}}};try{customElements.define(`nl-breadcrumb`,ae)}catch{}var oe=class extends HTMLElement{static observedAttributes=[`label`,`explain`];get label(){return this.getAttribute(`label`)||``}set label(e){e?this.setAttribute(`label`,e):this.removeAttribute(`label`)}get explain(){return this.getAttribute(`explain`)||``}set explain(e){e?this.setAttribute(`explain`,e):this.removeAttribute(`explain`)}get disabled(){return this.hasAttribute(`disabled`)}set disabled(e){e?this.setAttribute(`disabled`,``):this.removeAttribute(`disabled`)}#e=document.createElement(`div`);#t=document.createElement(`div`);constructor(){super();let e=this.attachShadow({mode:`closed`});e.appendChild(document.createElement(`style`)).textContent=`
|
|
28
|
-
[hidden]{
|
|
29
|
-
display: none!important;
|
|
30
|
-
}
|
|
31
|
-
:host {
|
|
32
|
-
position: relative;
|
|
33
|
-
border-block: 1px solid currentColor;
|
|
34
|
-
display: flex;
|
|
35
|
-
align-items: center;
|
|
36
|
-
line-height: 1.4;
|
|
37
|
-
overflow: hidden;
|
|
38
|
-
padding: 8px;
|
|
39
|
-
min-block-size: 32px;
|
|
40
|
-
font-size: 14px;
|
|
41
|
-
text-decoration: none;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.icon {
|
|
45
|
-
display: block;
|
|
46
|
-
margin-inline-end: 5px;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.body {
|
|
50
|
-
flex: 1;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.label {
|
|
54
|
-
line-height: 24px;
|
|
55
|
-
font-size: 14px;
|
|
56
|
-
}
|
|
57
|
-
:host([bold]) .label {
|
|
58
|
-
font-weight: bold;
|
|
59
|
-
}
|
|
60
|
-
.explain {
|
|
61
|
-
color: var(--nl-cell-explain-color, currentColor);
|
|
62
|
-
}
|
|
63
|
-
.explain:empty {
|
|
64
|
-
display: none;
|
|
65
|
-
}
|
|
66
|
-
.extra {
|
|
67
|
-
display: block;
|
|
68
|
-
position: relative;
|
|
69
|
-
text-align: end;
|
|
70
|
-
}
|
|
71
|
-
.link {
|
|
72
|
-
display: none;
|
|
73
|
-
position: relative;
|
|
74
|
-
inline-size: 16px;
|
|
75
|
-
text-align: center;
|
|
76
|
-
}
|
|
77
|
-
.link::before {
|
|
78
|
-
content: '';
|
|
79
|
-
transform: rotate(45deg);
|
|
80
|
-
border: 2px solid transparent;
|
|
81
|
-
pointer-events: none;
|
|
82
|
-
inline-size: 8px;
|
|
83
|
-
block-size: 8px;
|
|
84
|
-
display: inline-block;
|
|
85
|
-
color: var(--nl-cell-link-color, #CCC);
|
|
86
|
-
border-block-start-color: currentColor;
|
|
87
|
-
border-inline-end-color: currentColor;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
:host([link]) .link {
|
|
91
|
-
display: block;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
`,e.addEventListener(`click`,e=>{this.disabled&&(e.stopPropagation(),e.preventDefault())});let t=e.appendChild(document.createElement(`slot`));t.name=`icon`,t.className=`icon`,t.hidden=!t.assignedNodes().length,t.addEventListener(`slotchange`,e=>{t.hidden=!t.assignedNodes().length});let n=e.appendChild(document.createElement(`div`));n.className=`body`;let r=n.appendChild(this.#e);r.className=`label`;let i=n.appendChild(this.#t);i.setAttribute(`part`,`explain`),i.className=`explain`;let a=e.appendChild(document.createElement(`slot`));a.name=`extra`,a.className=`extra`,a.hidden=!a.assignedNodes().length,a.addEventListener(`slotchange`,e=>{a.hidden=!a.assignedNodes().length});let o=e.appendChild(document.createElement(`div`));o.className=`link`,o.setAttribute(`part`,`link`)}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`label`:this.#e.innerText=n||``;break;case`explain`:this.#t.innerText=n||``;break}}};try{customElements.define(`nl-cell`,oe)}catch{}
|
|
95
|
-
/*!
|
|
96
|
-
* 匿龙组件库 @neeloong/components v0.7.0
|
|
97
|
-
* (c) 2023-2024 猛火Fierflame
|
|
98
|
-
* @license MIT
|
|
99
|
-
*/
|
|
100
|
-
const se=new Set([`vertical-lr`,`vertical-rl`,`sideways-lr`,`sideways-rl`]);function O(e,t,n){n?e.setAttribute(t,``):e.removeAttribute(t)}var ce=class e extends HTMLElement{static observedAttributes=[`accordion`,`disabled`,`open`,`menu`,`animation`,`label`];get nonTrigger(){return this.getAttribute(`non-trigger`)!==null}set nonTrigger(e){O(this,`non-trigger`,e)}get startTrigger(){return this.getAttribute(`start-trigger`)!==null}set startTrigger(e){O(this,`start-trigger`,e)}get accordion(){return this.getAttribute(`accordion`)!==null}set accordion(e){O(this,`accordion`,e)}get disabled(){return this.getAttribute(`disabled`)!==null}set disabled(e){O(this,`disabled`,e)}get open(){return this.getAttribute(`open`)!==null}set open(e){O(this,`open`,e)}get animation(){return this.getAttribute(`animation`)!==null}set animation(e){O(this,`animation`,e)}get menu(){return this.getAttribute(`menu`)!==null}set menu(e){O(this,`menu`,e)}get label(){return this.getAttribute(`label`)||``}set label(e){e?this.setAttribute(`label`,e):this.removeAttribute(`label`)}#e=(()=>{let e=this.attachShadow({mode:`closed`});return e.appendChild(document.createElement(`style`)).textContent=`
|
|
101
|
-
:host {
|
|
102
|
-
display: block;
|
|
103
|
-
border: 1px solid #666;
|
|
104
|
-
writing-mode: inherit;
|
|
105
|
-
}
|
|
106
|
-
:host[hidden] {
|
|
107
|
-
display: none;
|
|
108
|
-
}
|
|
109
|
-
header {
|
|
110
|
-
display: flex;
|
|
111
|
-
border-block-end: inherit;
|
|
112
|
-
cursor: pointer;
|
|
113
|
-
}
|
|
114
|
-
.label {
|
|
115
|
-
flex: 1;
|
|
116
|
-
display: flex;
|
|
117
|
-
}
|
|
118
|
-
.trigger {
|
|
119
|
-
width: .35em;
|
|
120
|
-
height: .35em;
|
|
121
|
-
border: .15em solid currentcolor;
|
|
122
|
-
border-block-start: none;
|
|
123
|
-
border-inline-start: none;
|
|
124
|
-
margin-inline: .3em .5em;
|
|
125
|
-
margin-block: auto;
|
|
126
|
-
transform: rotate(-45deg);
|
|
127
|
-
}
|
|
128
|
-
section {
|
|
129
|
-
overflow: hidden;
|
|
130
|
-
}
|
|
131
|
-
main {
|
|
132
|
-
padding: 8px;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
:host(:not([open])) section {
|
|
136
|
-
block-size: 0!important;
|
|
137
|
-
}
|
|
138
|
-
:host(:not([open])) header {
|
|
139
|
-
margin-block-end: -1px;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
:host([open]) .trigger {
|
|
143
|
-
transform: rotate(45deg);
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
:host([menu]) {
|
|
148
|
-
border: none;
|
|
149
|
-
}
|
|
150
|
-
:host([menu]) main {
|
|
151
|
-
padding: 0!important;
|
|
152
|
-
}
|
|
153
|
-
:host([menu]) header {
|
|
154
|
-
margin-block-end: 0;
|
|
155
|
-
}
|
|
156
|
-
:host([animation]) section {
|
|
157
|
-
transition: block-size .3s;
|
|
158
|
-
}
|
|
159
|
-
:host([animation]) .trigger {
|
|
160
|
-
transition: transform .3s;
|
|
161
|
-
}
|
|
162
|
-
:host([non-trigger]) .trigger-slot {
|
|
163
|
-
display: none;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
:host([start-trigger]) header {
|
|
167
|
-
flex-direction: row-reverse;
|
|
168
|
-
}
|
|
169
|
-
`,e})();#t=(()=>{let e=document.createElement(`header`);e.setAttribute(`part`,`header`),this.#e.appendChild(e),e.tabIndex=0;let t=t=>{this.disabled||this.#e.activeElement===e&&this.dispatchEvent(new Event(`beforechange`,{cancelable:!0}))&&(this.open=!this.open,this.dispatchEvent(new Event(`change`)))};return e.addEventListener(`click`,t),e.addEventListener(`keydown`,e=>{(e.code===`Enter`||e.code===`Space`)&&t()}),e})();#n=(()=>{let e=document.createElement(`slot`);return this.#t.appendChild(e),e.className=`label`,e.name=`label`,e})();#r=(()=>{let e=document.createElement(`slot`);return this.#t.appendChild(e),e.name=`trigger`,e.className=`trigger-slot`,e.appendChild(document.createElement(`span`)).className=`trigger`,e})();#i=(()=>{let e=document.createElement(`section`);return e.setAttribute(`part`,`main`),this.#e.appendChild(e),e})();#a=(()=>{let e=document.createElement(`main`);return this.#i.appendChild(e),e.appendChild(document.createElement(`slot`)),e})();#o(){let e=se.has(getComputedStyle(this).writingMode?.toLowerCase());this.#i.style.blockSize=`${e?this.#a.clientWidth:this.#a.clientHeight}px`}updateSize(){this.#o()}#s=new ResizeObserver(()=>this.#o());connectedCallback(){this.#s.observe(this.#a)}disconnectedCallback(){this.#s.unobserve(this.#a)}adoptedCallback(){}#c(){let t=this.parentElement;if(!t)return;let n=getComputedStyle(t).whiteSpace?.toLowerCase()||``,r=n.startsWith(`pre`)||n===`break-spaces`,i=this;for(;i=i.previousSibling;)if(!(i instanceof Comment)){if(i instanceof Text){let e=i.textContent||``;if(r?e.includes(`
|
|
170
|
-
`):e.replace(/[\s\n ]/g,``))break;continue}if(!(i instanceof e)||!i.accordion)break;i.open=!1}for(i=this;i=i.nextSibling;)if(!(i instanceof Comment)){if(i instanceof Text){let e=i.textContent||``;if(r?e.includes(`
|
|
171
|
-
`):e.replace(/[\s\n ]/g,``))break;continue}if(!(i instanceof e)||!i.accordion)break;i.open=!1}}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`accordion`:if(n===null||!this.open)break;this.#c();break;case`disabled`:n===null?this.#t.tabIndex=0:this.#t.removeAttribute(`tabindex`);break;case`open`:if(!this.accordion||!this.open)break;this.#c();break;case`label`:this.#n.innerText=n||``;break}}};try{customElements.define(`nl-collapse`,ce)}catch{}
|
|
172
|
-
/*!
|
|
173
|
-
* 匿龙组件库 @neeloong/components v0.7.0
|
|
174
|
-
* (c) 2023-2024 猛火Fierflame
|
|
175
|
-
* @license MIT
|
|
176
|
-
*/
|
|
177
|
-
const le=typeof HTMLElement.prototype.showPopover==`function`;let ue=0;function de(e){let t=document.createElementNS(`http://www.w3.org/2000/svg`,`svg`),n=document.createElementNS(`http://www.w3.org/2000/svg`,`defs`),r=document.createElementNS(`http://www.w3.org/2000/svg`,`mask`),i=document.createElementNS(`http://www.w3.org/2000/svg`,`rect`),a=document.createElementNS(`http://www.w3.org/2000/svg`,`rect`),o=document.createElementNS(`http://www.w3.org/2000/svg`,`rect`),s=document.createElementNS(`http://www.w3.org/2000/svg`,`g`),c=document.createElementNS(`http://www.w3.org/2000/svg`,`rect`),l=document.createElementNS(`http://www.w3.org/2000/svg`,`rect`),u=document.createElementNS(`http://www.w3.org/2000/svg`,`rect`),d=document.createElementNS(`http://www.w3.org/2000/svg`,`rect`),f=`nl-focus-mask:${ue++}`;return t.appendChild(n),n.appendChild(r),r.setAttribute(`id`,f),r.appendChild(i),i.setAttribute(`x`,`0`),i.setAttribute(`y`,`0`),i.setAttribute(`width`,`100vw`),i.setAttribute(`height`,`100vh`),i.setAttribute(`fill`,`white`),r.appendChild(a),a.setAttribute(`x`,`0`),a.setAttribute(`y`,`0`),a.setAttribute(`width`,`100vw`),a.setAttribute(`height`,`100vh`),a.setAttribute(`fill`,`black`),t.appendChild(o),o.setAttribute(`x`,`0`),o.setAttribute(`y`,`0`),o.setAttribute(`width`,`100%`),o.setAttribute(`height`,`100%`),o.setAttribute(`fill`,`currentcolor`),o.setAttribute(`mask`,`url(#${f})`),t.appendChild(s),s.setAttribute(`pointer-events`,`auto`),s.setAttribute(`fill`,`transparent`),s.appendChild(c),c.setAttribute(`x`,`0`),c.setAttribute(`y`,`0`),c.setAttribute(`width`,`100%`),c.setAttribute(`height`,`100%`),s.appendChild(l),l.setAttribute(`x`,`0`),l.setAttribute(`y`,`0`),l.setAttribute(`width`,`100%`),l.setAttribute(`height`,`100%`),s.appendChild(u),u.setAttribute(`x`,`0`),u.setAttribute(`y`,`0`),u.setAttribute(`width`,`100%`),u.setAttribute(`height`,`100%`),s.appendChild(d),d.setAttribute(`x`,`0`),d.setAttribute(`y`,`0`),d.setAttribute(`width`,`100%`),d.setAttribute(`height`,`100%`),e.appendChild(t),{setRect(e,t,n,r){a.setAttribute(`x`,`${e}`),a.setAttribute(`y`,`${t}`),a.setAttribute(`width`,`${n}`),a.setAttribute(`height`,`${r}`),c.setAttribute(`width`,`${e}`),l.setAttribute(`height`,`${t}`),u.setAttribute(`x`,`${e+n}`),d.setAttribute(`y`,`${t+r}`)}}}var fe=class extends HTMLElement{static observedAttributes=[`hidden`,`target`,`x`,`y`,`width`,`height`];get x(){return parseFloat(this.getAttribute(`x`)||``)||0}set x(e){e&&typeof e==`number`&&Number.isFinite(e)?this.setAttribute(`x`,String(e)):this.removeAttribute(`x`)}get y(){return parseFloat(this.getAttribute(`y`)||``)||0}set y(e){e&&typeof e==`number`&&Number.isFinite(e)?this.setAttribute(`y`,String(e)):this.removeAttribute(`y`)}get width(){return parseFloat(this.getAttribute(`width`)||``)||0}set width(e){e&&typeof e==`number`&&Number.isFinite(e)?this.setAttribute(`width`,String(e)):this.removeAttribute(`width`)}get height(){return parseFloat(this.getAttribute(`height`)||``)||0}set height(e){e&&typeof e==`number`&&Number.isFinite(e)?this.setAttribute(`height`,String(e)):this.removeAttribute(`height`)}get target(){return this.getAttribute(`target`)}set target(e){typeof e==`string`?this.setAttribute(`target`,e):this.removeAttribute(`target`)}#e=(()=>{let e=this.attachShadow({mode:`closed`});return e.appendChild(document.createElement(`style`)).textContent=`
|
|
178
|
-
:host {
|
|
179
|
-
display: contents;
|
|
180
|
-
color: inherit;
|
|
181
|
-
}
|
|
182
|
-
div {
|
|
183
|
-
color: inherit;
|
|
184
|
-
width: 100%;
|
|
185
|
-
height: 100%;
|
|
186
|
-
position: fixed;
|
|
187
|
-
inset: 0;
|
|
188
|
-
pointer-events: none;
|
|
189
|
-
background: none;
|
|
190
|
-
border: none;
|
|
191
|
-
margin: 0;
|
|
192
|
-
padding: 0;
|
|
193
|
-
overflow: hidden;
|
|
194
|
-
}
|
|
195
|
-
svg {
|
|
196
|
-
color: inherit;
|
|
197
|
-
width: 100%;
|
|
198
|
-
height: 100%;
|
|
199
|
-
position: fixed;
|
|
200
|
-
inset: 0;
|
|
201
|
-
pointer-events: none;
|
|
202
|
-
}
|
|
203
|
-
`,e})();#t=this.#e.appendChild(document.createElement(`div`));#n=de(this.#t);#r=this.attachInternals();#i=null;get targetElement(){return this.#i}set targetElement(e){this.#i=e instanceof Element?e:null}#a=!1;#o=!1;#s(){this.#a&&=(this.#t.removeAttribute(`popover`),!1)}#c(){if(!(this.#a||!this.#o)){if(le){let e=this.#t;e.popover=`manual`,e.showPopover()}this.update(),this.#a=!0}}#l(){let e=this.#i;if(e)return e;let{target:t}=this;if(t===``)return this.parentElement;if(!t)return null;try{return document.querySelector(t)}catch{}return null}update(){if(!this.#o)return;let{left:e,top:t,width:n,height:r}=this.#l()?.getBoundingClientRect()||{top:this.y,left:this.x,width:this.width,height:this.height};this.#n.setRect(e,t,n,r)}connectedCallback(){this.#o=!0,!this.hidden&&this.#c()}disconnectedCallback(){this.#o=!1}attributeChangedCallback(e,t,n){if(this.#o&&t!==n)switch(e){case`hidden`:n===null?this.#c():this.#s();break;case`target`:case`x`:case`y`:case`width`:case`height`:this.update();break}}};try{customElements.define(`nl-focus`,fe)}catch{}var pe=class extends HTMLElement{static observedAttributes=[`radius`,`unit`];get radius(){let e=parseFloat(this.getAttribute(`radius`)||``);return Number.isNaN(e)||!Number.isFinite(e)?0:e<0?-1:e}set radius(e){typeof e!=`number`||!Number.isFinite(e)?this.removeAttribute(`radius`):this.setAttribute(`radius`,e<0?`-1`:String(e))}get unit(){return this.getAttribute(`unit`)||`px`}set unit(e){e?this.setAttribute(`unit`,e):this.removeAttribute(`unit`)}get long(){return this.hasAttribute(`nl-long`)}set long(e){e?this.setAttribute(`nl-long`,``):this.removeAttribute(`nl-long`)}get column(){return this.hasAttribute(`column`)}set column(e){e?this.setAttribute(`column`,``):this.removeAttribute(`column`)}#e=document.createElement(`style`);constructor(){super();let e=this.attachShadow({mode:`closed`});e.appendChild(document.createElement(`style`)).textContent=`
|
|
204
|
-
:host {
|
|
205
|
-
display: inline-flex;
|
|
206
|
-
flex-direction: row;
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
:host([column]) {
|
|
210
|
-
flex-direction: column;
|
|
211
|
-
}
|
|
212
|
-
slot {
|
|
213
|
-
border-radius: inherit;
|
|
214
|
-
}
|
|
215
|
-
::slotted(*) {
|
|
216
|
-
border-radius: 0;
|
|
217
|
-
flex: 1;
|
|
218
|
-
}
|
|
219
|
-
::slotted(:first-child) {
|
|
220
|
-
border-start-start-radius: inherit;
|
|
221
|
-
border-end-start-radius: inherit;
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
::slotted(:last-child) {
|
|
225
|
-
border-start-end-radius: inherit;
|
|
226
|
-
border-end-end-radius: inherit;
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
:host([column]) ::slotted(:first-child) {
|
|
230
|
-
border-end-start-radius: 0;
|
|
231
|
-
border-start-end-radius: inherit;
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
:host([column]) ::slotted(:last-child) {
|
|
235
|
-
border-start-end-radius: 0;
|
|
236
|
-
border-end-start-radius: inherit;
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
:host([nl-long]) {
|
|
240
|
-
display: flex;
|
|
241
|
-
inline-size: 100%;
|
|
242
|
-
}
|
|
243
|
-
::slotted([nl-long]) {
|
|
244
|
-
flex: 100000;
|
|
245
|
-
}
|
|
246
|
-
`,e.appendChild(this.#e),e.appendChild(document.createElement(`slot`)),this.#t()}#t(){let{radius:e}=this,t=e>=0?`${e}${this.unit}`:`50%`;this.#e.textContent=`:host {border-radius: var(--nl-group-radius, ${t})}`}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`radius`:case`unit`:this.#t();break}}};try{customElements.define(`nl-group`,pe)}catch{}
|
|
247
|
-
/*!
|
|
248
|
-
* 匿龙组件库 @neeloong/components v0.7.0
|
|
249
|
-
* (c) 2023-2024 猛火Fierflame
|
|
250
|
-
* @license MIT
|
|
251
|
-
*/
|
|
252
|
-
const me=new Set;document.addEventListener(`pointerdown`,e=>{if(!e.isPrimary)return;let t=new Set(e.composedPath());for(let e of[...me])t.has(e)||e.close()});const he=new Set([`vertical-lr`,`vertical-rl`,`sideways-lr`,`sideways-rl`]),ge=typeof HTMLElement.prototype.showPopover==`function`;function _e({left:e,top:t,width:n,height:r},i,a,o){let s=window.innerWidth-e-n,c=window.innerHeight-t-r,l=[[e,n,s],[t,r,c]];return i&&l.reverse(),a&&l[1].reverse(),o&&l[0].reverse(),l}const ve=[`blockEnd`,`blockStart`,`inlineEnd`,`inlineStart`],ye=[`start`,`end`,`center`],be=[`inlineEnd`,`inlineStart`],xe=[`start`,`end`];function Se(e){let t=[];function n(e){t.includes(e)||t.push(e)}for(let t of(e||``).replace(/\n|\s|-/g,``).toLowerCase().split(/,/))(t===`inlineend`||t===`inline`)&&n(`inlineEnd`),(t===`inlinestart`||t===`inline`)&&n(`inlineStart`),(t===`blockend`||t===`block`)&&n(`blockEnd`),(t===`blockstart`||t===`block`)&&n(`blockStart`);return t.length?t:ve}function Ce(e){let t=[];for(let n of(e||``).replace(/\n|\s|-/g,``).toLowerCase().split(/,/))[`start`,`end`,`center`].includes(n)&&(t.includes(n)||t.push(n));return t.length?t:ye}function we(e){let t=getComputedStyle(e),n=t.writingMode?.toLowerCase();return[he.has(n),[`vertical-rl`,`sideways-rl`].includes(n),t.direction.toLowerCase()===`rtl`!=(n===`sideways-lr`)]}var Te=class e extends HTMLElement{static observedAttributes=[`open`,`hidden`,`target`,`x`,`y`,`direction`,`align`,`mask`,`disabled`];close(){this.removeAttribute(`open`)}show(){this.setAttribute(`open`,``)}get open(){return this.hasAttribute(`open`)}set open(e){e?this.show():this.close()}get disabled(){return this.hasAttribute(`disabled`)}set disabled(e){e?this.setAttribute(`disabled`,``):this.removeAttribute(`disabled`)}get mask(){return this.hasAttribute(`mask`)}set mask(e){e?this.setAttribute(`mask`,``):this.removeAttribute(`mask`)}get x(){return parseFloat(this.getAttribute(`x`)||``)||0}set x(e){e&&typeof e==`number`&&Number.isFinite(e)?this.setAttribute(`x`,String(e)):this.removeAttribute(`x`)}get y(){return parseFloat(this.getAttribute(`y`)||``)||0}set y(e){e&&typeof e==`number`&&Number.isFinite(e)?this.setAttribute(`y`,String(e)):this.removeAttribute(`y`)}get target(){return this.getAttribute(`target`)}set target(e){typeof e==`string`?this.setAttribute(`target`,e):this.removeAttribute(`target`)}#e=ve;#t=ye;get direction(){return[...this.#e]}set direction(e){let t=Array.isArray(e)?e.filter(Boolean).join(`,`):e;t!==null&&typeof t!=`string`||(t?this.setAttribute(`direction`,t):this.removeAttribute(`direction`))}get align(){return[...this.#t]}set align(e){let t=Array.isArray(e)?e.filter(Boolean).join(`,`):e;t!==null&&typeof t!=`string`||(t?this.setAttribute(`direction`,t):this.removeAttribute(`direction`))}#n=document.createElement(`div`);#r=document.createElement(`dialog`);#i=this.attachInternals();#a=this;constructor(){super();let e=this.attachShadow({mode:`closed`});e.appendChild(document.createElement(`style`)).textContent=`
|
|
253
|
-
:host {
|
|
254
|
-
display: contents;
|
|
255
|
-
}
|
|
256
|
-
div {
|
|
257
|
-
display: flex;
|
|
258
|
-
flex-wrap: nowrap;
|
|
259
|
-
flex-direction: row;
|
|
260
|
-
align-items: stretch;
|
|
261
|
-
}
|
|
262
|
-
div[hidden] {
|
|
263
|
-
display: none;
|
|
264
|
-
}
|
|
265
|
-
div slot {
|
|
266
|
-
display: inline;
|
|
267
|
-
flex: 1;
|
|
268
|
-
}
|
|
269
|
-
div::after {
|
|
270
|
-
content: '';
|
|
271
|
-
width: 0;
|
|
272
|
-
height: 0;
|
|
273
|
-
box-sizing: content-box;
|
|
274
|
-
border: transparent solid 0.3em;
|
|
275
|
-
border-inline-start-color: currentColor;
|
|
276
|
-
margin: auto;
|
|
277
|
-
margin-inline-start: 0.3em;
|
|
278
|
-
}
|
|
279
|
-
dialog {
|
|
280
|
-
position: fixed;
|
|
281
|
-
margin: 0;
|
|
282
|
-
box-sizing: border-box;
|
|
283
|
-
max-width: calc(100% - 36px);
|
|
284
|
-
max-height: calc(100% - 36px);
|
|
285
|
-
user-select: none;
|
|
286
|
-
padding: .2em;
|
|
287
|
-
border: 1px solid;
|
|
288
|
-
outline: none;
|
|
289
|
-
}
|
|
290
|
-
div, dialog ::slotted(*) {
|
|
291
|
-
color: var(--neeloong-menu-fg, #000);
|
|
292
|
-
background: var(--neeloong-menu-bg, #FFF);
|
|
293
|
-
}
|
|
294
|
-
div.open, div:hover, div:focus, dialog ::slotted(:hover), dialog ::slotted(:focus) {
|
|
295
|
-
color: var(--neeloong-menu-fg-highlight, #000);
|
|
296
|
-
background: var(--neeloong-menu-bg-highlight, #6666);
|
|
297
|
-
}
|
|
298
|
-
:host([disabled]) div, dialog ::slotted([disabled]) {
|
|
299
|
-
color: var(--neeloong-menu-fg-disabled, #AAA);
|
|
300
|
-
background: var(--neeloong-menu-bg-disabled, #FFF);
|
|
301
|
-
}
|
|
302
|
-
|
|
303
|
-
dialog::backdrop {
|
|
304
|
-
background: transparent;
|
|
305
|
-
}
|
|
306
|
-
`;let t=e.appendChild(this.#n);t.appendChild(document.createElement(`slot`)).name=`label`,t.addEventListener(`pointerenter`,e=>{this.#u&&e.isPrimary&&this.#f()}),t.addEventListener(`click`,e=>{e.stopPropagation()});let n=e.appendChild(this.#r);n.setAttribute(`part`,`menu`);let r=n.appendChild(document.createElement(`slot`));n.addEventListener(`click`,e=>{if(this.#u)return;let t=e.composedPath(),r=t.indexOf(n);r>=0&&t.slice(0,r).find(e=>e instanceof Element&&e.getAttribute(`disabled`)!==null||e instanceof HTMLHRElement)||this.close()}),n.addEventListener(`close`,e=>{this.close()}),r.addEventListener(`pointermove`,e=>{if(!e.isPrimary)return;let t=this.#l;t&&(e.composedPath().includes(t)||t.#d())}),n.addEventListener(`scroll`,e=>{if(!this.#c)return;let t=this.#l;t&&t.#_()}),this.addEventListener(`contextmenu`,e=>{e.stopPropagation(),e.preventDefault()},{capture:!0})}#o=null;get targetElement(){return this.#o}set targetElement(e){this.#o=e instanceof Element?e:null}#s=!1;#c=!1;#l=null;#u=null;get parentMenu(){return this.#u}#d(){if(!this.#s)return;let e=this.#l;e&&e.#d();let t=this.#u;t&&t.#l===this?t.#l=null:me.delete(this);let n=this.#r;n.close(),this.#i.states?.delete(`--open`),this.#n.classList.remove(`open`),n.removeAttribute(`popover`),this.#s=!1}#f(){if(this.#s||!this.#c)return;let e=this.#u,t=this.#r;if(e){if(!e.#s||this.disabled)return;let n=e.#l;n&&n.#d(),e.#l=this,ge?(t.popover=`manual`,t.showPopover()):t.show()}else{this.#v();let e=this.#l;e&&e.#d(),ge&&!this.hasAttribute(`mask`)?(t.popover=`manual`,t.showPopover(),me.add(this)):t.showModal()}this.#n.classList.add(`open`),this.#i.states?.add(`--open`),requestAnimationFrame(()=>{this.#c&&this.#_()}),this.#s=!0}#p=!1;#m=!1;#h=!1;#g(){if(this.#u)return this.#n;let e=this.#o;if(e)return e;let{target:t}=this;if(t===``)return this.parentElement;if(!t)return null;try{return document.querySelector(t)}catch{}return null}#_(){if(!this.#c)return;let e=this.#r,t=this.#g(),n=this.#a,r=n.#p,i=_e(t?.getBoundingClientRect()||{top:this.y,left:this.x,width:0,height:0},n.#p,n.#m,n.#h),[[a,o,s],[c,l,u]]=i,[d,f]=this.#u?[be,xe]:[this.#e,this.#t],p=e.getBoundingClientRect(),m=r?p.height:p.width,h=r?p.width:p.height,[g]=d.map(e=>{switch(e){case`blockStart`:return[e,c/h,1];case`blockEnd`:return[e,u/h,1];case`inlineStart`:return[e,1,a/m];default:return[`inlineEnd`,1,s/m]}}).reduce((e,t)=>e[1]<1&&t[1]<1?e[1]>=t[1]?e:t:e[1]>=1&&t[1]<1?e:t[1]>=1&&e[1]<1?t:e[2]>=1||e[2]>=t[2]?e:t),_=g===`blockEnd`||g===`blockStart`;_&&i.reverse();let[[v,y,b],[x,S,C]]=i,[w,T]=_?[m,h]:[h,m],ee=f.find(e=>e===`start`?S+C>w:e===`end`?S+x>w:!0)||``,E=g===`inlineStart`||g===`blockStart`?v-T:v+y,D=0;switch(ee){case`start`:D=x;break;case`end`:D=x+S-w;break;default:D=Math.max(18,Math.min(x+S/2-w/2,x+S+C-18-w));break}_&&([E,D]=[D,E]),e.style.insetBlockStart=`${D}px`,e.style.insetInlineStart=`${E}px`;let te=this.#l;te&&te.#_()}update(){if(this.#c)return this.#_()}#v(){let[e,t,n]=we(this);this.#p=e,this.#m=t,this.#h=n}connectedCallback(){this.#c=!0;let t=this.parentNode,n=t instanceof e?t:null;this.#u=n,this.#a=n?n.#a:this,this.#n.hidden=!n,!this.hidden&&n&&n.#s&&this.#f()}disconnectedCallback(){this.close(),this.#a=this,this.#c=!1,this.#u=null}attributeChangedCallback(e,t,n){if(this.#c&&t!==n)switch(e){case`disabled`:this.#c&&this.open&&n!==null&&this.close();break;case`open`:!this.#u&&!this.hidden&&(n===null?this.#d():this.#f());break;case`mask`:if(n!==null){let e=this.#r;e.getAttribute(`popover`)!==null&&(e.removeAttribute(`popover`),this.close())}break;case`hidden`:n===null?this.open&&!this.#u&&this.#f():this.#d();break;case`direction`:this.#e=Se(n),this.#c&&!this.#u&&this.#_();break;case`align`:this.#t=Ce(n),this.#c&&!this.#u&&this.#_();break;case`target`:case`x`:case`y`:this.#c&&!this.#u&&this.#_();break}}};try{customElements.define(`nl-menu`,Te)}catch{}
|
|
307
|
-
/*!
|
|
308
|
-
* 匿龙组件库 @neeloong/components v0.7.0
|
|
309
|
-
* (c) 2023-2024 猛火Fierflame
|
|
310
|
-
* @license MIT
|
|
311
|
-
*/
|
|
312
|
-
const k=[];function Ee(e){let t=getComputedStyle(e).writingMode?.toLowerCase();return[`vertical-lr`,`sideways-lr`].includes(t)?1:[`vertical-rl`,`sideways-rl`].includes(t)?2:0}function A(){let e=[0,0,0,0];for(let{element:t}of k){let n=Ee(t),r=t.classList.contains(`open`);r&&(e[n]+=20),t.style.insetBlockStart=`${e[n]}px`,r&&(e[n]+=n%3?t.clientWidth:t.clientHeight)}}const De=new ResizeObserver(function(){A()});var Oe=class extends HTMLElement{static observedAttributes=[`open`,`hidden`,`duration`];get open(){return this.hasAttribute(`open`)}set open(e){e?this.setAttribute(`open`,``):this.removeAttribute(`open`)}get closable(){return this.hasAttribute(`closable`)}set closable(e){e?this.setAttribute(`closable`,``):this.removeAttribute(`closable`)}get duration(){let e=parseFloat(this.getAttribute(`duration`)||``);return Number.isNaN(e)?1.5:e<=0?1/0:Number.isFinite(e)?e:1.5}set duration(e){typeof e!=`number`||!Number.isFinite(e)?this.removeAttribute(`duration`):e<=0||!Number.isFinite(e)?this.setAttribute(`duration`,`0`):this.setAttribute(`duration`,String(e))}#e=document.createElement(`style`);#t=document.createElement(`section`);#n={element:this.#t};#r=!1;#i=null;#a=this.attachInternals();constructor(){super();let e=this.attachShadow({mode:`closed`});e.appendChild(document.createElement(`style`)).textContent=`
|
|
313
|
-
:host {
|
|
314
|
-
transition-property: none;
|
|
315
|
-
transition-duration: .5s;
|
|
316
|
-
display: contents;
|
|
317
|
-
inline-size: fit-content;
|
|
318
|
-
block-size: fit-content;
|
|
319
|
-
color: canvastext;
|
|
320
|
-
background-color: canvas;
|
|
321
|
-
border: solid;
|
|
322
|
-
padding: 0.25em;
|
|
323
|
-
writing-mode: inherit;
|
|
324
|
-
}
|
|
325
|
-
section {
|
|
326
|
-
inline-size: inherit;
|
|
327
|
-
block-size: inherit;
|
|
328
|
-
background: inherit;
|
|
329
|
-
border: inherit;
|
|
330
|
-
border-radius: inherit;
|
|
331
|
-
color: inherit;
|
|
332
|
-
padding: inherit;
|
|
333
|
-
position: fixed;
|
|
334
|
-
inset: auto;
|
|
335
|
-
inset-inline: 0;
|
|
336
|
-
margin-block: 0;
|
|
337
|
-
margin-inline: auto;
|
|
338
|
-
overflow: auto;
|
|
339
|
-
transition-property: opacity;
|
|
340
|
-
transition-duration: inherit;
|
|
341
|
-
opacity: 0;
|
|
342
|
-
display: none;
|
|
343
|
-
z-index: 9999999999999999999999;
|
|
344
|
-
}
|
|
345
|
-
section.open {
|
|
346
|
-
opacity: 1;
|
|
347
|
-
}
|
|
348
|
-
.shown {
|
|
349
|
-
display: flex;
|
|
350
|
-
transition-property: opacity, inset-block-start;
|
|
351
|
-
align-items: center;
|
|
352
|
-
flex-wrap: nowrap;
|
|
353
|
-
flex-direction: row;
|
|
354
|
-
}
|
|
355
|
-
|
|
356
|
-
slot {
|
|
357
|
-
display: block;
|
|
358
|
-
flex: 1;
|
|
359
|
-
}
|
|
360
|
-
|
|
361
|
-
.close {
|
|
362
|
-
block-size: 1em;
|
|
363
|
-
inline-size: 1em;
|
|
364
|
-
display: none;
|
|
365
|
-
cursor: pointer;
|
|
366
|
-
transition: color .5s;
|
|
367
|
-
position: relative;
|
|
368
|
-
line-height: 1em;
|
|
369
|
-
border-radius: 100%;
|
|
370
|
-
overflow: hidden;
|
|
371
|
-
}
|
|
372
|
-
:host([closable]) .close {
|
|
373
|
-
display: block;
|
|
374
|
-
}
|
|
375
|
-
.close::before,
|
|
376
|
-
.close::after {
|
|
377
|
-
content: '';
|
|
378
|
-
position: absolute;
|
|
379
|
-
display: inline-block;
|
|
380
|
-
inline-size: 80%;
|
|
381
|
-
block-size: 5%;
|
|
382
|
-
background: currentColor;
|
|
383
|
-
inset: 0;
|
|
384
|
-
margin: auto;
|
|
385
|
-
}
|
|
386
|
-
.close::before {
|
|
387
|
-
transform: rotate(45deg);
|
|
388
|
-
}
|
|
389
|
-
.close::after {
|
|
390
|
-
transform: rotate(-45deg);
|
|
391
|
-
}
|
|
392
|
-
|
|
393
|
-
`,e.appendChild(this.#e);let t=e.appendChild(this.#t);t.popover=`manual`,t.setAttribute(`part`,`message`),t.appendChild(document.createElement(`slot`)).setAttribute(`part`,`slot`);let n=t.appendChild(document.createElement(`div`));n.className=`close`,n.addEventListener(`click`,e=>{this.#o(e)}),n.setAttribute(`part`,`close`),n.tabIndex=0,n.addEventListener(`keydown`,e=>{[`Enter`,`Space`].includes(e.code)&&this.#o(e)}),t.addEventListener(`transitionend`,e=>{e.propertyName===`opacity`&&(t.classList.contains(`open`)||this.#p())})}#o(e){e?.defaultPrevented||this.open&&this.dispatchEvent(new Event(`beforeclose`,{cancelable:!0}))&&(this.open=!1,this.dispatchEvent(new Event(`close`)))}#s=!1;#c(){let e=this.#i;e!==null&&(clearTimeout(e),this.#i=null)}#l(){this.#c();let{duration:e}=this;e!==1/0&&(this.#i=setTimeout(()=>{this.#i=null,this.open=!1},e*1e3))}#u(){if(this.#s)return;this.#s=!0;let e=0,t=Ee(this.#t);for(let{element:n}of k)n.classList.contains(`open`)&&Ee(n)===t&&(e+=(t%3?n.clientWidth:n.clientHeight)+20);let n=this.#t;n.style.insetBlockStart=`${e}px`,n.showPopover?.(),n.classList.add(`shown`),this.#a.states?.add(`--shown`),n.setAttribute(`part`,`message shown`),requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.#s&&n.classList.contains(`shown`)&&(n.classList.add(`open`),this.#a.states?.add(`--open`),this.#l(),De.observe(n),k.push(this.#n),A())})})}#d(){let e=k.indexOf(this.#n);e<0||(k.splice(e,1),!(e>=k.length)&&A())}#f(){if(!this.#s)return;this.#s=!1,this.#c();let e=this.#t;e.classList.remove(`open`),this.#a.states?.delete(`--open`),De.unobserve(e),A()}#p(){this.#d();let e=this.#t;e.hidePopover?.(),this.#a.states?.delete(`--shown`),e.classList.remove(`shown`),e.setAttribute(`part`,`message`)}connectedCallback(){this.#r=!0,!this.hidden&&this.open&&this.#u()}disconnectedCallback(){this.#r=!1,this.#f(),this.#p()}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`hidden`:case`open`:this.#r&&(!this.hidden&&this.open?this.#u():this.#f());break;case`duration`:this.#l();break}}};try{customElements.define(`nl-message`,Oe)}catch{}function j(e,t,n){n?e.setAttribute(t,``):e.removeAttribute(t)}var ke=class extends HTMLElement{static observedAttributes=[`hidden`,`open`,`disabled`,`size`,`position`];get open(){return this.hasAttribute(`open`)}set open(e){j(this,`open`,e)}get cancelable(){return this.hasAttribute(`cancelable`)}set cancelable(e){j(this,`cancelable`,e)}get closable(){return this.hasAttribute(`closable`)}set closable(e){j(this,`closable`,e)}get mask(){return this.hasAttribute(`mask`)}set mask(e){j(this,`mask`,e)}get maskClosable(){return this.hasAttribute(`mask-closable`)}set maskClosable(e){j(this,`mask-closable`,e)}get disabled(){return this.hasAttribute(`disabled`)}set disabled(e){j(this,`disabled`,e)}get size(){return this.getAttribute(`size`)||``}set size(e){e?this.setAttribute(`size`,e):this.removeAttribute(`size`)}get position(){let e=this.getAttribute(`position`)||``;return[`block-start`,`block-end`,`inline-start`,`inline-end`].includes(e)?e:`center`}set position(e){e?this.setAttribute(`position`,e):this.removeAttribute(`position`)}cancel(){this.disabled||this.open&&this.dispatchEvent(new Event(`cancel`,{cancelable:!0}))&&(this.open=!1,this.dispatchEvent(new Event(`close`)))}ok(){this.disabled||this.open&&this.dispatchEvent(new Event(`ok`,{cancelable:!0}))&&(this.open=!1,this.dispatchEvent(new Event(`close`)))}#e=document.createElement(`section`);#t=document.createElement(`dialog`);#n=document.createElement(`button`);#r=document.createElement(`button`);constructor(){super();let e=()=>this.cancel(),t=this.attachShadow({mode:`closed`});t.appendChild(document.createElement(`style`)).textContent=`
|
|
394
|
-
:host {
|
|
395
|
-
display: none;
|
|
396
|
-
}
|
|
397
|
-
:host([open]) {
|
|
398
|
-
display: contents;
|
|
399
|
-
}
|
|
400
|
-
:host([open][hidden]) {
|
|
401
|
-
display: none;
|
|
402
|
-
}
|
|
403
|
-
dialog {
|
|
404
|
-
position: fixed;
|
|
405
|
-
max-block-size: 100%;
|
|
406
|
-
max-inline-size: 100%;
|
|
407
|
-
inline-size: 100%;
|
|
408
|
-
border: none;
|
|
409
|
-
background: none;
|
|
410
|
-
outline: none;
|
|
411
|
-
padding: 0;
|
|
412
|
-
}
|
|
413
|
-
dialog::backdrop {
|
|
414
|
-
background: none;
|
|
415
|
-
}
|
|
416
|
-
:host([mask]) dialog::backdrop {
|
|
417
|
-
background: rgba(48,48,48,0.5);
|
|
418
|
-
}
|
|
419
|
-
.ok:after {
|
|
420
|
-
content: '确认';
|
|
421
|
-
}
|
|
422
|
-
.cancel {
|
|
423
|
-
display: none;
|
|
424
|
-
}
|
|
425
|
-
.cancel:after {
|
|
426
|
-
content: '取消';
|
|
427
|
-
}
|
|
428
|
-
:host([cancelable]) .cancel {
|
|
429
|
-
display: inline-block;
|
|
430
|
-
}
|
|
431
|
-
section {
|
|
432
|
-
right: 0;
|
|
433
|
-
left: 0;
|
|
434
|
-
padding: 1em;
|
|
435
|
-
background: #FFF;
|
|
436
|
-
box-sizing: content-box;
|
|
437
|
-
box-shadow: 5px 5px 10px -4px rgba(0,0,0,.12),
|
|
438
|
-
5px -5px 10px -4px rgba(0,0,0,.12),
|
|
439
|
-
-5px 5px 10px -4px rgba(0,0,0,.12),
|
|
440
|
-
-5px -5px 10px -4px rgba(0,0,0,.12)
|
|
441
|
-
}
|
|
442
|
-
.center {
|
|
443
|
-
padding-block: 6px;
|
|
444
|
-
}
|
|
445
|
-
.inline-start {
|
|
446
|
-
block-size: 100%;
|
|
447
|
-
margin-inline-start: 0;
|
|
448
|
-
}
|
|
449
|
-
.inline-end {
|
|
450
|
-
block-size: 100%;
|
|
451
|
-
margin-inline-end: 0;
|
|
452
|
-
}
|
|
453
|
-
.block-start {
|
|
454
|
-
margin-block-start: 0;
|
|
455
|
-
}
|
|
456
|
-
.block-end {
|
|
457
|
-
margin-block-end: 0;
|
|
458
|
-
}
|
|
459
|
-
.center section, .inline-start section, .inline-end section {
|
|
460
|
-
display: flex;
|
|
461
|
-
flex-direction: column;
|
|
462
|
-
min-block-size: calc(100% - 2em);
|
|
463
|
-
inline-size: var(--nl-modal-size, 640px);
|
|
464
|
-
max-inline-size: calc(100vi - 2em - 16px);
|
|
465
|
-
}
|
|
466
|
-
.block-start section, .block-end section {
|
|
467
|
-
display: flex;
|
|
468
|
-
flex-direction: column;
|
|
469
|
-
block-size: var(--nl-modal-size, 640px);
|
|
470
|
-
max-block-size: calc(100vb - 2em - 16px);
|
|
471
|
-
}
|
|
472
|
-
.center section {
|
|
473
|
-
margin: auto;
|
|
474
|
-
}
|
|
475
|
-
.inline-start section {
|
|
476
|
-
margin-inline-end: auto;
|
|
477
|
-
}
|
|
478
|
-
.inline-end section {
|
|
479
|
-
margin-inline-start: auto;
|
|
480
|
-
}
|
|
481
|
-
.block-start section {
|
|
482
|
-
margin-block-end: auto;
|
|
483
|
-
}
|
|
484
|
-
.block-end section {
|
|
485
|
-
margin-block-start: auto;
|
|
486
|
-
}
|
|
487
|
-
.inline-start section slot.body, .inline-end section slot.body {
|
|
488
|
-
flex: 1;
|
|
489
|
-
display: block;
|
|
490
|
-
}
|
|
491
|
-
.block-start section slot.body, .block-end section slot.body {
|
|
492
|
-
flex: 1;
|
|
493
|
-
display: block;
|
|
494
|
-
overflow: auto;
|
|
495
|
-
}
|
|
496
|
-
:host([round]) .center section {
|
|
497
|
-
border-radius: 1em;
|
|
498
|
-
}
|
|
499
|
-
:host([round]) .inline-start section {
|
|
500
|
-
border-start-end-radius: 1em;
|
|
501
|
-
border-end-end-radius: 1em;
|
|
502
|
-
}
|
|
503
|
-
:host([round]) .inline-end section {
|
|
504
|
-
border-start-start-radius: 1em;
|
|
505
|
-
border-end-start-radius: 1em;
|
|
506
|
-
}
|
|
507
|
-
:host([round]) .block-start section {
|
|
508
|
-
border-end-start-radius: 1em;
|
|
509
|
-
border-end-end-radius: 1em;
|
|
510
|
-
}
|
|
511
|
-
:host([round]) .block-end section {
|
|
512
|
-
border-start-start-radius: 1em;
|
|
513
|
-
border-start-end-radius: 1em;
|
|
514
|
-
}
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
.close {
|
|
518
|
-
block-size: 40px;
|
|
519
|
-
inline-size: 40px;
|
|
520
|
-
display: none;
|
|
521
|
-
cursor: pointer;
|
|
522
|
-
transition: color .5s;
|
|
523
|
-
position: relative;
|
|
524
|
-
line-height: 40px;
|
|
525
|
-
}
|
|
526
|
-
:host([closable]) .close {
|
|
527
|
-
display: inline-block;
|
|
528
|
-
}
|
|
529
|
-
.close-icon {
|
|
530
|
-
overflow: hidden;
|
|
531
|
-
}
|
|
532
|
-
.close-icon::before,
|
|
533
|
-
.close-icon::after {
|
|
534
|
-
content: '';
|
|
535
|
-
position: absolute;
|
|
536
|
-
display: inline-block;
|
|
537
|
-
inline-size: 60%;
|
|
538
|
-
block-size: 5%;
|
|
539
|
-
background: currentColor;
|
|
540
|
-
inset: 0;
|
|
541
|
-
margin: auto;
|
|
542
|
-
}
|
|
543
|
-
.close-icon::before {
|
|
544
|
-
transform: rotate(45deg);
|
|
545
|
-
|
|
546
|
-
}
|
|
547
|
-
.close-icon::after {
|
|
548
|
-
transform: rotate(-45deg);
|
|
549
|
-
|
|
550
|
-
}
|
|
551
|
-
.close-icon:hover {
|
|
552
|
-
color: #88F;
|
|
553
|
-
}
|
|
554
|
-
|
|
555
|
-
header {
|
|
556
|
-
position: sticky;
|
|
557
|
-
text-align: start;
|
|
558
|
-
inset-block-start: 0;
|
|
559
|
-
background: inherit;
|
|
560
|
-
margin-block-start: -1em;
|
|
561
|
-
margin-inline: -1em;
|
|
562
|
-
padding-inline: 1em;
|
|
563
|
-
padding-block-start: 1em;
|
|
564
|
-
padding-block-end: 1em;
|
|
565
|
-
border-start-start-radius: inherit;
|
|
566
|
-
border-start-end-radius: inherit;
|
|
567
|
-
display: flex;
|
|
568
|
-
}
|
|
569
|
-
.empty {
|
|
570
|
-
padding-block: 0;
|
|
571
|
-
}
|
|
572
|
-
[name=header] {
|
|
573
|
-
display: block;
|
|
574
|
-
flex: 1;
|
|
575
|
-
line-height: 40px;
|
|
576
|
-
}
|
|
577
|
-
footer {
|
|
578
|
-
text-align: end;
|
|
579
|
-
position: sticky;
|
|
580
|
-
inset-block-end: 0;
|
|
581
|
-
background: inherit;
|
|
582
|
-
margin-block-end: -1em;
|
|
583
|
-
margin-inline: -1em;
|
|
584
|
-
padding-inline: 1em;
|
|
585
|
-
padding-block-start: 1em;
|
|
586
|
-
padding-block-end: 1em;
|
|
587
|
-
border-end-start-radius: inherit;
|
|
588
|
-
border-end-end-radius: inherit;
|
|
589
|
-
}
|
|
590
|
-
|
|
591
|
-
`,this.#t.autofocus=!1;let n=t.appendChild(this.#t);n.className=`center`,n.addEventListener(`keydown`,t=>{t.defaultPrevented||t.code===`Escape`&&(t.preventDefault(),e())}),n.addEventListener(`click`,t=>{t.target===t.currentTarget&&this.maskClosable&&e()});let r=n.appendChild(this.#e);r.style.inlineSize=this.getAttribute(`size`)||``;let i=r.appendChild(document.createElement(`header`)),a=i.appendChild(document.createElement(`slot`));a.name=`header`,a.addEventListener(`slotchange`,e=>{a.assignedNodes().length?i.classList.remove(`empty`):i.classList.add(`empty`)}),a.assignedNodes().length?i.classList.remove(`empty`):i.classList.add(`empty`);let o=i.appendChild(document.createElement(`slot`));o.className=`close`,o.name=`close`,o.addEventListener(`click`,e),o.addEventListener(`slotchange`,e=>{o.assignedNodes().length?o.classList.remove(`close-icon`):o.classList.add(`close-icon`)}),o.assignedNodes().length?o.classList.remove(`close-icon`):o.classList.add(`close-icon`),r.appendChild(document.createElement(`slot`)).className=`body`;let s=r.appendChild(document.createElement(`footer`)).appendChild(document.createElement(`slot`));s.name=`footer`;let{disabled:c}=this,l=s.appendChild(this.#n);l.addEventListener(`click`,()=>this.ok()),l.className=`ok`,l.disabled=c;let u=s.appendChild(this.#r);u.addEventListener(`click`,e),u.className=`cancel`,u.disabled=c}#i=!1;connectedCallback(){this.#i=!0,!this.hidden&&this.open&&this.#t.showModal()}disconnectedCallback(){this.#i=!1,this.#t.close()}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`hidden`:case`open`:this.#i&&(!this.hidden&&this.open?this.#t.showModal():this.#t.close());break;case`disabled`:{let e=n!==null;this.#r.disabled=e,this.#n.disabled=e;break}case`position`:{let{size:e}=this,t=this.#e,r=this.#t;switch(n){case`block-start`:case`block-end`:t.style.inlineSize=``,t.style.blockSize=e,r.className=n;break;case`inline-start`:case`inline-end`:t.style.inlineSize=e,t.style.blockSize=``,r.className=n;break;default:t.style.inlineSize=e,t.style.blockSize=``,r.className=`center`}break}case`size`:this.position.startsWith(`block`)?this.#e.style.blockSize=n||``:this.#e.style.inlineSize=n||``;break}}};try{customElements.define(`nl-modal`,ke)}catch{}function Ae(e,t){let n=e.attachShadow({mode:`closed`});n.appendChild(document.createElement(`style`)).textContent=`:host {
|
|
592
|
-
display: block;
|
|
593
|
-
overflow: hidden;
|
|
594
|
-
position: relative;
|
|
595
|
-
}
|
|
596
|
-
:host([hidden]) { display: none; }`,n.appendChild(document.createElement(`slot`));let r=new ResizeObserver(e=>{let n=e.pop();if(!n)return;let{contentRect:{width:r,height:i}}=n;for(let e of t)e.resize(r,i)});function i(n){let r=n.composedPath(),i=r.findIndex(t=>t===e),a=i<0?[]:r.slice(0,i).reverse();for(let e of[...t]){let t=e.match(a);if(t)return e;if(t===null)return null}return null}let a={};function o(t){let n=i(t);if(!n)return;let{pageX:r,pageY:o,pointerId:s}=t,{x:c,y:l}=e.getBoundingClientRect(),u=r-c,d=o-l,f=null;t.pointerType===`mouse`?f=n.mouseBegin(u,d,t.buttons):t.pointerType===`touch`&&(f=n.touchBegin(s,u,d)),typeof f==`boolean`&&(f&&e.setPointerCapture(s),a[s]=n)}function s(t){let{pointerId:n}=t,r=a[n];if(!r)return;let{pageX:i,pageY:o}=t,{x:s,y:c}=e.getBoundingClientRect(),l=i-s,u=o-c;if(t.pointerType===`mouse`){r?.mouseMove(l,u,t.buttons);return}t.pointerType===`touch`&&r.touchMove(n,l,u)}function c(t){let{pointerId:n}=t;e.hasPointerCapture(n)&&e.releasePointerCapture(n);let r=a[n];r&&(t.pointerType===`mouse`&&r.mouseEnd(),t.pointerType===`touch`&&(delete a[n],r.touchEnd(n)))}function l(t){let n=i(t);if(!n)return;let{deltaMode:r,deltaX:a,deltaY:o,pageX:s,pageY:c}=t,{x:l,y:u}=e.getBoundingClientRect(),d=s-l,f=c-u;n.wheel(r,a,o,d,f)}return e.addEventListener(`wheel`,l,!0),e.addEventListener(`pointermove`,s),e.addEventListener(`pointerdown`,o),e.addEventListener(`pointerup`,c),e.addEventListener(`pointercancel`,c),e.addEventListener(`lostpointercapture`,c),e.addEventListener(`touchmove`,e=>e.preventDefault()),[()=>{r.observe(e)},()=>{r.unobserve(e)}]}var je=class extends HTMLElement{#e=new Set;#t;#n;constructor(){super(),[this.#t,this.#n]=Ae(this,this.#e)}register(e){let t=this.#e;t.add(e);let{width:n,height:r}=this.getBoundingClientRect();return e.resize(n,r),()=>{t.delete(e)}}connectedCallback(){this.#t()}disconnectedCallback(){this.#n()}adoptedCallback(){}};function Me(e,t){let n=e.reduce((e,t)=>e+t)/e.length,r=t.reduce((e,t)=>e+t)/t.length;return e.map((i,a)=>(e[a]-n)*(t[a]-r)).reduce((e,t)=>e+t)/e.map(e=>(e-n)**2).reduce((e,t)=>e+t)}function Ne(e){let t=performance.now()/1e3;for(let n=0;n<e.length;n++){let[,,r]=e[n];if(t-r>.05){e.length=n;break}t=r}if(e.length<3)return;let n=e.map(e=>e[2]),r=Me(n,e.map(e=>e[0])),i=Me(n,e.map(e=>e[1])),a=Math.sign(r),o=Math.sign(i),s=Math.abs(r),c=Math.abs(i),l=(s**2+c**2)**.5,u=s/l,d=c/l,f=1e3,[[p,m,h]]=e;function g(){let e=performance.now()/1e3-h;return l-e*f<=0?[p+a*s*l/f/2,m+o*c*l/f/2,!0]:[p+a*(s+s-f*u*e)*e/2,m+o*(c+c-f*d*e)*e/2,!1]}return g}var Pe=class extends HTMLElement{#e;#t;constructor(){super();let e=()=>{};this.#t=()=>{let t=this.parentNode;for(;t&&!(t instanceof ze);)t=t.parentNode;t&&(e=t.register(this))},this.#e=()=>{e()}}connectedCallback(){this.#t()}disconnectedCallback(){this.#e()}};function Fe(e,t,n,r){return((e-t)**2+(n-r)**2)**.5}function Ie(e,t,n){let r=t-n,i=Math.min(r,0),a=Math.max(r,0);return Math.min(Math.max(i,e),a)}function Le(e,t){let n=e.attachShadow({mode:`closed`});n.appendChild(document.createElement(`style`)).textContent=`
|
|
597
|
-
:host{display: block; position: absolute; transform-origin: 0 0; }
|
|
598
|
-
:host([hidden]) { display: none; }
|
|
599
|
-
`,n.appendChild(document.createElement(`slot`));let r=!1;function i(){r=!0;let[t,n]=o;!t||!n||(r=!1,l=Math.min(t/e.clientWidth,n/e.clientHeight),s=(t-e.clientWidth*l)/2,c=(n-e.clientHeight*l)/2,e.style.transform=`translate(${s}px,${c}px)scale(${l})`)}let a={},o=[0,0],s=0,c=0,l=1;function u(t){let n=e.clientWidth,r=e.clientHeight,[i,a]=o;if(!i||!a)return t;let s=i/n,c=a/r,l=Math.max(s,c,5),u=Math.min(s,c,.5);return Math.max(u,Math.min(t,l))}let d=``,f;function p(e,t,n,r){let i=Fe(e,n,t,r),a=l;if(!i||!a){f=void 0;return}f={x:(s-(e+n)/2)/a,y:(c-(t+r)/2)/a,s:a/i}}function m(e,t,n,r){if(!f)return;let i=Fe(e,n,t,r);if(!i)return;let{s:a,x:o,y:d}=f,p=u(i*a);l=p,s=o*p+(e+n)/2,c=d*p+(t+r)/2,T()}function h(){d=``,f=void 0}let g=``,_,v=0;function y(e,t){cancelAnimationFrame(v),_=void 0,_={x:s,y:c,frame:[[s,c,performance.now()/1e3]],bx:e,by:t}}function b(e,t){if(!_)return;let{x:n,y:r,bx:i,by:a}=_;s=n+e-i,c=r+t-a;let o=[s,c,performance.now()/1e3];_.frame=[o,..._.frame].slice(0,20),T()}function x(){if(!_)return;g=``;let{frame:t}=_;if(_=void 0,!e.inertia)return;let n=Ne(t);if(!n)return;let r=()=>{let t;[s,c,t]=n(),T(),e.inertia&&(t||(v=requestAnimationFrame(r)))};r()}function S(){cancelAnimationFrame(v),g=``,_=void 0}let C={resize(t,n){o=[t,n],(e.autoAdaptively||r)&&i()},match(n){if(!n.length)return e.global||!1;if(n[0]!==e)return!1;if(!t.size)return!0;let r=new Set(n);for(let e of t)if(r.has(e))return!0;return null},touchMove(t,n,r){a[t]=[n,r];let i=Object.values(a);if(g===`touch`){if(i.length!==1)return S();let[e]=i;b(e[0],e[1])}if(d!==`touch`)return;if(!e.touchScalable||i.length!==2)return h();let[o,s]=i;m(o[0],o[1],s[0],s[1])},touchBegin(t,n,r){a[t]=[n,r];let i=Object.values(a);if(i.length===1){if(!g&&e.touchMovable)return h(),g=`touch`,y(n,r),e.touchCapture}else if(i.length===2&&!d&&e.touchScalable){S(),d=`touch`;let[t,n]=i;return p(t[0],t[1],n[0],n[1]),e.touchCapture}return null},touchEnd(e){delete a[e],d===`touch`&&h(),g===`touch`&&x()},mouseMove(e,t,n){if(g===`leftMouse`&&!(n&1)||g===`roller`&&!(n&4)){x();return}g&&b(e,t)},mouseBegin(t,n,r){if(g)return null;let i=``,a=null;if(r&1){if(!e.leftMouseMovable)return null;i=`leftMouse`,a=e.leftMouseMovableCapture}else if(r&4){if(!e.rollerMovable)return null;i=`roller`,a=e.rollerMovableCapture}return h(),g=i,y(t,n),a},mouseEnd(){g&&x()},wheel(t,n,r,i,a){if(!e.rollerScalable)return;let o=Math.abs(n)>Math.abs(r)?n:r;if(o===0)return;h();let d=Math.abs(o),f=0;if(o>0)switch(t){case 0:f=1.01;break;case 1:f=1.25;break;case 2:f=1.6;break}else switch(t){case 0:f=1/1.01;break;case 1:f=1/1.25;break;case 2:f=1/1.6;break}let p=l,m=u(f**d*p);l=m,s=(s-i)/p*m+i,c=(c-a)/p*m+a,T()}},w=()=>{};function T(){let[t,n]=o;(!t||!n)&&(e.style.transform=`translate(${s}px,${c}px)scale(${l})`),s=Ie(s,t,e.clientWidth*l),c=Ie(c,n,e.clientHeight*l),e.style.transform=`translate(${s}px,${c}px)scale(${l})`}return[()=>{e.autoAdaptively&&requestAnimationFrame(i);let t=e.parentNode;for(;t&&!(t instanceof je);)t=t.parentNode;t&&(w=t.register(C))},()=>{w()},i]}function M(e,t,n){if(!n&&n!==``){e.removeAttribute(t);return}e.setAttribute(t,n===!0?``:n)}var Re=class extends HTMLElement{static get Area(){return je}static get Target(){return Pe}get inertia(){return this.getAttribute(`inertia`)!==null}set inertia(e){M(this,`inertia`,e)}get touchCapture(){return this.getAttribute(`touch-capture`)!==null}set touchCapture(e){M(this,`touch-capture`,e)}get touchMovable(){return this.getAttribute(`touch-movable`)!==null}set touchMovable(e){M(this,`touch-movable`,e)}get touchScalable(){return this.getAttribute(`touch-scalable`)!==null}set touchScalable(e){M(this,`touch-scalable`,e)}get rollerMovable(){return this.getAttribute(`roller-movable`)!==null}set rollerMovable(e){M(this,`roller-movable`,e)}get rollerMovableCapture(){return this.getAttribute(`roller-movable-capture`)!==null}set rollerMovableCapture(e){M(this,`roller-movable-capture`,e)}get rollerScalable(){return this.getAttribute(`roller-scalable`)!==null}set rollerScalable(e){M(this,`roller-scalable`,e)}get leftMouseMovable(){return this.getAttribute(`left-mouse-movable`)!==null}set leftMouseMovable(e){M(this,`left-mouse-movable`,e)}get leftMouseMovableCapture(){return this.getAttribute(`left-mouse-movable-capture`)!==null}set leftMouseMovableCapture(e){M(this,`left-mouse-movable-capture`,e)}get autoAdaptively(){return this.getAttribute(`adaptively`)!==null}set autoAdaptively(e){M(this,`adaptively`,e)}get global(){return this.getAttribute(`global`)!==null}set global(e){M(this,`global`,e)}#e=new Set;#t;#n;#r;constructor(){super(),[this.#t,this.#n,this.#r]=Le(this,this.#e)}register(e){let t=this.#e;return t.add(e),()=>{t.delete(e)}}adaptively(){this.#r()}connectedCallback(){this.#t()}disconnectedCallback(){this.#n()}adoptedCallback(){}};try{customElements.define(`nl-movable-area`,je),customElements.define(`nl-movable`,Re),customElements.define(`nl-movable-target`,Pe)}catch{}var ze=Re,N=class extends HTMLElement{#e=()=>{};#t=null;get pagination(){return this.#t}updateCallback(e){}#n=0;#r=0;#i=1;#a=1;get size(){return this.#n}get total(){return this.#r}get pages(){return this.#i}get page(){return this.#a}connectedCallback(){let e=this.parentNode;for(;e&&!(e instanceof $e);)e=e.parentNode;e&&(this.#t=e,this.#e=e.register({update:({size:e,total:t,pages:n,page:r})=>{this.#n=e,this.#r=t,this.#i=n,this.#a=r,this.updateCallback({size:e,total:t,pages:n,page:r})}}))}disconnectedCallback(){this.#t=null,this.#e()}};function P(e){let t=document.createElement(`style`);return t.textContent=e,t}var Be=class extends N{static observedAttributes=[`disabled`];get disabled(){return this.getAttribute(`disabled`)!==null}set disabled(e){e?this.setAttribute(`disabled`,``):this.removeAttribute(`disabled`)}#e=this.attachShadow({mode:`closed`});#t=this.#e.appendChild(P(``));#n=(()=>{let e=document.createElement(`input`);e.setAttribute(`part`,`input`),e.type=`number`,e.min=`1`,e.step=`1`,this.#e.appendChild(e);let t=()=>{let{pagination:t}=this;if(!t)return;let n=e.value;n&&t.setPage(Number(n))};return e.addEventListener(`change`,t),e.addEventListener(`keydown`,e=>{e.code===`Enter`&&(e.preventDefault(),t())}),e})();updateCallback(){let e=this.#n,{pages:t,page:n}=this;e.max=String(t),e.value=String(n),e.placeholder=String(n)}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`disabled`:this.#n.disabled=this.disabled;break}}},Ve=class extends N{static observedAttributes=[`disabled`];get disabled(){return this.getAttribute(`disabled`)!==null}set disabled(e){e?this.setAttribute(`disabled`,``):this.removeAttribute(`disabled`)}#e=this.attachShadow({mode:`closed`});#t=this.#e.appendChild(P(``));#n=(()=>{let e=document.createElement(`button`);return e.type=`button`,this.#e.appendChild(e),e.setAttribute(`part`,`button`),e})();#r=this.#n.appendChild(document.createElement(`slot`));#i(){this.#n.disabled=this.disabled||this.page===this.pages}constructor(){super(),this.addEventListener(`click`,e=>{let{defaultPrevented:t}=e;e.preventDefault(),this.#n.disabled?e.stopPropagation():t||this.pagination?.setPage(this.page+1)})}updateCallback(){this.#i()}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`disabled`:this.#i();break}}},He=class extends N{static observedAttributes=[`value`,`disabled`];get value(){return Math.max(1,parseInt(this.getAttribute(`value`)||``)||1)}set value(e){e?this.setAttribute(`value`,String(e)):this.removeAttribute(`value`)}get disabled(){return this.getAttribute(`disabled`)!==null}set disabled(e){e?this.setAttribute(`disabled`,``):this.removeAttribute(`disabled`)}get target(){return Math.min(this.value,this.pages)}get isCurrent(){return this.target===this.page}#e=this.attachShadow({mode:`closed`});#t=this.#e.appendChild(P(``));#n=(()=>{let e=document.createElement(`button`);return e.type=`button`,e.setAttribute(`part`,`button`),this.#e.appendChild(e),e})();#r=(()=>{let e=document.createElement(`slot`);return this.#n.appendChild(e),e.innerText=`1`,e})();#i(){this.#n.disabled=this.disabled||this.isCurrent}constructor(){super(),this.addEventListener(`click`,e=>{let{defaultPrevented:t}=e;e.preventDefault(),this.#n.disabled?e.stopPropagation():t||this.pagination?.setPage(this.value)})}updateCallback(){this.#i()}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`value`:this.#r.innerText=String(this.value),this.#i();break;case`disabled`:this.#i();break}}},Ue=class extends N{static observedAttributes=[`disabled`];get disabled(){return this.getAttribute(`disabled`)!==null}set disabled(e){e?this.setAttribute(`disabled`,``):this.removeAttribute(`disabled`)}#e=this.attachShadow({mode:`closed`});#t=this.#e.appendChild(P(`
|
|
600
|
-
:host { display: contents; }
|
|
601
|
-
.placeholder::after {
|
|
602
|
-
content: var(--nl-pagination-pager-placeholder, '...');
|
|
603
|
-
}
|
|
604
|
-
`));#n=Object.create(null);#r=[];#i(){for(let e of this.#r)e.remove();let e=Object.create(null),t=[];this.#n=e,this.#r=t;let{disabled:n}=this,r=this.#e,i=this.page,a=this.pages,o=Math.max(2,i-2),s=Math.min(i+2,a-1),c=a=>{let o=document.createElement(`button`);o.type=`button`,o.innerText=String(a),o.setAttribute(`part`,a===i?`button current`:`button`),o.disabled=n||a===i,o.addEventListener(`click`,()=>{this.pagination?.setPage(a)}),t.push(o),r.appendChild(o),e[a]=o},l=()=>{let e=document.createElement(`span`);e.className=`placeholder`,e.setAttribute(`part`,`placeholder`),r.appendChild(e),t.push(e)};c(1),i>4&&l();for(let e=o;e<=s;e++)c(e);a-i>3&&l(),a>1&&c(a)}#a(){let{disabled:e}=this,t=String(this.page);for(let[n,r]of Object.entries(this.#n))r.disabled=e||n===t}updateCallback(){this.#i()}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`disabled`:this.#a();break}}},We=class extends N{static observedAttributes=[`disabled`];get disabled(){return this.getAttribute(`disabled`)!==null}set disabled(e){e?this.setAttribute(`disabled`,``):this.removeAttribute(`disabled`)}#e=this.attachShadow({mode:`closed`});#t=this.#e.appendChild(P(``));#n=(()=>{let e=document.createElement(`button`);return e.type=`button`,e.setAttribute(`part`,`button`),this.#e.appendChild(e),e})();#r=this.#n.appendChild(document.createElement(`slot`));#i(){this.#n.disabled=this.disabled||this.page===1}constructor(){super(),this.addEventListener(`click`,e=>{let{defaultPrevented:t}=e;e.preventDefault(),this.#n.disabled?e.stopPropagation():t||this.pagination?.setPage(this.page-1)})}updateCallback(){this.#i()}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`disabled`:this.#i();break}}};function Ge(e){let t=e?.split(/[,;: ]/).map(e=>parseInt(e)).filter(e=>e>=0);return t?.length?new Set(t):null}function Ke(e){if(typeof e==`string`){let t=Ge(e);return t?[...t]:[]}if(typeof e==`number`){let t=Math.floor(e);return t>=0?[t]:[]}if(typeof e==`bigint`)return e>=0n?[Number(e)]:[];try{return Array(e).flat(1/0).flatMap(Ke)}catch{return[]}}const qe=[10,20,30,50,100];function Je(e,t){let n=Ge(e)||new Set(qe);return typeof t==`number`&&n.add(t),[...n].sort((e,t)=>e-t)}var Ye=class extends N{static observedAttributes=[`sizes`,`label`,`non-label`,`disabled`];get disabled(){return this.getAttribute(`disabled`)!==null}set disabled(e){e?this.setAttribute(`disabled`,``):this.removeAttribute(`disabled`)}#e=this.attachShadow({mode:`closed`});#t=this.#e.appendChild(P(``));#n=(()=>{let e=this.#e.appendChild(document.createElement(`select`));return e.setAttribute(`part`,`input`),e.addEventListener(`change`,()=>{let{pagination:t}=this;t&&t.setSize(Number(e.value))}),e})();#r=(()=>{let e=document.createElement(`option`);return e.label=`-`,e.value=`0`,e})();#i=[];#a(){let e=Ge(this.getAttribute(`sizes`))||new Set(qe),{size:t}=this;e.add(t);let n=this.#n;n.innerHTML=``,e.delete(0)&&n.appendChild(this.#r);let r=[];this.#i=r;let i=this.label;for(let t of[...e].sort((e,t)=>e-t)){let e=document.createElement(`option`);e.label=i.replace(/#/g,String(t)),e.value=String(t),r.push(e),n.appendChild(e)}n.value=String(t)}get label(){return this.getAttribute(`label`)||`#`}set label(e){e?this.setAttribute(`label`,e):this.removeAttribute(`label`)}get nonLabel(){return this.getAttribute(`non-label`)||`-`}set nonLabel(e){e?this.setAttribute(`non-label`,e):this.removeAttribute(`non-label`)}get sizes(){return Je(this.getAttribute(`sizes`))}set sizes(e){let t=Ke(e);t.length?this.setAttribute(`sizes`,[...new Set(t)].sort((e,t)=>e-t).join(`,`)):this.removeAttribute(`sizes`)}#o=0;updateCallback(){let{size:e}=this;this.#o!==e&&(this.#o=e,this.#a())}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`sizes`:this.#a();break;case`label`:{let e=this.label;for(let t of this.#i)t.label=e.replace(/#/g,t.value);break}case`non-label`:this.#r.label=this.nonLabel;break;case`disabled`:this.#n.disabled=this.disabled;break}}},Xe=class extends N{static observedAttributes=[`name`];get name(){let e=this.getAttribute(`name`)?.toLowerCase()||``;return[`size`,`total`,`pages`,`page`,`start`,`end`].includes(e)?e:`page`}set name(e){e?this.setAttribute(`name`,String(e)):this.removeAttribute(`name`)}#e={size:0,total:0,pages:1,page:1,start:0,end:0};#t=this.attachShadow({mode:`closed`});#n=this.#t.appendChild(P(``));#r=this.#t.appendChild(document.createTextNode(``));#i(){let e=this.#e[this.name];this.#r.textContent=String(e)}updateCallback(){let{size:e,total:t,pages:n,page:r}=this;this.#e={size:e,total:t,pages:n,page:r,start:Math.min((r-1)*e+1,t),end:e?Math.min(r*e,t):t},this.#i()}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`name`:this.#i()}}};function Ze(e,t,n){if(n=typeof n==`string`?parseInt(n):typeof n==`number`?Math.floor(n):typeof n==`bigint`?Number(n):NaN,Number.isNaN(n)||n<0){e.removeAttribute(t);return}e.setAttribute(t,String(n))}function Qe(e){if(!e)return 0;let t=parseInt(e);return Number.isNaN(t)||t<0?0:t}var $e=class extends HTMLElement{static get Widget(){return N}static get Jumper(){return Be}static get Next(){return Ve}static get Page(){return He}static get Pager(){return Ue}static get Prev(){return We}static get Sizer(){return Ye}static get Value(){return Xe}static observedAttributes=[`size`,`total`,`pages`,`page`];get size(){return Qe(this.getAttribute(`size`))||0}set size(e){Ze(this,`size`,e)}get total(){return Qe(this.getAttribute(`total`))||0}set total(e){Ze(this,`total`,e)}get pages(){let e=Qe(this.getAttribute(`pages`));if(e)return e;let{size:t}=this;return t&&Math.ceil(this.total/t)||1}set pages(e){Ze(this,`pages`,e)}get page(){return Math.min(Qe(this.getAttribute(`page`))||1,this.pages)}set page(e){Ze(this,`page`,e)}setPage(e){this.page=e,this.dispatchEvent(new Event(`change`))}setSize(e){this.size=e,this.dispatchEvent(new Event(`change`))}#e=new Set;register(e){let t=this.#e;return t.add(e),e.update({...this.#t}),()=>{t.delete(e)}}connectedCallback(){}disconnectedCallback(){}adoptedCallback(){}#t={size:0,total:0,pages:1,page:1};attributeChangedCallback(e,t,n){if(t===n)return;let{size:r,total:i,pages:a,page:o}=this,s=this.#t;if(r===s.size&&i===s.total&&a===s.pages&&o===s.page)return;let c={size:r,total:i,pages:a,page:o};this.#t=c;for(let e of[...this.#e])e.update({...c})}};try{customElements.define(`nl-pagination`,$e),customElements.define(`nl-pagination-jumper`,Be),customElements.define(`nl-pagination-next`,Ve),customElements.define(`nl-pagination-page`,He),customElements.define(`nl-pagination-pager`,Ue),customElements.define(`nl-pagination-prev`,We),customElements.define(`nl-pagination-sizer`,Ye),customElements.define(`nl-pagination-value`,Xe)}catch{}var et=class extends HTMLElement{static observedAttributes=[`digit`,`value`,`sign`,`plus`,`zero`];#e=document.createElement(`span`);#t=document.createElement(`span`);#n=document.createElement(`span`);#r(){let e=this.currentDigit,t=this.currentSign;this.#n.innerText=this.sign?t:`${e}`,this.#e.style.insetBlockStart=`-${e}00%`,this.#t.style.insetBlockStart=`-${t===`+`?2:t===`-`?0:1}00%`}constructor(){super();let e=this.attachShadow({mode:`closed`});e.appendChild(document.createElement(`style`)).textContent=`
|
|
605
|
-
:host {
|
|
606
|
-
display: inline-block;
|
|
607
|
-
overflow: hidden;
|
|
608
|
-
|
|
609
|
-
position: relative;
|
|
610
|
-
container-name: host;
|
|
611
|
-
}
|
|
612
|
-
:host([hidden]) { display: none; }
|
|
613
|
-
|
|
614
|
-
.value {
|
|
615
|
-
color: transparent;
|
|
616
|
-
text-align: center;
|
|
617
|
-
text-orientation: upright;
|
|
618
|
-
inline-size: 100%;
|
|
619
|
-
block-size: 100%;
|
|
620
|
-
display: flex;
|
|
621
|
-
flex-direction: column;
|
|
622
|
-
overflow: hidden;
|
|
623
|
-
}
|
|
624
|
-
.value:empty::before {
|
|
625
|
-
content: '.'
|
|
626
|
-
}
|
|
627
|
-
.root, .sign {
|
|
628
|
-
position: absolute;
|
|
629
|
-
text-align: center;
|
|
630
|
-
text-orientation: upright;
|
|
631
|
-
transition: all 1.5s;
|
|
632
|
-
display: flex;
|
|
633
|
-
flex-direction: column;
|
|
634
|
-
justify-content: space-around;
|
|
635
|
-
overflow: hidden;
|
|
636
|
-
user-select: none;
|
|
637
|
-
pointer-events: none;
|
|
638
|
-
}
|
|
639
|
-
.root {
|
|
640
|
-
counter-reset: nl-roll-digit -1;
|
|
641
|
-
inline-size: 100%;
|
|
642
|
-
block-size: 1000%;
|
|
643
|
-
inset-inline-start: 0;
|
|
644
|
-
}
|
|
645
|
-
.root span {
|
|
646
|
-
flex: 1;
|
|
647
|
-
overflow: hidden;
|
|
648
|
-
counter-increment: nl-roll-digit;
|
|
649
|
-
}
|
|
650
|
-
.root span::before {
|
|
651
|
-
content: counter(nl-roll-digit)
|
|
652
|
-
}
|
|
653
|
-
.sign {
|
|
654
|
-
inline-size: 100%;
|
|
655
|
-
block-size: 300%;
|
|
656
|
-
inset-block-start: -100%;
|
|
657
|
-
inset-inline-start: -100%;
|
|
658
|
-
}
|
|
659
|
-
.sign span {
|
|
660
|
-
flex: 1;
|
|
661
|
-
overflow: hidden;
|
|
662
|
-
}
|
|
663
|
-
.sign span::before {
|
|
664
|
-
content: ''
|
|
665
|
-
}
|
|
666
|
-
.sign span:first-child::before {
|
|
667
|
-
content: '-'
|
|
668
|
-
}
|
|
669
|
-
.sign span:last-child::before {
|
|
670
|
-
content: '+'
|
|
671
|
-
}
|
|
672
|
-
:host([sign]) .sign {
|
|
673
|
-
inset-inline-start: 0;
|
|
674
|
-
}
|
|
675
|
-
:host([sign]) .root {
|
|
676
|
-
inset-inline-start: 100%;
|
|
677
|
-
}
|
|
678
|
-
`;let t=e.appendChild(this.#e);t.className=`root`;for(let e=0;e<10;e++)t.appendChild(document.createElement(`span`));let n=e.appendChild(this.#t);n.className=`sign`;for(let e=0;e<3;e++)n.appendChild(document.createElement(`span`));e.appendChild(this.#n).className=`value`}get currentDigit(){return Math.floor(Math.abs(this.value)/10**this.digit%10)}get currentSign(){let{value:e}=this;return e<0?`-`:e?this.plus?`+`:``:this.zero}get digit(){return parseInt(this.getAttribute(`digit`)||``)||0}set digit(e){e==null?this.removeAttribute(`digit`):this.setAttribute(`digit`,String(e))}get sign(){return this.hasAttribute(`sign`)}set sign(e){e?this.setAttribute(`sign`,``):this.removeAttribute(`sign`)}get plus(){return this.hasAttribute(`plus`)}set plus(e){e?this.setAttribute(`plus`,``):this.removeAttribute(`plus`)}get zero(){let e=this.getAttribute(`zero`);return e===`+`||e===`-`?e:``}set zero(e){e===`+`||e===`-`?this.setAttribute(`plus-zero`,e):this.removeAttribute(`zero`)}get value(){return parseFloat(this.getAttribute(`value`)||``)||0}set value(e){e==null?this.removeAttribute(`value`):this.setAttribute(`value`,String(e))}connectedCallback(){this.#r()}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`digit`:case`value`:case`sign`:case`plus`:case`zero`:this.#r();break}}};try{customElements.define(`nl-roll-digit`,et)}catch{}function tt(e){return e?/^\d+$/.test(e)?`${e}px`:e:`0`}function nt(e){let t=[`::slotted(*) {
|
|
679
|
-
flex-basis: calc(100% / ${e});
|
|
680
|
-
max-inline-size: calc(100% / ${e});
|
|
681
|
-
}`];for(let n=1;n<=e;n++)t.push(`::slotted([nl-span="${n}"]) {
|
|
682
|
-
flex-basis: calc(${n}00% / ${e});
|
|
683
|
-
min-inline-size: calc(${n}00% / ${e});
|
|
684
|
-
max-inline-size: calc(${n}00% / ${e});
|
|
685
|
-
}`),t.push(`::slotted([nl-offset="${n}"]) {
|
|
686
|
-
margin-inline-start: calc(${n}00% / ${e});
|
|
687
|
-
}`);return t.join(`
|
|
688
|
-
`)}function rt(e){if(typeof e!=`number`)return 0;let t=Math.floor(e);return Number.isFinite(t)&&t>1?t:0}var it=class extends HTMLElement{static observedAttributes=[`aliquot`,`gutter-inline`,`gutter-block`];#e=document.createElement(`style`);#t=document.createElement(`style`);get gutterInline(){return tt(this.getAttribute(`gutter-inline`))}set gutterInline(e){this.setAttribute(`gutter-inline`,String(e))}get gutterBlock(){return tt(this.getAttribute(`gutter-block`))}set gutterBlock(e){this.setAttribute(`gutter-block`,String(e))}get aliquot(){let e=parseInt(this.getAttribute(`aliquot`)||``);return!e||e<2?24:e}set aliquot(e){let t=rt(e);t?this.setAttribute(`aliquot`,String(t)):this.removeAttribute(`aliquot`)}constructor(){super();let e=this.attachShadow({mode:`closed`});e.appendChild(document.createElement(`style`)).textContent=`
|
|
689
|
-
:host { display: flex; flex-flow: row wrap; }
|
|
690
|
-
::slotted(*) { box-sizing: border-box; }
|
|
691
|
-
::slotted([nl-span=0]) { flex: 0 0 0%; max-inline-size: 0%; }
|
|
692
|
-
`,e.appendChild(this.#t),e.appendChild(this.#e),e.appendChild(document.createElement(`slot`))}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`aliquot`:this.#t.textContent=nt(this.aliquot);break;case`gutter-inline`:case`gutter-block`:this.#e.textContent=`::slotted(*) {
|
|
693
|
-
padding-block: ${this.gutterBlock};
|
|
694
|
-
padding-inline: ${this.gutterInline};
|
|
695
|
-
}`;break}}};try{customElements.define(`nl-row`,it)}catch{}var at=class extends HTMLElement{static observedAttributes=[`column`,`space`,`unit`];get column(){return this.hasAttribute(`column`)}set column(e){e?this.setAttribute(`column`,``):this.removeAttribute(`column`)}get space(){let e=parseFloat(this.getAttribute(`space`)||``);return Number.isNaN(e)||!Number.isFinite(e)?16:e<=0?0:e}set space(e){typeof e!=`number`||!Number.isFinite(e)?this.removeAttribute(`space`):this.setAttribute(`space`,e<=0?`0`:String(e))}get unit(){return this.getAttribute(`unit`)||`px`}set unit(e){e?this.setAttribute(`unit`,e):this.removeAttribute(`unit`)}#e=document.createElement(`style`);constructor(){super();let e=this.attachShadow({mode:`closed`});e.appendChild(this.#e),e.appendChild(document.createElement(`style`)).textContent=`
|
|
696
|
-
:host {
|
|
697
|
-
display: inline-block;
|
|
698
|
-
}
|
|
699
|
-
::slotted(*) {
|
|
700
|
-
display: inline-block;
|
|
701
|
-
}
|
|
702
|
-
::slotted(*:last-child) {
|
|
703
|
-
margin-inline-end: 0;
|
|
704
|
-
margin-block-end: 0;
|
|
705
|
-
}
|
|
706
|
-
:host([column]) ::slotted(*) {
|
|
707
|
-
display: block;
|
|
708
|
-
}
|
|
709
|
-
`,e.appendChild(document.createElement(`slot`))}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`column`:case`space`:case`unit`:this.#e.textContent=`::slotted(*) {margin-${this.column?`block`:`inline`}-end: var(--nl-space, ${this.space}${this.unit})}`;break}}};try{customElements.define(`nl-space`,at)}catch{}function ot(e,t,n){n?e.setAttribute(t,``):e.removeAttribute(t)}function F(e,t,n=0,r=1){let i=e?parseFloat(e):t;return Math.max(n,Math.min(Number.isNaN(i)?t:i,r))}function st(e,t,n,r=0,i=1){let a=typeof n==`string`?parseFloat(n):n===null?NaN:n;if(Number.isNaN(a)){e.removeAttribute(t);return}e.setAttribute(t,String(Math.max(r,Math.min(a,i))))}const ct=new Set([`vertical-lr`,`vertical-rl`,`sideways-lr`,`sideways-rl`]);function lt(e){let t=getComputedStyle(e),n=t.writingMode?.toLowerCase(),r=ct.has(n),i=t.flexDirection.toLocaleLowerCase(),a=i.includes(`column`),o=a?[`vertical-rl`,`sideways-rl`].includes(n):t.direction.toLowerCase()===`rtl`!=(n===`sideways-lr`);return o=o!==i.includes(`reverse`),[r!==a,o]}var ut=class extends HTMLElement{static observedAttributes=[`column`,`disabled`,`min`,`max`,`value`];get column(){return this.getAttribute(`column`)!==null}set column(e){ot(this,`column`,e)}get disabled(){return this.getAttribute(`disabled`)!==null}set disabled(e){ot(this,`disabled`,e)}get min(){return F(this.getAttribute(`min`),0,0,1)}set min(e){st(this,`min`,e,0,F(this.getAttribute(`max`),1,0,1))}get max(){return F(this.getAttribute(`max`),1,this.min,1)}set max(e){st(this,`max`,e,this.min,1)}get value(){return F(this.getAttribute(`value`),.5,this.min,this.max)}set value(e){st(this,`value`,e,this.min,this.max)}#e=null;#t(){let e=this.#e;e!==null&&(this.#i.states.delete(`--moving`),this.#e=null,this.#a.releasePointerCapture(e))}#n=(()=>{let e=this.attachShadow({mode:`closed`});return e.appendChild(document.createElement(`style`)).textContent=`
|
|
710
|
-
:host {
|
|
711
|
-
display: flex;
|
|
712
|
-
border: 1px solid;
|
|
713
|
-
writing-mode: inherit;
|
|
714
|
-
}
|
|
715
|
-
:host([hidden]) {
|
|
716
|
-
display: none;
|
|
717
|
-
}
|
|
718
|
-
:host([column]) {
|
|
719
|
-
display: none;
|
|
720
|
-
flex-direction: column;
|
|
721
|
-
}
|
|
722
|
-
slot {
|
|
723
|
-
display: block;
|
|
724
|
-
position: relative;
|
|
725
|
-
}
|
|
726
|
-
.start {
|
|
727
|
-
flex: 1;
|
|
728
|
-
overflow: hidden;
|
|
729
|
-
}
|
|
730
|
-
.end {
|
|
731
|
-
flex: 1;
|
|
732
|
-
overflow: hidden;
|
|
733
|
-
}
|
|
734
|
-
.trigger {
|
|
735
|
-
cursor: move;
|
|
736
|
-
}
|
|
737
|
-
.trigger div {
|
|
738
|
-
inline-size: 8px;
|
|
739
|
-
block-size: 100%;
|
|
740
|
-
background: currentColor;
|
|
741
|
-
opacity: .2;
|
|
742
|
-
}
|
|
743
|
-
:host(:state(--moving)) div, div:hover {
|
|
744
|
-
opacity: .5;
|
|
745
|
-
}
|
|
746
|
-
`,e})();#r=(()=>{let e=document.createElement(`slot`);return e.name=`start`,e.className=`start`,this.#n.appendChild(e),e})();#i=this.attachInternals();#a=(()=>{let e=document.createElement(`slot`);e.name=`trigger`,e.tabIndex=0,e.className=`trigger`,e.appendChild(document.createElement(`div`)),this.#n.appendChild(e);let t=0;e.addEventListener(`pointerdown`,n=>{if(this.hidden||this.disabled)return;let{pointerId:r}=n,i=this.#e;if([null,r].includes(i))switch(this.#i.states.add(`--moving`),this.#e=r,e.setPointerCapture(r),lt(e).map((e,t)=>e?2**t:0).reduce((e,t)=>e+t)){case 0:t=-n.offsetX;break;case 1:t=-n.offsetY;break;case 2:t=n.offsetX-e.offsetWidth;break;case 3:t=n.offsetY-e.offsetHeight;break}});let n=this,r=t=>t?n.clientHeight-e.offsetHeight:n.clientWidth-e.offsetWidth,i=i=>{let[a,o]=lt(e),s=0;switch([a,o].map((e,t)=>e?2**t:0).reduce((e,t)=>e+t)){case 0:s=i.clientX-n.getBoundingClientRect().left;break;case 1:s=i.clientY-n.getBoundingClientRect().top;break;case 2:s=n.getBoundingClientRect().right-i.clientX;break;case 3:s=n.getBoundingClientRect().bottom-i.clientY;break}let{max:c,min:l}=this,u=Math.max(l,Math.min((s+t)/r(a),c));this.setAttribute(`value`,String(u))};return e.addEventListener(`pointermove`,t=>{let{pointerId:n}=t;e.hasPointerCapture(n)&&i(t)}),e.addEventListener(`pointerup`,e=>{let{pointerId:t}=e;t===this.#e&&(i(e),this.#t())}),e.addEventListener(`pointercancel`,e=>{let{pointerId:t}=e;t===this.#e&&(i(e),this.#t())}),e.addEventListener(`keydown`,t=>{if(this.hidden||this.disabled||this.#e!==null||this.#n.activeElement!==e)return;let{max:n,min:i}=this;switch(t.code){case`Home`:t.preventDefault(),this.setAttribute(`value`,String(Math.max(i,0)));return;case`End`:t.preventDefault(),this.setAttribute(`value`,String(Math.min(1,n)));return}let[a,o]=lt(e),s=0;switch(t.code){case`ArrowUp`:s=a?-1:0;break;case`ArrowDown`:s=a?1:0;break;case`ArrowLeft`:s=a?0:-1;break;case`ArrowRight`:s=a?0:1;break}if(!s)return;t.preventDefault(),o&&(s=-s),t.ctrlKey&&(s*=100),t.shiftKey&&(s*=10);let c=F(this.getAttribute(`value`),.5,i,n);c=Math.max(i,Math.min(c+s/r(a),n)),this.setAttribute(`value`,String(c))}),e})();#o=(()=>{let e=document.createElement(`slot`);return e.name=`end`,e.className=`end`,this.#n.appendChild(e),e})();connectedCallback(){}disconnectedCallback(){this.#t()}adoptedCallback(){this.#t()}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`hidden`:if(!this.hidden)break;this.#t();break;case`disabled`:n===null?this.#a.tabIndex=0:this.#a.removeAttribute(`tabindex`),this.#t();break;case`min`:case`max`:case`value`:{let{value:e}=this;this.#r.style.flex=`${e}`,this.#o.style.flex=`${1-e}`;break}}}};try{customElements.define(`nl-split`,ut)}catch{}var dt=class{#e;#t;constructor(){let e=document.createElement(`nl-pagination`);e.size=20,e.appendChild(document.createElement(`nl-pagination-value`)).name=`start`,e.appendChild(document.createTextNode(`-`)),e.appendChild(document.createElement(`nl-pagination-value`)).name=`end`,e.appendChild(document.createTextNode(`/`)),e.appendChild(document.createElement(`nl-pagination-value`)).name=`total`,e.appendChild(document.createElement(`nl-pagination-prev`)).innerText=`上一页`,e.appendChild(document.createElement(`nl-pagination-pager`)),e.appendChild(document.createElement(`nl-pagination-next`)).innerText=`下一页`,e.appendChild(document.createElement(`nl-pagination-sizer`));let t=new Set;e.addEventListener(`change`,()=>{for(let e of t)e()}),this.#e=t,this.#t=e}get root(){return this.#t}get size(){return this.#t.size}set size(e){this.#t.size=e}get page(){return this.#t.page}set page(e){this.#t.page=e}get total(){return this.#t.total}set total(e){this.#t.total=e}listen(e){let t=this.#e,n=()=>e(this);return t.add(n),()=>{t.delete(n)}}destroy(){}};function ft(e){e.listen(`update`,()=>{let{container:t}=e;t.innerHTML=``})}function*pt(e,t,n){if(!e)return;let r=e.indexOf(`?`),i=r<0?e:e.slice(0,r);if(r>=0&&r+1<e.length)for(let n=e.slice(r).split(`&`);n.length;n.pop()){let e=t.get(`${i}${n.join(`&`)}`);e?.length&&(yield e)}let a=t.get(i);a?.length&&(yield a);let o=n.get(i);o?.length&&(yield o.map(e=>e[0]))}function*mt(e,n,r,i,a){if(yield*pt(e,n,r),i)for(let e of[...t.stringifyPaths(i)].reverse()){let t=a.get(e);t?.length&&(yield t)}}function*ht(e){let t=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);for(let e;e=t.nextNode();)yield e}function gt(e,t){let n=[],r=[...ht(t)].filter(e=>e.nodeValue?.length),i=r.reduce((e,t)=>{let n=e[e.length-1]?.[1]||0;return[...e,[n,n+(t.nodeValue?.length||0),t]]},[]),a=r.map(e=>e.nodeValue).join(``),o=0;for(let t of e){let e=a.indexOf(t,o);if(e===-1)return[];let r=e+t.length,s=i.findLast(([t])=>t<=e);if(!s)return[];let c=i.findLast(([,e])=>e>=r);if(!c)return[];o=e+t.length;let l=new Range;l.setStart(s[2],e-s[0]),l.setEnd(c[2],r-s[0]),n.push(l)}return n}function _t(e,n,r={}){let a=new Map,o=new Map,c=new Map,l=null,u=[],d=[];function f(e){let t=document.createElement(`a`);return t.href=e.path||`#`,t.appendChild(document.createTextNode(e.label||e.title||``)),t.title=e.title||e.label||``,t}let p=null;function m(e,n){let{children:r}=e;if(!r.length){let n=document.createElement(`div`),r=n.appendChild(document.createElement(`a`));r.appendChild(document.createTextNode(e.label||e.title||``));let{page:l,path:u,uri:d,target:m}=e,h=null,g=l&&t.parse(l);if(g)h=new URL(i.stringify(g,u),s.root),r.href=h.href,m&&typeof m==`string`&&(r.target=m);else if(d){r.href=d;try{h=new URL(d),h.origin!==location.origin&&(h=null)}catch{}m!==``&&(r.target=m??`_blank`)}if(h&&(r.target||`_self`)===`_self`){r.addEventListener(`click`,()=>{p=n,requestIdleCallback(()=>{p===n&&(p=null)})});let{pathname:e,search:i}=h,s=(i||`?`)===`?`?e:`${e}${i}`,l=o.get(s);l?l.push(n):o.set(e,[n]);let d=a.get(s);if(d?d.push([n,i.length]):a.set(e,[[n,i.length]]),g&&(!u||u[0]===`?`||u[0]===`#`)){let e=t.stringify(g),r=c.get(e);r?r.push(n):c.set(e,[n])}}for(let t of e.buttons||[])n.appendChild(f(t));return n.className=`NavMenu-item`,{el:n,filter(e,t){let i=t?gt(t,r):[];return n.hidden=!!(!e&&t&&!i.length),i}}}let l=document.createElement(`nl-collapse`);l.setAttribute(`animation`,``),l.setAttribute(`menu`,``);let u=l.appendChild(document.createElement(`div`));u.appendChild(document.createTextNode(e.label||e.title||``)),u.className=`NavMenu-label`,u.slot=`label`,u.style.flex=`1`;for(let t of e.buttons||[])l.appendChild(f(t)).slot=`label`;let d=h(l,r,n+1);return d.length?{el:l,filter(e,t){if(!t){for(let t of d)t.filter(e);return l.hidden=!1,l.open=!1,[]}let n=gt(t,u),r=!!(e||n.length),i=d.flatMap(e=>e.filter(r,t));l.open=!!i.length;let a=[...n,...i];return l.hidden=!e&&!a.length,a}}:null}function h(e,t,n){let r=!1,i=!1,a=[];for(let o of t){if(!o){if(!r)continue;i=!0;continue}i&&(i=!1,e.appendChild(document.createElement(`hr`)));let t=m(o,n);t&&(a.push(t),r=!0,e.appendChild(t.el),u.push(t.el),t.el.style.setProperty(`--NavMenu-level`,String(n)))}return a}let _=h(e,n,0),v=!1;function y(){if(!v){v=!0;for(let e of u)e.remove();for(let e of d)e()}}let b=r.signal||g;b.aborted?y():b.addEventListener(`abort`,y,{once:!0});let x=[];return S(()=>{let e=r.active;return e?typeof e==`string`?e.replace(/#.*/,``)||``:Array.isArray(e)?e[1]?[e[0]?.replace(/#.*/,``)||``,e[1]||null]:e[0]?.replace(/#.*/,``)||null:null:null},t=>{if(!t)return;let n=Array.isArray(t)?t[0]:``,r=Array.isArray(t)?t[1]:null;for(let t of mt(n,o,a,r,c)){let n=p&&t.includes(p)?p:null;if(n&&(p=null),!n&&l&&t.includes(l))return;let r=n||t[0],i=[],a=r.parentElement;for(;a&&a!==e;a=a.parentElement)i.push(a);if(a!==e)return;x=i,l?.classList.remove(`NavMenu-current`);for(let e of x)e.setAttribute(`open`,``);l=r,l?.classList.add(`NavMenu-current`);return}},{signal:b,immediate:!0}),e=>{let t=e.toLowerCase().split(/[\s\n]+/).filter(Boolean);if(t.length)return _.flatMap(e=>e.filter(!1,t));_.flatMap(e=>e.filter(!1));for(let e of x)e.setAttribute(`open`,``);return[]}}const I=document.createElement(`div`);I.style.display=`flex`,I.style.flexDirection=`column`;const vt=I.appendChild(document.createElement(`header`));vt.classList.add(`NavMenu-header`);const L=vt.appendChild(document.createElement(`input`));L.placeholder=`过滤菜单...`,L.type=`search`;const R=vt.appendChild(document.createElement(`button`));R.appendChild(u(`refresh`,!0)),R.classList.add(`icon`),R.title=`刷新`;const z=I.appendChild(document.createElement(`main`));z.style.flex=`1`,z.style.overflow=`auto`,z.classList.add(`NavMenu`);let yt=null;function bt(){let e=yt?.(L.value)||[],t=new Highlight(...e);CSS.highlights.set(`NavMenu-filter-highlight`,t)}L.addEventListener(`input`,bt);const xt=c(()=>n.fromDefine(s.menus,[])),St=c(()=>{let e=o.permissions,t=xt.get();if(e.size<0)return t;let r=b({permissions:e,organizationPermissions:o.organizationPermissions,allOrganizationPermissions:o.allOrganizationPermissions});return n.filter(t,e=>{let t=h(e.permission);return t.length?!!t.find(r):!0})}),Ct=f(``);let wt=null;m(()=>{wt?.abort(),z.innerHTML=``,wt=new AbortController,yt=_t(z,St.get(),{signal:wt.signal,get active(){return Ct.get()}}),bt()});function Tt(e,t,n,r){if(!r){Ct.set(`${e}${t}`);return}Ct.set([`${e}${t}`,r])}R.addEventListener(`click`,()=>s.refresh());function Et(e,t,n){if(!e){let e=u(`user`,t);return n||e.setAttribute(`fill-opacity`,`0.5`),e}let r=document.createElement(`img`);return r.src=e,r}function Dt(e,t,n=g){e.classList.add(`${C}-user-avatar`);let r=c(()=>o.single?null:o.session?.avatar||``).get(),i=new AbortController,a=AbortSignal.any([i.signal,n]),s=r===null?u(`singleUser`,a):Et(r,a,t);e.appendChild(s),m(()=>{let a=o.single?null:o.session?.avatar||``;if(a===r)return;r=a,i?.abort(),i=new AbortController;let c=AbortSignal.any([i.signal,n]),l=r===null?u(`singleUser`,c):Et(r,c,t);!t&&r===null&&l.setAttribute(`fill-opacity`,`0.5`),e.replaceChild(l,s),s.remove(),s=l},n);let l=c(()=>{let e=o.target,t=o.session;return!e||e.id===(t?.id||``)?null:e.avatar||``}),d=null,f=null,p=null;m(()=>{let r=l.get();r!==d&&(d=r,f?.remove(),f=null,p?.abort(),r!==null&&(p=new AbortController,f=Et(r,AbortSignal.any([p.signal,n]),t),e.insertBefore(f,s)))},n)}const B=document.createElement(`div`);B.classList.add(`${C}-user`);const V=document.createElement(`div`);V.classList.add(`${C}-user-button`),Dt(V,!0);const H=B.appendChild(document.createElement(`span`));H.classList.add(`${C}-user-info`);const Ot=H.appendChild(document.createElement(`span`));Dt(Ot),Ot.classList.add(`avatar`);const kt=H.appendChild(document.createElement(`span`));kt.classList.add(`username`),kt.innerText=`用户名`;const At=H.appendChild(document.createElement(`span`));if(At.classList.add(`btns`),s.help){let e=At.appendChild(document.createElement(`a`));e.href=s.help,e.target=`_blank`,e.appendChild(u(`help`,!0)),e.title=`帮助`}const U=At.appendChild(document.createElement(`div`));U.appendChild(u(`logout`,!0)),U.title=`退出登录`,m(()=>{U.hidden=!o.current}),U.addEventListener(`click`,()=>o.exit()),m(()=>{kt.innerText=o.current?.name||``});const jt=c(()=>n.fromDefine(s.userMenus,[])),Mt=c(()=>{let e=jt.get();return o.current?e:n.filter(e,e=>!e.logged)}),W=B.appendChild(document.createElement(`main`));W.style.flex=`1`,W.style.overflow=`auto`,W.classList.add(`NavMenu`);let Nt=null;m(()=>{Nt?.abort(),W.innerHTML=``,Nt=new AbortController,_t(W,Mt.get(),{signal:Nt.signal})});const G=document.createElement(`a`);G.classList.add(`${C}-logo`),G.href=s.root,S(()=>{let e=s.logo;return e&&y(e)},e=>{if(G.innerHTML=``,e){let t=G.appendChild(document.createElement(`img`));t.src=e.href,t.classList.add(`logo`)}else G.appendChild(u(`logo`,!0)).classList.add(`logo`)},{immediate:!0});const Pt={404:{title:`您所请求的页面无法找到`,description:`服务器无法正常提供信息。
|
|
747
|
-
目标页面可能已经被更改、删除或移到其他位置,或您所输入页面地址错误。`}};function Ft(e,t){if((t??``)==``){e.container.appendChild(document.createTextNode(`空页面`));return}let n=(typeof t==`number`||typeof t==`string`)&&Object.hasOwn(Pt,t)&&Pt[t]||Pt[404],r=n?.title||`Error`,i=n?.description,a=document.createElement(`div`),o=a.appendChild(document.createElement(`div`)),s=o.appendChild(document.createElement(`div`)),c=o.appendChild(document.createElement(`div`));if(a.style.marginBlock=`8%`,a.style.marginInline=`auto`,a.style.inlineSize=`600px`,a.style.maxInlineSize=`100%`,a.style.padding=`20px`,s.style.paddingBlock=`20px`,s.style.fontSize=`20px`,s.style.color=`#8e8e8e`,s.style.textAlign=`center`,c.style.fontSize=`13px`,c.style.lineHeight=`1.3em`,c.style.color=`#b5b5b5`,s.appendChild(document.createTextNode(r)),e.title=r||`Error`,i&&typeof i==`string`)for(let e of i.split(`
|
|
748
|
-
`))c.appendChild(document.createTextNode(e)),c.appendChild(document.createElement(`br`));e.container.appendChild(a),e.loading=!1}const K=`${C}-allSider-nav`,It=document.createElement(`header`);It.className=`${K}-header`;const q=It.appendChild(document.createElement(`div`));q.classList.add(`${K}-actions`);const Lt=It.appendChild(document.createElement(`div`));Lt.classList.add(`${K}-sidebar`);const Rt=`${K}-open`;let J=null;function zt(){window.innerWidth>800||J?.()}var Bt=class{button;sider;#e;#t=!1;get disabled(){return this.#t}set disabled(e){e?this.disable():this.enable()}disable(){if(this.#t)return;this.#t=!0;let e=this.#e;J===e&&e(),this.button.hidden=!0,this.sider.hidden=!0}enable(){this.#t&&(this.#t=!1,this.button.hidden=!1)}#n=()=>this.toggle();constructor(e,t){let n=t instanceof HTMLElement?t:document.createElement(`div`),r=e instanceof HTMLElement?e:document.createElement(`div`);n.tabIndex=0,n.classList.add(`${K}-button`),r.hidden=!0,Lt.appendChild(r),n.classList.add(`${K}-selectable`),n.addEventListener(`click`,this.#n),this.#e=()=>{J=null,document.body.classList.remove(Rt),n.classList.remove(`${K}-selected`),r.hidden=!0},this.button=n,this.sider=r}get open(){return J===this.#e}set open(e){e?this.show():this.hide()}show(){if(this.#t)return;let e=this.#e;J!==e&&(J?.(),J=e,document.body.classList.add(Rt),this.button.classList.add(`${K}-selected`),this.sider.hidden=!1)}toggle(){if(this.#t)return;let e=this.#e;if(J===e){e();return}this.show()}hide(){if(this.#t)return;let e=this.#e;J===e&&e()}remove(){let e=this.#e;J===e&&e();let{button:t,sider:n}=this;t.remove(),n.remove(),t.classList.remove(`${K}-button`),t.classList.remove(`${K}-selectable`),t.removeEventListener(`click`,this.#n),n.hidden=!1}};Lt.addEventListener(`click`,e=>{e.target===e.currentTarget&&J?.()});var Vt=class e{root=document.createElement(`div`);#e=new Set;constructor(e){let t=this.root;e.appendChild(t),t.className=`${K}-group`}remove(){this.root.remove();for(let e of[...this.#e])e()}createGroup(){let t=new e(this.root),n=this.#e,r=()=>{n.delete(r),t.remove()};return n.add(r),t}createAction(e){let t=document.createElement(e?`a`:`div`);t.tabIndex=0,t.classList.add(`${K}-button`),t.addEventListener(`click`,()=>{zt()}),this.root.appendChild(t);let n=this.#e,r=()=>{n.delete(r),t.remove()};return n.add(r),t}createSider(e,t){let n=new Bt(e,t);this.root.appendChild(n.button);let r=this.#e,i=()=>{r.delete(i),n.remove()};return r.add(i),n}};const Ht=document.createElement(`div`),Ut=new Vt(q),Wt=new Vt(q);new Vt(q),q.appendChild(document.createElement(`span`));const Gt=new Vt(q),Y=Wt.createSider(Ht);Y.button.innerText=`页面`,Y.disabled=!0;var Kt=class extends a{#e;#t;constructor(e,t,n,r,i){super(t,n,r,i),this.#e=e,this.#t=t,i.addEventListener(`abort`,()=>{this.#n()})}insert(){super.insert(),this.#e.show&&(Y.disabled=!1)}#n(){this.#e.show&&!this.#t.children.length&&(Y.disabled=!0)}remove(){super.remove(),this.#n()}},qt=class extends r{#e=(()=>{let e=document.createElement(`div`);return e.classList.add(`Page-sides`),Ht.appendChild(e),e})();destroy(){return super.destroy()?(this.#e.remove(),!0):!1}toggle(e){super.toggle(e),Y.disabled=!(e&&this.#e.children.length)}get siderOpen(){return Y.open}set siderOpen(e){e?Y.show():Y.hide()}createSider(e,t){if(this.destroyed)throw Error(`页面组件已被销毁`);t?.throwIfAborted();let n=this.#e;return new Kt(this,n,null,e!==!1,t instanceof AbortSignal?AbortSignal.any([t,this.signal]):this.signal)}constructor(e){super(e),e&&(Y.disabled=!this.#e.children.length)}};function Jt(e,t,n){let r=document.createElement(`nl-menu`),i=!1,a=!1,o=()=>{i=!0,a&&(a=!1,r.appendChild(document.createElement(`hr`)))};for(let s of e){if(!s){if(!i)continue;a=!0;continue}let{children:e}=s;if(!e?.length){let e=new AbortController,i=t(s,AbortSignal.any([n,e.signal]));if(!i){e.abort();continue}o(),r.appendChild(i);continue}let c=Jt(e,t,n);if(!c)continue;o();let l=r.appendChild(c),u=l.insertBefore(document.createElement(`div`),l.firstChild);u.appendChild(document.createTextNode(s.label||s.title||``)),u.slot=`label`}return i?r:null}function Yt(e,t,n){if(n.aborted)return null;let r=document.createElement(`div`),i=!1,a=!1,o=()=>{i=!0,a&&(a=!1,r.appendChild(document.createElement(`hr`)))};for(let s of e){if(!s){if(!i)continue;a=!0;continue}let{children:e}=s;if(!e?.length){let e=new AbortController,i=t(s,AbortSignal.any([n,e.signal]),!0);if(!i){e.abort();continue}o(),r.appendChild(i);continue}let c=Jt(e,t,n);if(!c)continue;o();let l=r.appendChild(document.createElement(`button`));l.appendChild(document.createTextNode(s.label||s.title||``)),c.targetElement=l,l.addEventListener(`click`,()=>c.show?.()),r.appendChild(c)}return r.childNodes.length?(r.classList.add(`MenuButtons`),r):null}function Xt(e,t,n){let r=document.createElement(`a`),i=n?document.createElement(`button`):null;r.appendChild(document.createTextNode(e.label||e.title||``));let{page:a,path:o,uri:c,target:l,command:u,script:d,click:f}=e;function p(){let t=e.disabled;return!!(typeof t==`function`?t():t)}return m(()=>{let e=p();r.disabled=e,i&&(i.disabled=e)},t),a?(r.href=new URL(o?.[0]===`/`?`${a}${o}`:`${a}/${o||``}`,s.root).href,l&&typeof l==`string`&&(r.target=l)):c?(r.href=c,l!==``&&(r.target=l??`_blank`)):typeof f==`function`?r.addEventListener(`click`,e=>{p()||e.defaultPrevented||f()}):(u||d)&&r.addEventListener(`click`,e=>{p()||e.defaultPrevented}),i?(i.appendChild(r),i):r}function Zt(e,t,n,r){let i=document.createElement(`div`),a=Jt(e,n,r);if(!a)return null;let o=i.appendChild(document.createElement(`button`)),s=t?.label||t?.title||``;return s?o.appendChild(document.createTextNode(s)):o.appendChild(u(t?.icon||`more`,r)),a.targetElement=o,o.addEventListener(`click`,()=>a.show()),i.appendChild(a),i}var Qt={title(e){return[e.title,s.title||`拥道YongDall`].filter(Boolean).join(` | `)},icon(e){return e.icon},components:{List:re,Pagination:dt,createMenuButtons:Yt,createMenuItem:Xt,createMenuButton:Zt},updatePath:Tt,pageManager:ne,elements:[_,It],classNames:[C,`${C}-allSider`],styleFiles:[`theme-allSider.css`],home:ft,alertError:e,rootClassName:`${C}-root`,createFrame:l,createPage(e){return new qt(e)},renderError(e,t){Ft(e,t)},setup(e){te(!1),G.addEventListener(`click`,()=>{zt()},{signal:e}),q.insertBefore(G,q.firstElementChild);let t=Ut.createSider(I);t.button.appendChild(u(`menu`,e)),t.button.title=`菜单`;let n=Ut.createSider(T);n.button.appendChild(u(`activity`,e)),n.button.title=`活动`,window.innerWidth>800&&t.show();let r=Gt.createSider(B,V);e.addEventListener(`abort`,()=>{G.remove(),t.remove(),n.remove(),r.remove()},{once:!0})}};const X=`${C}-base`,$t=[`theme-base.css`],en=document.createElement(`header`),Z=en.appendChild(document.createElement(`div`));Z.classList.add(`${X}-header`);const tn=en.appendChild(document.createElement(`div`));tn.classList.add(`${X}-sidebar`);const nn=Z.appendChild(u(`menu`,!0));nn.classList.add(`${X}-menu-button`);const rn=Z.appendChild(document.createElement(`span`)),an=`${X}-menu-open`;nn.addEventListener(`click`,()=>{document.body.classList.toggle(an)}),tn.addEventListener(`click`,e=>{e.target===e.currentTarget&&document.body.classList.remove(an)});let on=null;var sn={title(e){return[[on&&e.loading?`⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏`[on.get()%10]:``,e.unsaved?`🔴`:``,e.title].join(``),s.title||`拥道YongDall`].filter(Boolean).join(` | `)},icon(e){return e.icon},components:{List:re,Pagination:dt,createMenuButtons:Yt,createMenuItem:Xt,createMenuButton:Zt},updatePath:Tt,pageManager(e){let t=!1;m(()=>{if(!e.current){t&&e.destroy();return}t=!0},e.signal)},elements:[en,_],classNames:[C,X],styleFiles:$t,home:ft,alertError:e,rootClassName:`${C}-root`,createFrame:l,createPage(e){return new r(e)},renderError(e,t){Ft(e,t)},setup(e){on=p(80,e),G.addEventListener(`click`,()=>{window.innerWidth>800||document.body.classList.remove(an)},{signal:e});let t=document.createElement(`div`);t.classList.add(`${X}-header-title`),m(()=>{t.innerText=s.title||s.company||``},e),Z.insertBefore(G,rn),Z.insertBefore(t,rn),window.innerWidth>800&&document.body.classList.add(an),tn.appendChild(I),document.body.appendChild(B),B.setAttribute(`popover`,`auto`),V.addEventListener(`click`,()=>{B.showPopover()},{signal:e}),Z.appendChild(V),e.addEventListener(`abort`,()=>{G.remove(),t.remove(),I.remove(),B.removeAttribute(`popover`),B.remove(),V.remove()},{once:!0})}};const Q=`${C}-tabs`,cn=document.createElement(`header`),$=cn.appendChild(document.createElement(`div`));$.classList.add(`${Q}-header`);const ln=cn.appendChild(document.createElement(`div`));ln.classList.add(`${Q}-sidebar`);const un=$.appendChild(u(`menu`,!0));un.classList.add(`${Q}-menu-button`);const dn=$.appendChild(document.createElement(`span`)),fn=`${Q}-menu-open`;un.addEventListener(`click`,()=>{document.body.classList.toggle(fn)});function pn(){window.innerWidth>800||document.body.classList.remove(fn)}ln.addEventListener(`click`,e=>{e.target===e.currentTarget&&document.body.classList.remove(fn)});var mn={title(e){return[e.title,s.title||`拥道YongDall`].filter(Boolean).join(` | `)},icon(e){return e.icon},components:{List:re,Pagination:dt,createMenuButtons:Yt,createMenuItem:Xt,createMenuButton:Zt},updatePath:Tt,pageManager:ne,elements:[cn,_],classNames:[C,`${C}-tabs`],styleFiles:[`theme-tabs.css`],home:ft,alertError:e,rootClassName:`${C}-root`,createFrame:l,createPage(e){return new r(e)},renderError(e,t){Ft(e,t)},setup(e){te(!0),G.addEventListener(`click`,()=>{pn()},{signal:e});let t=document.createElement(`div`);t.classList.add(`${Q}-header-title`),m(()=>{t.innerText=s.title||s.company||``},e),$.insertBefore(G,dn),$.insertBefore(t,dn),cn.appendChild(T),window.innerWidth>800&&document.body.classList.add(fn),ln.appendChild(I),document.body.appendChild(B),B.setAttribute(`popover`,`auto`),V.addEventListener(`click`,()=>{B.showPopover()},{signal:e}),$.appendChild(V),e.addEventListener(`abort`,()=>{G.remove(),t.remove(),T.remove(),I.remove(),B.removeAttribute(`popover`),B.remove(),V.remove()},{once:!0})}};export{Qt as allSider,Qt as theme,sn as base,sn as tradition,mn as tabs};
|
|
1
|
+
import{ErrorAlerter as e,Ident as t,Menu as n,Page as r,PageIdent as i,PageSider as a,Pattern as o,User as s,application as c,createComputed as l,createFrame as u,createIcon as d,createShowField as f,createState as p,createTick as m,effect as h,flatPermission as g,neverAbortedSignal as ee,root as _,toFileLink as te,toPermissionFilter as v,waitAbortSignal as y,watch as ne}from"@yongdall/web";import"@neeloong/components";const b=`YongDallTheme`,x=`${b}-activity`,S=document.createElement(`div`);S.classList.add(x);const re=new Map;let C,ie=!1;function ae(e){ie=e}var oe=e=>{let t=document.createElement(`div`);t.classList.add(`${x}-page`);let n=t.appendChild(document.createElement(`a`));n.classList.add(`${x}-title`),n.href=e.href,n.innerText=e.title;let r=t.appendChild(document.createElement(`button`));r.type=`button`,r.classList.add(`${x}-close`),r.addEventListener(`click`,()=>{e.destroy()});let i={button:t,link:n,next:C};C&&(C.last=i),C=i,re.set(e,i),S.insertBefore(t,ie?null:S.firstChild),h(()=>{n.innerText=e.title},e.signal),h(()=>{n.href=e.href},e.signal),h(()=>{e.current?t.classList.add(`${x}-current`):t.classList.remove(`${x}-current`)},e.signal),h(()=>{e.loading?t.classList.add(`${x}-loading`):t.classList.remove(`${x}-loading`)},e.signal),h(()=>{e.unsaved?t.classList.add(`${x}-unsaved`):t.classList.remove(`${x}-unsaved`)},e.signal),y(e.signal).then(()=>{let{last:e,next:n}=i;e&&(e.next=n),n&&(n.last=e),C===i&&(C=n),t.remove()})},se=class{#e;#t;#n;#r;#i=[];#a=document.createElement(`table`);#o=this.#a.appendChild(document.createElement(`thead`));#s=this.#o.appendChild(document.createElement(`tr`));#c=this.#a.appendChild(document.createElement(`tbody`));get root(){return this.#a}get createUrl(){return this.#e}set createUrl(e){let t=typeof e==`function`?e:null;this.#e!==t&&(this.#e=t,this.#l())}constructor(e,t){let n=Object.entries(t.fields).filter(([,{type:e}])=>e&&typeof e!=`object`),r=Object.entries(t.fields).filter(([,e])=>e.primary).map(([e])=>e);this.#n=t.labelPattern||``,this.#e=typeof e==`function`?e:null,this.#t=n,this.#r=r;let i=this.#s;i.innerHTML=``,i.appendChild(document.createElement(`th`)).appendChild(document.createTextNode(`#`));for(let[e,t]of n)i.appendChild(document.createElement(`th`)).appendChild(document.createTextNode(t.label||e))}#l(){let e=this.#c;e.innerHTML=``;let t=this.#r,n=this.#n,r=this.#t,i=this.#e;for(let a of this.#i){let s=e.appendChild(document.createElement(`tr`)),c=s.appendChild(document.createElement(`td`)),l=o.generate(n,a)||t.map(e=>a[e]).join(`$`);if(i){let e=c.appendChild(document.createElement(`a`));e.href=i(t.map(e=>a[e]).join(`$`)),e.appendChild(document.createTextNode(l))}else c.appendChild(document.createTextNode(l));for(let[e,t]of r){let n=s.appendChild(document.createElement(`td`)),r=f(e,t,{inline:!0},a);n.appendChild(r.root)}}}setData(e){this.#i=e,this.#l()}destroy(){}},ce=class{#e;#t;constructor(){let e=document.createElement(`nl-pagination`);e.size=20,e.appendChild(document.createElement(`nl-pagination-value`)).name=`start`,e.appendChild(document.createTextNode(`-`)),e.appendChild(document.createElement(`nl-pagination-value`)).name=`end`,e.appendChild(document.createTextNode(`/`)),e.appendChild(document.createElement(`nl-pagination-value`)).name=`total`,e.appendChild(document.createElement(`nl-pagination-prev`)).innerText=`上一页`,e.appendChild(document.createElement(`nl-pagination-pager`)),e.appendChild(document.createElement(`nl-pagination-next`)).innerText=`下一页`,e.appendChild(document.createElement(`nl-pagination-sizer`));let t=new Set;e.addEventListener(`change`,()=>{for(let e of t)e()}),this.#e=t,this.#t=e}get root(){return this.#t}get size(){return this.#t.size}set size(e){this.#t.size=e}get page(){return this.#t.page}set page(e){this.#t.page=e}get total(){return this.#t.total}set total(e){this.#t.total=e}listen(e){let t=this.#e,n=()=>e(this);return t.add(n),()=>{t.delete(n)}}destroy(){}};function w(e){e.listen(`update`,()=>{let{container:t}=e;t.innerHTML=``})}function*le(e,t,n){if(!e)return;let r=e.indexOf(`?`),i=r<0?e:e.slice(0,r);if(r>=0&&r+1<e.length)for(let n=e.slice(r).split(`&`);n.length;n.pop()){let e=t.get(`${i}${n.join(`&`)}`);e?.length&&(yield e)}let a=t.get(i);a?.length&&(yield a);let o=n.get(i);o?.length&&(yield o.map(e=>e[0]))}function*ue(e,n,r,i,a){if(yield*le(e,n,r),i)for(let e of[...t.stringifyPaths(i)].reverse()){let t=a.get(e);t?.length&&(yield t)}}function*de(e){let t=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);for(let e;e=t.nextNode();)yield e}function fe(e,t){let n=[],r=[...de(t)].filter(e=>e.nodeValue?.length),i=r.reduce((e,t)=>{let n=e[e.length-1]?.[1]||0;return[...e,[n,n+(t.nodeValue?.length||0),t]]},[]),a=r.map(e=>e.nodeValue).join(``),o=0;for(let t of e){let e=a.indexOf(t,o);if(e===-1)return[];let r=e+t.length,s=i.findLast(([t])=>t<=e);if(!s)return[];let c=i.findLast(([,e])=>e>=r);if(!c)return[];o=e+t.length;let l=new Range;l.setStart(s[2],e-s[0]),l.setEnd(c[2],r-s[0]),n.push(l)}return n}function pe(e,n,r={}){let a=new Map,o=new Map,s=new Map,l=null,u=[],d=[];function f(e){let t=document.createElement(`a`);return t.href=e.path||`#`,t.appendChild(document.createTextNode(e.label||e.title||``)),t.title=e.title||e.label||``,t}let p=null;function m(e,n){let{children:r}=e;if(!r.length){let n=document.createElement(`div`),r=n.appendChild(document.createElement(`a`));r.appendChild(document.createTextNode(e.label||e.title||``));let{page:l,path:u,uri:d,target:m}=e,h=null,g=l&&t.parse(l);if(g)h=new URL(i.stringify(g,u),c.root),r.href=h.href,m&&typeof m==`string`&&(r.target=m);else if(d){r.href=d;try{h=new URL(d),h.origin!==location.origin&&(h=null)}catch{}m!==``&&(r.target=m??`_blank`)}if(h&&(r.target||`_self`)===`_self`){r.addEventListener(`click`,()=>{p=n,requestIdleCallback(()=>{p===n&&(p=null)})});let{pathname:e,search:i}=h,c=(i||`?`)===`?`?e:`${e}${i}`,l=o.get(c);l?l.push(n):o.set(e,[n]);let d=a.get(c);if(d?d.push([n,i.length]):a.set(e,[[n,i.length]]),g&&(!u||u[0]===`?`||u[0]===`#`)){let e=t.stringify(g),r=s.get(e);r?r.push(n):s.set(e,[n])}}for(let t of e.buttons||[])n.appendChild(f(t));return n.className=`NavMenu-item`,{el:n,filter(e,t){let i=t?fe(t,r):[];return n.hidden=!!(!e&&t&&!i.length),i}}}let l=document.createElement(`nl-collapse`);l.setAttribute(`animation`,``),l.setAttribute(`menu`,``);let u=l.appendChild(document.createElement(`div`));u.appendChild(document.createTextNode(e.label||e.title||``)),u.className=`NavMenu-label`,u.slot=`label`,u.style.flex=`1`;for(let t of e.buttons||[])l.appendChild(f(t)).slot=`label`;let d=h(l,r,n+1);return d.length?{el:l,filter(e,t){if(!t){for(let t of d)t.filter(e);return l.hidden=!1,l.open=!1,[]}let n=fe(t,u),r=!!(e||n.length),i=d.flatMap(e=>e.filter(r,t));l.open=!!i.length;let a=[...n,...i];return l.hidden=!e&&!a.length,a}}:null}function h(e,t,n){let r=!1,i=!1,a=[];for(let o of t){if(!o){if(!r)continue;i=!0;continue}i&&(i=!1,e.appendChild(document.createElement(`hr`)));let t=m(o,n);t&&(a.push(t),r=!0,e.appendChild(t.el),u.push(t.el),t.el.style.setProperty(`--NavMenu-level`,String(n)))}return a}let g=h(e,n,0),_=!1;function te(){if(!_){_=!0;for(let e of u)e.remove();for(let e of d)e()}}let v=r.signal||ee;v.aborted?te():v.addEventListener(`abort`,te,{once:!0});let y=[];return ne(()=>{let e=r.active;return e?typeof e==`string`?e.replace(/#.*/,``)||``:Array.isArray(e)?e[1]?[e[0]?.replace(/#.*/,``)||``,e[1]||null]:e[0]?.replace(/#.*/,``)||null:null:null},t=>{if(!t)return;let n=Array.isArray(t)?t[0]:``,r=Array.isArray(t)?t[1]:null;for(let t of ue(n,o,a,r,s)){let n=p&&t.includes(p)?p:null;if(n&&(p=null),!n&&l&&t.includes(l))return;let r=n||t[0],i=[],a=r.parentElement;for(;a&&a!==e;a=a.parentElement)i.push(a);if(a!==e)return;y=i,l?.classList.remove(`NavMenu-current`);for(let e of y)e.setAttribute(`open`,``);l=r,l?.classList.add(`NavMenu-current`);return}},{signal:v,immediate:!0}),e=>{let t=e.toLowerCase().split(/[\s\n]+/).filter(Boolean);if(t.length)return g.flatMap(e=>e.filter(!1,t));g.flatMap(e=>e.filter(!1));for(let e of y)e.setAttribute(`open`,``);return[]}}const T=document.createElement(`div`);T.style.display=`flex`,T.style.flexDirection=`column`;const E=T.appendChild(document.createElement(`header`));E.classList.add(`NavMenu-header`);const D=E.appendChild(document.createElement(`input`));D.placeholder=`过滤菜单...`,D.type=`search`;const O=E.appendChild(document.createElement(`button`));O.appendChild(d(`refresh`,!0)),O.classList.add(`icon`),O.title=`刷新`;const k=T.appendChild(document.createElement(`main`));k.style.flex=`1`,k.style.overflow=`auto`,k.classList.add(`NavMenu`);let me=null;function he(){let e=me?.(D.value)||[],t=new Highlight(...e);CSS.highlights.set(`NavMenu-filter-highlight`,t)}D.addEventListener(`input`,he);const ge=l(()=>n.fromDefine(c.menus,[])),_e=l(()=>{let e=s.permissions,t=ge.get();if(e.size<0)return t;let r=v({permissions:e,organizationPermissions:s.organizationPermissions,allOrganizationPermissions:s.allOrganizationPermissions});return n.filter(t,e=>{let t=g(e.permission);return t.length?!!t.find(r):!0})}),ve=p(``);let A=null;h(()=>{A?.abort(),k.innerHTML=``,A=new AbortController,me=pe(k,_e.get(),{signal:A.signal,get active(){return ve.get()}}),he()});function j(e,t,n,r){if(!r){ve.set(`${e}${t}`);return}ve.set([`${e}${t}`,r])}O.addEventListener(`click`,()=>c.refresh());function M(e,t,n){if(!e){let e=d(`user`,t);return n||e.setAttribute(`fill-opacity`,`0.5`),e}let r=document.createElement(`img`);return r.src=e,r}function ye(e,t,n=ee){e.classList.add(`${b}-user-avatar`);let r=l(()=>s.single?null:s.session?.avatar||``).get(),i=new AbortController,a=AbortSignal.any([i.signal,n]),o=r===null?d(`singleUser`,a):M(r,a,t);e.appendChild(o),h(()=>{let a=s.single?null:s.session?.avatar||``;if(a===r)return;r=a,i?.abort(),i=new AbortController;let c=AbortSignal.any([i.signal,n]),l=r===null?d(`singleUser`,c):M(r,c,t);!t&&r===null&&l.setAttribute(`fill-opacity`,`0.5`),e.replaceChild(l,o),o.remove(),o=l},n);let c=l(()=>{let e=s.target,t=s.session;return!e||e.id===(t?.id||``)?null:e.avatar||``}),u=null,f=null,p=null;h(()=>{let r=c.get();r!==u&&(u=r,f?.remove(),f=null,p?.abort(),r!==null&&(p=new AbortController,f=M(r,AbortSignal.any([p.signal,n]),t),e.insertBefore(f,o)))},n)}const N=document.createElement(`div`);N.classList.add(`${b}-user`);const P=document.createElement(`div`);P.classList.add(`${b}-user-button`),ye(P,!0);const F=N.appendChild(document.createElement(`span`));F.classList.add(`${b}-user-info`);const be=F.appendChild(document.createElement(`span`));ye(be),be.classList.add(`avatar`);const I=F.appendChild(document.createElement(`span`));I.classList.add(`username`),I.innerText=`用户名`;const L=F.appendChild(document.createElement(`span`));if(L.classList.add(`btns`),c.help){let e=L.appendChild(document.createElement(`a`));e.href=c.help,e.target=`_blank`,e.appendChild(d(`help`,!0)),e.title=`帮助`}const R=L.appendChild(document.createElement(`div`));R.appendChild(d(`logout`,!0)),R.title=`退出登录`,h(()=>{R.hidden=!s.current}),R.addEventListener(`click`,()=>s.exit()),h(()=>{I.innerText=s.current?.name||``});const xe=l(()=>n.fromDefine(c.userMenus,[])),Se=l(()=>{let e=xe.get();return s.current?e:n.filter(e,e=>!e.logged)}),z=N.appendChild(document.createElement(`main`));z.style.flex=`1`,z.style.overflow=`auto`,z.classList.add(`NavMenu`);let Ce=null;h(()=>{Ce?.abort(),z.innerHTML=``,Ce=new AbortController,pe(z,Se.get(),{signal:Ce.signal})});const B=document.createElement(`a`);B.classList.add(`${b}-logo`),B.href=c.root,ne(()=>{let e=c.logo;return e&&te(e)},e=>{if(B.innerHTML=``,e){let t=B.appendChild(document.createElement(`img`));t.src=e.href,t.classList.add(`logo`)}else B.appendChild(d(`logo`,!0)).classList.add(`logo`)},{immediate:!0});const we={404:{title:`您所请求的页面无法找到`,description:`服务器无法正常提供信息。
|
|
2
|
+
目标页面可能已经被更改、删除或移到其他位置,或您所输入页面地址错误。`}};function Te(e,t){if((t??``)==``){e.container.appendChild(document.createTextNode(`空页面`));return}let n=(typeof t==`number`||typeof t==`string`)&&Object.hasOwn(we,t)&&we[t]||we[404],r=n?.title||`Error`,i=n?.description,a=document.createElement(`div`),o=a.appendChild(document.createElement(`div`)),s=o.appendChild(document.createElement(`div`)),c=o.appendChild(document.createElement(`div`));if(a.style.marginBlock=`8%`,a.style.marginInline=`auto`,a.style.inlineSize=`600px`,a.style.maxInlineSize=`100%`,a.style.padding=`20px`,s.style.paddingBlock=`20px`,s.style.fontSize=`20px`,s.style.color=`#8e8e8e`,s.style.textAlign=`center`,c.style.fontSize=`13px`,c.style.lineHeight=`1.3em`,c.style.color=`#b5b5b5`,s.appendChild(document.createTextNode(r)),e.title=r||`Error`,i&&typeof i==`string`)for(let e of i.split(`
|
|
3
|
+
`))c.appendChild(document.createTextNode(e)),c.appendChild(document.createElement(`br`));e.container.appendChild(a),e.loading=!1}const V=`${b}-allSider-nav`,H=document.createElement(`header`);H.className=`${V}-header`;const U=H.appendChild(document.createElement(`div`));U.classList.add(`${V}-actions`);const Ee=H.appendChild(document.createElement(`div`));Ee.classList.add(`${V}-sidebar`);const De=`${V}-open`;let W=null;function Oe(){window.innerWidth>800||W?.()}var ke=class{button;sider;#e;#t=!1;get disabled(){return this.#t}set disabled(e){e?this.disable():this.enable()}disable(){if(this.#t)return;this.#t=!0;let e=this.#e;W===e&&e(),this.button.hidden=!0,this.sider.hidden=!0}enable(){this.#t&&(this.#t=!1,this.button.hidden=!1)}#n=()=>this.toggle();constructor(e,t){let n=t instanceof HTMLElement?t:document.createElement(`div`),r=e instanceof HTMLElement?e:document.createElement(`div`);n.tabIndex=0,n.classList.add(`${V}-button`),r.hidden=!0,Ee.appendChild(r),n.classList.add(`${V}-selectable`),n.addEventListener(`click`,this.#n),this.#e=()=>{W=null,document.body.classList.remove(De),n.classList.remove(`${V}-selected`),r.hidden=!0},this.button=n,this.sider=r}get open(){return W===this.#e}set open(e){e?this.show():this.hide()}show(){if(this.#t)return;let e=this.#e;W!==e&&(W?.(),W=e,document.body.classList.add(De),this.button.classList.add(`${V}-selected`),this.sider.hidden=!1)}toggle(){if(this.#t)return;let e=this.#e;if(W===e){e();return}this.show()}hide(){if(this.#t)return;let e=this.#e;W===e&&e()}remove(){let e=this.#e;W===e&&e();let{button:t,sider:n}=this;t.remove(),n.remove(),t.classList.remove(`${V}-button`),t.classList.remove(`${V}-selectable`),t.removeEventListener(`click`,this.#n),n.hidden=!1}};Ee.addEventListener(`click`,e=>{e.target===e.currentTarget&&W?.()});var G=class e{root=document.createElement(`div`);#e=new Set;constructor(e){let t=this.root;e.appendChild(t),t.className=`${V}-group`}remove(){this.root.remove();for(let e of[...this.#e])e()}createGroup(){let t=new e(this.root),n=this.#e,r=()=>{n.delete(r),t.remove()};return n.add(r),t}createAction(e){let t=document.createElement(e?`a`:`div`);t.tabIndex=0,t.classList.add(`${V}-button`),t.addEventListener(`click`,()=>{Oe()}),this.root.appendChild(t);let n=this.#e,r=()=>{n.delete(r),t.remove()};return n.add(r),t}createSider(e,t){let n=new ke(e,t);this.root.appendChild(n.button);let r=this.#e,i=()=>{r.delete(i),n.remove()};return r.add(i),n}};const Ae=document.createElement(`div`),je=new G(U),Me=new G(U);new G(U),U.appendChild(document.createElement(`span`));const Ne=new G(U),K=Me.createSider(Ae);K.button.innerText=`页面`,K.disabled=!0;var Pe=class extends a{#e;#t;constructor(e,t,n,r,i){super(t,n,r,i),this.#e=e,this.#t=t,i.addEventListener(`abort`,()=>{this.#n()})}insert(){super.insert(),this.#e.show&&(K.disabled=!1)}#n(){this.#e.show&&!this.#t.children.length&&(K.disabled=!0)}remove(){super.remove(),this.#n()}},Fe=class extends r{#e=(()=>{let e=document.createElement(`div`);return e.classList.add(`Page-sides`),Ae.appendChild(e),e})();destroy(){return super.destroy()?(this.#e.remove(),!0):!1}toggle(e){super.toggle(e),K.disabled=!(e&&this.#e.children.length)}get siderOpen(){return K.open}set siderOpen(e){e?K.show():K.hide()}createSider(e,t){if(this.destroyed)throw Error(`页面组件已被销毁`);t?.throwIfAborted();let n=this.#e;return new Pe(this,n,null,e!==!1,t instanceof AbortSignal?AbortSignal.any([t,this.signal]):this.signal)}constructor(e){super(e),e&&(K.disabled=!this.#e.children.length)}};function Ie(e,t,n){let r=document.createElement(`nl-menu`),i=!1,a=!1,o=()=>{i=!0,a&&(a=!1,r.appendChild(document.createElement(`hr`)))};for(let s of e){if(!s){if(!i)continue;a=!0;continue}let{children:e}=s;if(!e?.length){let e=new AbortController,i=t(s,AbortSignal.any([n,e.signal]));if(!i){e.abort();continue}o(),r.appendChild(i);continue}let c=Ie(e,t,n);if(!c)continue;o();let l=r.appendChild(c),u=l.insertBefore(document.createElement(`div`),l.firstChild);u.appendChild(document.createTextNode(s.label||s.title||``)),u.slot=`label`}return i?r:null}function Le(e,t,n){if(n.aborted)return null;let r=document.createElement(`div`),i=!1,a=!1,o=()=>{i=!0,a&&(a=!1,r.appendChild(document.createElement(`hr`)))};for(let s of e){if(!s){if(!i)continue;a=!0;continue}let{children:e}=s;if(!e?.length){let e=new AbortController,i=t(s,AbortSignal.any([n,e.signal]),!0);if(!i){e.abort();continue}o(),r.appendChild(i);continue}let c=Ie(e,t,n);if(!c)continue;o();let l=r.appendChild(document.createElement(`button`));l.appendChild(document.createTextNode(s.label||s.title||``)),c.targetElement=l,l.addEventListener(`click`,()=>c.show?.()),r.appendChild(c)}return r.childNodes.length?(r.classList.add(`MenuButtons`),r):null}function Re(e,t,n){let r=document.createElement(`a`),i=n?document.createElement(`button`):null;r.appendChild(document.createTextNode(e.label||e.title||``));let{page:a,path:o,uri:s,target:l,command:u,script:d,click:f}=e;function p(){let t=e.disabled;return!!(typeof t==`function`?t():t)}return h(()=>{let e=p();r.disabled=e,i&&(i.disabled=e)},t),a?(r.href=new URL(o?.[0]===`/`?`${a}${o}`:`${a}/${o||``}`,c.root).href,l&&typeof l==`string`&&(r.target=l)):s?(r.href=s,l!==``&&(r.target=l??`_blank`)):typeof f==`function`?r.addEventListener(`click`,e=>{p()||e.defaultPrevented||f()}):(u||d)&&r.addEventListener(`click`,e=>{p()||e.defaultPrevented}),i?(i.appendChild(r),i):r}function ze(e,t,n,r){let i=document.createElement(`div`),a=Ie(e,n,r);if(!a)return null;let o=i.appendChild(document.createElement(`button`)),s=t?.label||t?.title||``;return s?o.appendChild(document.createTextNode(s)):o.appendChild(d(t?.icon||`more`,r)),a.targetElement=o,o.addEventListener(`click`,()=>a.show()),i.appendChild(a),i}var Be={title(e){return[e.title,c.title||`拥道YongDall`].filter(Boolean).join(` | `)},icon(e){return e.icon},components:{List:se,Pagination:ce,createMenuButtons:Le,createMenuItem:Re,createMenuButton:ze},updatePath:j,pageManager:oe,elements:[_,H],classNames:[b,`${b}-allSider`],styleFiles:[`theme-allSider.css`],home:w,alertError:e,rootClassName:`${b}-root`,createFrame:u,createPage(e){return new Fe(e)},renderError(e,t){Te(e,t)},setup(e){ae(!1),B.addEventListener(`click`,()=>{Oe()},{signal:e}),U.insertBefore(B,U.firstElementChild);let t=je.createSider(T);t.button.appendChild(d(`menu`,e)),t.button.title=`菜单`;let n=je.createSider(S);n.button.appendChild(d(`activity`,e)),n.button.title=`活动`,window.innerWidth>800&&t.show();let r=Ne.createSider(N,P);e.addEventListener(`abort`,()=>{B.remove(),t.remove(),n.remove(),r.remove()},{once:!0})}};const q=`${b}-base`,Ve=[`theme-base.css`],He=document.createElement(`header`),J=He.appendChild(document.createElement(`div`));J.classList.add(`${q}-header`);const Ue=He.appendChild(document.createElement(`div`));Ue.classList.add(`${q}-sidebar`);const We=J.appendChild(d(`menu`,!0));We.classList.add(`${q}-menu-button`);const Ge=J.appendChild(document.createElement(`span`)),Y=`${q}-menu-open`;We.addEventListener(`click`,()=>{document.body.classList.toggle(Y)}),Ue.addEventListener(`click`,e=>{e.target===e.currentTarget&&document.body.classList.remove(Y)});let Ke=null;var qe={title(e){return[[Ke&&e.loading?`⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏`[Ke.get()%10]:``,e.unsaved?`🔴`:``,e.title].join(``),c.title||`拥道YongDall`].filter(Boolean).join(` | `)},icon(e){return e.icon},components:{List:se,Pagination:ce,createMenuButtons:Le,createMenuItem:Re,createMenuButton:ze},updatePath:j,pageManager(e){let t=!1;h(()=>{if(!e.current){t&&e.destroy();return}t=!0},e.signal)},elements:[He,_],classNames:[b,q],styleFiles:Ve,home:w,alertError:e,rootClassName:`${b}-root`,createFrame:u,createPage(e){return new r(e)},renderError(e,t){Te(e,t)},setup(e){Ke=m(80,e),B.addEventListener(`click`,()=>{window.innerWidth>800||document.body.classList.remove(Y)},{signal:e});let t=document.createElement(`div`);t.classList.add(`${q}-header-title`),h(()=>{t.innerText=c.title||c.company||``},e),J.insertBefore(B,Ge),J.insertBefore(t,Ge),window.innerWidth>800&&document.body.classList.add(Y),Ue.appendChild(T),document.body.appendChild(N),N.setAttribute(`popover`,`auto`),P.addEventListener(`click`,()=>{N.showPopover()},{signal:e}),J.appendChild(P),e.addEventListener(`abort`,()=>{B.remove(),t.remove(),T.remove(),N.removeAttribute(`popover`),N.remove(),P.remove()},{once:!0})}};const X=`${b}-tabs`,Z=document.createElement(`header`),Q=Z.appendChild(document.createElement(`div`));Q.classList.add(`${X}-header`);const Je=Z.appendChild(document.createElement(`div`));Je.classList.add(`${X}-sidebar`);const Ye=Q.appendChild(d(`menu`,!0));Ye.classList.add(`${X}-menu-button`);const Xe=Q.appendChild(document.createElement(`span`)),$=`${X}-menu-open`;Ye.addEventListener(`click`,()=>{document.body.classList.toggle($)});function Ze(){window.innerWidth>800||document.body.classList.remove($)}Je.addEventListener(`click`,e=>{e.target===e.currentTarget&&document.body.classList.remove($)});var Qe={title(e){return[e.title,c.title||`拥道YongDall`].filter(Boolean).join(` | `)},icon(e){return e.icon},components:{List:se,Pagination:ce,createMenuButtons:Le,createMenuItem:Re,createMenuButton:ze},updatePath:j,pageManager:oe,elements:[Z,_],classNames:[b,`${b}-tabs`],styleFiles:[`theme-tabs.css`],home:w,alertError:e,rootClassName:`${b}-root`,createFrame:u,createPage(e){return new r(e)},renderError(e,t){Te(e,t)},setup(e){ae(!0),B.addEventListener(`click`,()=>{Ze()},{signal:e});let t=document.createElement(`div`);t.classList.add(`${X}-header-title`),h(()=>{t.innerText=c.title||c.company||``},e),Q.insertBefore(B,Xe),Q.insertBefore(t,Xe),Z.appendChild(S),window.innerWidth>800&&document.body.classList.add($),Je.appendChild(T),document.body.appendChild(N),N.setAttribute(`popover`,`auto`),P.addEventListener(`click`,()=>{N.showPopover()},{signal:e}),Q.appendChild(P),e.addEventListener(`abort`,()=>{B.remove(),t.remove(),S.remove(),T.remove(),N.removeAttribute(`popover`),N.remove(),P.remove()},{once:!0})}};export{Be as allSider,Be as theme,qe as base,qe as tradition,Qe as tabs};
|
|
749
4
|
//# sourceMappingURL=index.mjs.map
|