Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitd0a1c16

Browse files
committed
Assume list items are task list items
1 parent0516131 commitd0a1c16

File tree

4 files changed

+28
-28
lines changed

4 files changed

+28
-28
lines changed

‎README.md‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -29,23 +29,23 @@ With a script tag:
2929
```html
3030
<task-lists sortable>
3131
<ulclass="contains-task-list">
32-
<liclass="task-list-item">
33-
<input type="checkbox"class="task-list-item-checkbox">
32+
<li>
33+
<input type="checkbox"class="task-list-item-checkbox"/>
3434
Hubot
3535
</li>
36-
<liclass="task-list-item">
37-
<input type="checkbox"class="task-list-item-checkbox">
36+
<li>
37+
<input type="checkbox"class="task-list-item-checkbox"/>
3838
Bender
3939
</li>
4040
</ul>
4141
4242
<ulclass="contains-task-list">
43-
<liclass="task-list-item">
44-
<input type="checkbox"class="task-list-item-checkbox">
43+
<li>
44+
<input type="checkbox"class="task-list-item-checkbox"/>
4545
BB-8
4646
</li>
47-
<liclass="task-list-item">
48-
<input type="checkbox"class="task-list-item-checkbox">
47+
<li>
48+
<input type="checkbox"class="task-list-item-checkbox"/>
4949
WALL-E
5050
</li>
5151
</ul>
@@ -57,12 +57,12 @@ With a script tag:
5757
```js
5858
constlist=document.querySelector('task-lists')
5959
60-
list.addEventListener('task-lists-check',function(event) {
60+
list.addEventListener('task-lists-check',function(event) {
6161
const {position,checked}=event.detail
6262
console.log(position, checked)
6363
})
6464
65-
list.addEventListener('task-lists-move',function(event) {
65+
list.addEventListener('task-lists-move',function(event) {
6666
const {src,dst}=event.detail
6767
console.log(src, dst)
6868
})

‎examples/index.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,13 +9,13 @@
99
<body>
1010
<task-listssortable>
1111
<ulclass="contains-task-list">
12-
<liclass="task-list-item">
12+
<li>
1313
<label>
1414
<inputtype="checkbox"class="task-list-item-checkbox"/>
1515
Hubot
1616
</label>
1717
</li>
18-
<liclass="task-list-item">
18+
<li>
1919
<label>
2020
<inputtype="checkbox"class="task-list-item-checkbox"/>
2121
Bender
@@ -28,28 +28,28 @@
2828
Nested
2929

3030
<ulclass="contains-task-list">
31-
<liclass="task-list-item">
31+
<li>
3232
<label>
3333
<inputtype="checkbox"class="task-list-item-checkbox"/>
3434
WALL-E
3535
</label>
3636
</li>
37-
<liclass="task-list-item">
37+
<li>
3838
<label>
3939
<inputtype="checkbox"class="task-list-item-checkbox"/>
4040
R2-D2
4141
</label>
4242

4343
<ulclass="contains-task-list">
44-
<liclass="task-list-item">
44+
<li>
4545
<label>
4646
<inputtype="checkbox"class="task-list-item-checkbox"/>
4747
Baymax
4848
</label>
4949
</li>
5050
</ul>
5151
</li>
52-
<liclass="task-list-item">
52+
<li>
5353
<label>
5454
<inputtype="checkbox"class="task-list-item-checkbox"/>
5555
BB-8

‎src/task-lists-element.ts‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -99,7 +99,7 @@ function initItem(el: HTMLElement) {
9999
if(!(currentTaskListinstanceofTaskListsElement))return
100100

101101
// Single item task lists are not draggable.
102-
if(currentTaskList.querySelectorAll('.task-list-item').length<=1)return
102+
if(currentTaskList.querySelectorAll('li').length<=1)return
103103

104104
constfragment=handleTemplate.content.cloneNode(true)
105105
consthandle=(fragmentasDocumentFragment).querySelector<HTMLElement>('.handle')
@@ -138,7 +138,7 @@ function onListItemMouseOut(event: MouseEvent) {
138138
functionposition(checkbox:HTMLInputElement):[number,number]{
139139
constlist=taskList(checkbox)
140140
if(!list)thrownewError('.contains-task-list not found')
141-
constitem=checkbox.closest('.task-list-item')
141+
constitem=checkbox.closest('li')
142142
constindex=item ?Array.from(list.children).indexOf(item) :-1
143143
return[listIndex(list),index]
144144
}
@@ -161,7 +161,7 @@ function rootTaskList(node: Element): Element | null {
161161
}
162162

163163
functionsyncState(list:TaskListsElement){
164-
constitems=list.querySelectorAll<HTMLElement>('.contains-task-list >.task-list-item')
164+
constitems=list.querySelectorAll<HTMLElement>('.contains-task-list >li')
165165
for(constelofitems){
166166
if(isRootTaskList(el)){
167167
initItem(el)
@@ -171,7 +171,7 @@ function syncState(list: TaskListsElement) {
171171
}
172172

173173
functionsyncDisabled(list:TaskListsElement){
174-
for(consteloflist.querySelectorAll('.task-list-item')){
174+
for(consteloflist.querySelectorAll('li')){
175175
el.classList.toggle('enabled',!list.disabled)
176176
}
177177
for(consteloflist.querySelectorAll('.task-list-item-checkbox')){
@@ -222,7 +222,7 @@ function onHandleMouseOver(event: MouseEvent) {
222222
consttarget=event.currentTarget
223223
if(!(targetinstanceofElement))return
224224

225-
constitem=target.closest('.task-list-item')
225+
constitem=target.closest('li')
226226
if(!item)return
227227

228228
constlist=item.closest('task-lists')
@@ -240,7 +240,7 @@ function onHandleMouseOut(event: MouseEvent) {
240240
consttarget=event.currentTarget
241241
if(!(targetinstanceofElement))return
242242

243-
constitem=target.closest('.task-list-item')
243+
constitem=target.closest('li')
244244
if(!item)return
245245

246246
item.setAttribute('draggable','false')

‎test/test.js‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -18,19 +18,19 @@ describe('task-lists element', function () {
1818
container.innerHTML=`
1919
<task-lists>
2020
<ul class="contains-task-list">
21-
<li>
21+
<li>
2222
<input type="checkbox" class="task-list-item-checkbox"> Hubot
2323
</li>
24-
<li>
24+
<li>
2525
<input type="checkbox" class="task-list-item-checkbox"> Bender
2626
</li>
2727
</ul>
2828
2929
<ul class="contains-task-list">
30-
<li>
30+
<li>
3131
<input type="checkbox" class="task-list-item-checkbox"> BB-8
3232
</li>
33-
<li>
33+
<li>
3434
<input id="wall-e" type="checkbox" class="task-list-item-checkbox"> WALL-E
3535
</li>
3636
</ul>
@@ -39,14 +39,14 @@ describe('task-lists element', function () {
3939
<li>
4040
Nested
4141
<ul class="contains-task-list">
42-
<li>
42+
<li>
4343
<label>
4444
<input type="checkbox" class="task-list-item-checkbox">
4545
R2-D2
4646
</label>
4747
4848
<ul class="contains-task-list">
49-
<li>
49+
<li>
5050
<label>
5151
<input id="baymax" type="checkbox" class="task-list-item-checkbox">
5252
Baymax

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp