Skip to content

Commit 4b05827

Browse files
author
hikki
committed
2.0
1 parent bce4be9 commit 4b05827

File tree

3 files changed

+10
-13
lines changed

3 files changed

+10
-13
lines changed

resources/assets/component.css

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -81,17 +81,14 @@
8181
}
8282
.dot-selected{width: 100%}
8383
.dot-selected>.dlp-label{background: white}
84-
.dot-select{padding: 5px 0 5px 0;background: rgb(43 43 43);border-radius: 0 0 5px 5px;position: relative;}
85-
.dot-select-cover{position: absolute;top:0;left:0;bottom:0;right:0;z-index: 1050;}
84+
.dot-body{padding:3px 0 3px 0;background: rgb(43 43 43);border-radius: 0 0 5px 5px;position: relative;}
85+
.dot-select{position: absolute;top:5px;left:0;bottom:5px;right:0;z-index: 1050;}
86+
.dot-select-cover{background: rgb(43 43 43);position: absolute;top:3px;left:0;bottom:3px;right:0;z-index: 1051;}
8687
.dot-select-cascade{
8788
display: flex;
8889
flex-direction: row;
8990
align-items:stretch;
9091
}
91-
.dot-select-cascade>.dot-select-cover{
92-
display: flex;
93-
flex-direction: row;
94-
align-items:stretch;}
9592
.dot-cascade-stack{
9693
width: 100%;
9794
padding: 2px 0 2px 5px;

resources/assets/component.js

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -120,7 +120,7 @@ class ComponentDot {
120120
select_dom += `<div class='dlp dlp-text dlp-label' data-id='${i}' title="${select[i]}">${select[i]}</div>`;
121121
}
122122

123-
let html = `<div class="dlp-dot" ><div class="dot-top"><input type="text" class="dlp dot-search" placeholder="搜索名称"><div id="${this.name}-select" class="dot-selected dlp-scroll">${selected_dom}</div></div><div class="dot-select dlp-scroll">${select_dom}</div></div>
123+
let html = `<div class="dlp-dot" ><div class="dot-top"><input type="text" class="dlp dot-search" placeholder="搜索名称"><div class="dot-selected dlp-scroll">${selected_dom}</div></div><div class="dot-body"><div class="dot-select dlp-scroll">${select_dom}</div></div></div>
124124
<input name="${this.name}[select]" value='${JSON.stringify(selected)}' type="hidden"><input name="${this.name}[insert]" value="[]" type="hidden"><input name="${this.name}[delete]" value="[]" type="hidden">`;
125125
this.DOM.insertAdjacentHTML('afterbegin', html);
126126
this.SELECTED_DOM = document.querySelector(`#${this.name} .dot-selected`);
@@ -195,7 +195,7 @@ class ComponentDot {
195195
if (!(this.SELECT_COVER_DOM instanceof HTMLElement)) {
196196
this.SELECT_COVER_DOM = document.createElement('div');
197197
this.SELECT_COVER_DOM.className = 'dot-select dlp-scroll dot-select-cover';
198-
this.CONTENT_DOM.appendChild(this.SELECT_COVER_DOM);
198+
this.CONTENT_DOM.parentNode.appendChild(this.SELECT_COVER_DOM);
199199
} else {
200200
let elements = [];
201201
this.SELECT_COVER_DOM.childNodes.forEach((D) => {
@@ -240,7 +240,7 @@ class ComponentCascadeDot {
240240
}
241241

242242
make() {
243-
let html = `<div class="dlp-dot" ><div class="dot-top"><input type="text" class="dlp dot-search" placeholder="搜索名称"><div id="${this.name}-select" class="dot-selected dlp-scroll"></div></div><div class="dot-select dot-select-cascade dlp-scroll"></div></div>
243+
let html = `<div class="dlp-dot" ><div class="dot-top"><input type="text" class="dlp dot-search" placeholder="搜索名称"><div id="${this.name}-select" class="dot-selected dlp-scroll"></div></div><div class="dot-body"><div class="dot-select dot-select-cascade dlp-scroll"></div></div></div>
244244
<input name="${this.name}[select]" value="[]" type="hidden"><input name="${this.name}[insert]" value="[]" type="hidden"><input name="${this.name}[delete]" value="[]" type="hidden">`;
245245
this.DOM.insertAdjacentHTML('afterbegin', html);
246246
this.SELECTED_DOM = document.querySelector(`#${this.name} .dot-selected`);
@@ -341,6 +341,7 @@ class ComponentCascadeDot {
341341
element.insertAdjacentHTML('beforeend', `<i>${_componentSvg.check}</i>`);
342342
this.selectToChildren(stack + 1, data.nodes);
343343
this.selectToSelected(element, stack);
344+
this.SELECTED_DOM.scrollTop = this.SELECTED_DOM.scrollHeight;
344345
} else if (data.checked === true) {
345346
data.checked = false;
346347
this.tagCal(id, this.MODE.delete);
@@ -366,7 +367,6 @@ class ComponentCascadeDot {
366367
let parentNodes = data.parentNodes.slice(0);
367368
this.selectToParent(parentNodes, data.checked);
368369
}
369-
this.SELECTED_DOM.scrollTop = this.SELECTED_DOM.scrollHeight;
370370
}
371371

372372
selectToSelected(element, stack) {
@@ -501,13 +501,13 @@ class ComponentCascadeDot {
501501
if (!(this.SELECT_COVER_DOM instanceof HTMLElement)) {
502502
this.COVER_STACK_HASH_DOM = [];
503503
this.SELECT_COVER_DOM = document.createElement('div');
504-
this.SELECT_COVER_DOM.className = 'dot-select dlp-scroll dot-select-cover';
504+
this.SELECT_COVER_DOM.className = 'dot-select-cover dlp-scroll dot-select-cascade';
505505
for (let stack = 1; stack <= this.dimensional_data.length; stack++) {
506506
let div = document.createElement('div');
507507
div.className = 'dot-cascade-stack dlp-scroll';
508508
this.SELECT_COVER_DOM.append(div);
509509
}
510-
this.CONTENT_DOM.appendChild(this.SELECT_COVER_DOM);
510+
this.CONTENT_DOM.parentNode.append(this.SELECT_COVER_DOM);
511511
}
512512
this.dimensional_data.forEach((data, stack) => {
513513
data.forEach((d, k) => {

test/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
<div id="test2" style="width: 500px;height: 320px"></div>
1717
</body>
1818
<script>
19-
new ComponentDot('test',[1,2,3],{1:'a',2:'b',3:'c',4:'d',5:'e',6:'f',7:'g',8:'h321321312312313',9:'i',10:'a1',11:'A5',12:'c1',13:'c2'});
19+
new ComponentDot('test',[1,2,3],{"2":"西宮このみ","5":"瀨名光莉","7":"日菜々はのん","10":"波多野結衣","11":"麻生希","15":"美波沙耶","17":"佐山愛","18":"真木今日子","20":"通野未帆","21":"三上悠亜","23":"初美沙希","31":"AIKA","33":"永井みひな","36":"河北彩花","38":"村田ちか","42":"関根奈美","44":"浅田結梨","45":"JULIA","47":"春原未来","56":"神咲詩織","59":"小西悠","62":"夏希みなみ","64":"小早川怜子","65":"鈴木心春","66":"斉藤みゆ","67":"斎藤ミオリ","71":"高杉麻里","72":"谷原希美","73":"山岸逢花","74":"三島奈津子","77":"仲里紗羽","78":"松下紗栄子","79":"立花瑠莉","80":"北條麻妃","81":"葵司","82":"妃月るい","85":"涼川絢音","88":"長谷川るい","90":"二宮和香","92":"江上しほ","94":"天野美優","97":"神ユキ","99":"ゆうひ菜那","100":"葵千恵","101":"三浦歩美","102":"希美まゆ","106":"吉沢明歩","108":"奥田咲","112":"木南日菜","113":"上原亜衣","114":"紗々原ゆり","117":"一条綺美香","118":"友田彩也香","120":"向井藍","121":"麻里梨夏","122":"若月みいな","123":"林美玲","124":"湊莉久","127":"なつめ愛梨","128":"吉川蓮","129":"沖田杏梨","136":"美谷朱里","137":"白石未央","140":"桜木優希音","145":"あず希","147":"小野寺梨紗","148":"栄川乃亜","149":"戸田真琴","150":"織田真子","151":"蓮實克蕾兒","152":"ちなみん","155":"由愛可奈","159":"白石茉莉奈","160":"五十嵐星蘭","161":"浜崎真緒","164":"桜木凛","169":"野々宮みさと","171":"本田岬","172":"星咲伶美","174":"安位カヲル","179":"南梨央奈","182":"塚田詩織","183":"七瀬あいり","184":"大浦真奈美","187":"早川瀬里奈","190":"羽田希","192":"愛世くらら","193":"神波多一花","194":"秋山祥子","197":"芦名ユリア","201":"若菜奈央","202":"三浦恵理子","204":"白木優子","205":"東凛","209":"結まきな","210":"尾上若葉","211":"水野朝陽","214":"笹倉杏","218":"澤村レイコ","220":"西野翔","223":"舞島あかり","225":"佐倉絆","226":"百合川雅","227":"神坂朋子","228":"若月まりあ","229":"松本菜奈実","230":"水沢のの","231":"小野夕子","232":"神谷充希","234":"NAOMI","237":"翔田千里","238":"有坂深雪","242":"碧しの","244":"愛瀬美希","245":"香西咲","250":"神坂ひなの","252":"水原さな","253":"仁科百華","254":"心花ゆら","255":"星川光希","256":"宮下華奈","257":"成瀬心美","258":"椎名由奈","259":"丘咲エミリ","260":"市来まひろ","261":"横山みれい","264":"白石りん","265":"有本紗世","266":"赤渕蓮","267":"琴水せいら","268":"妃乃ひかり","269":"桃咲ゆり菜","270":"倉持りん","271":"早乙女ゆい","272":"紗東みお","274":"星乃月","276":"藤川れいな","277":"西田那津","278":"葉月奈穂","280":"桐島美奈子","281":"鈴木真夕","282":"真白愛梨","283":"山本美和子","284":"牧村彩香","287":"美月恋","288":"かすみりさ","289":"涼宮琴音","290":"中里美穂","292":"木村つな","293":"桐原あずさ","294":"ひなた澪","295":"今井真由美","297":"神山なな","298":"椎葉みくる","299":"佐伯奈々","300":"小谷みのり","301":"小倉由菜","304":"若宮はずき","305":"宇野栞菜","306":"吉永あかね","309":"朝桐光","310":"榎本美咲","311":"石川祐奈","313":"北島玲","314":"美泉咲","317":"祈里きすみ","322":"西条沙羅","323":"宮瀬リコ","324":"長澤あずさ","325":"櫻美雪","326":"井手口麦","327":"永井すみれ","329":"瀬名あゆむ","331":"あまね弥生","332":"篠崎みお","333":"内村りな","334":"北原夏美","335":"森はるら","337":"丸山れおな","338":"大島優香","339":"篠宮ゆり","340":"月本愛","342":"森苺莉","343":"双葉良香","344":"柳田やよい","346":"Hitomi","347":"苑田あゆり","348":"成宮いろは","349":"大沢美加","350":"葉月七瀬","351":"三田杏","352":"逢沢るる","354":"紫彩乃","355":"円城ひとみ","359":"星優乃","361":"川越ゆい","364":"松すみれ","368":"中村知恵","370":"緒奈もえ","371":"羽田璃子","372":"響レミ","374":"青木玲","375":"愛須心亜","378":"相澤ゆりな","381":"宇佐美なな","382":"早川真白","383":"泉水らん","384":"鷹宮ゆい","385":"星咲セイラ","388":"麻美由真","390":"マカナ","391":"彩奈リナ","392":"久保今日子","393":"結月恭子","394":"小西まりえ","395":"瞳リョウ","396":"RUMIKA","398":"川菜美鈴","399":"青山はな","400":"森下美緒","401":"大塚咲","404":"星空もあ","405":"河北はるな","406":"優梨まいな","407":"広瀬うみ","409":"壇えみ","410":"奥菜アンナ","411":"青木りん","412":"並木塔子","414":"長谷川秋子","415":"山川ゆな","416":"月野りさ","417":"七海ゆあ","419":"西尾友梨子","420":"松嶋葵","421":"愛原さえ","426":"ななせ麻衣","427":"早乙女らぶ","429":"滝川恵理","430":"星崎アンリ","431":"村上涼子","433":"桃菜あこ","435":"雨宮琴音","436":"桐谷なお","438":"二宮沙樹","439":"竹内梨恵","440":"立花里子","441":"明里ともか","442":"逢咲ゆあ","443":"希咲エマ","444":"七咲楓花","445":"佐々木恋海","447":"七瀬萌","449":"光井ひかり","450":"大堀香奈","451":"松雪かなえ","452":"坂井亜美","453":"新山かえで","454":"美咲結衣","455":"天月叶菜","456":"伊藤舞雪","458":"堤さやか","459":"艶堂しほり","460":"二階堂ゆり","461":"衣吹かのん","462":"矢部寿恵","463":"朝倉ことみ","464":"夏目優希","465":"原千草","466":"広瀬奈々美","467":"日高ゆりあ","468":"北川瞳","469":"桐岡さつき","470":"藤森里穂","472":"満月ひかり","473":"小坂めぐる","474":"芹沢つむぎ","477":"小倉由紀","478":"泉麻那","479":"あすかみみ","480":"水城奈緒","482":"八木あずさ","483":"及川奈央","484":"紗奈","485":"中森玲子","486":"Maika","487":"姫野愛","488":"加山なつこ","491":"KAORI","492":"本庄瞳","493":"有沢りさ","494":"望月加奈","495":"音羽レオン","496":"麻生岬","498":"桜田さくら","499":"桜りお","502":"霜月るな","503":"辰巳ゆい","504":"坂上友香","505":"工藤れいか","506":"中山早紀","507":"桜花","508":"矢藤あき","509":"星野桃","511":"森川涼花","512":"水樹りさ","513":"五十川みどり","514":"永井智美","515":"倖田みらい","516":"星川みなみ","518":"綾瀬メグ","519":"桜井梨花","520":"寺島志保","521":"小室友里","522":"青木美里","523":"茉莉花","524":"篠原リョウ","525":"倉科さやか","526":"朝霧一花","528":"荒木ありさ","529":"真島みゆき","531":"真中かおり","532":"林由美香","533":"彩瀬まい","534":"卯月麻衣","535":"倖田梨紗","536":"あゆみ翼","537":"神谷姫","538":"鈴村いろは","539":"桜木郁","540":"白坂百合","541":"小鳥遊ももえ","542":"朝長ゆき","544":"百花エミリ","545":"双葉ゆきな","546":"君野ゆめ","547":"杏子ゆう","548":"川崎亜里沙","549":"篠原杏","550":"瀬戸友里亜","551":"花木あのん","552":"椎菜アリス","553":"橘芹那","554":"秋本優奈","555":"ゆうきりり","556":"亜紗美","557":"桜朱音","558":"加瀬ななほ","559":"藤井彩","560":"大島みなみ","561":"柳美和子","562":"橘れもん","563":"弘前亮子","564":"櫻井菜々子","565":"酒井京香","566":"新山沙弥","567":"立木ゆりあ","568":"桜木莉愛","570":"桐谷あや","571":"桃宮もも","572":"石倉えいみ","573":"中谷玲奈","575":"万里杏樹","577":"水城りの","578":"佐久間恵美","579":"紅りんご","580":"星あんず","581":"加賀美さら","582":"あのあるる","583":"涼風ことの","584":"愛音ゆう","585":"古川祥子","586":"宝部ゆき","588":"涼宮ラム","589":"志田雪奈","590":"三浦あいか","591":"松岡香純","592":"潮見百合子","594":"水澤りの","595":"西内るな","596":"石川しずか","597":"杉本まりえ","598":"涼果りん","599":"小宮ゆい","600":"瀬咲るな","601":"沙雪","602":"真野汐里","603":"秋川りお","604":"藤沢芳恵","605":"緒川さら","606":"池田こずえ","607":"椎名みゆ","608":"美咲まや","609":"桃音まみる","610":"及川はるな","611":"須藤早紀","612":"湯沢多喜子","613":"紅月ルナ","614":"COCOLO","615":"SARINA","616":"石原理央","617":"葉山りん","618":"藤原倫子","619":"小日向しおり","620":"瀬戸由衣","621":"長瀬涼子","623":"美優千奈","624":"渋谷美希","625":"小桜沙樹","626":"森下さやか","627":"山城美姫","628":"星島ちさ","629":"飯沢もも","630":"児玉るみ","631":"辻あずき","632":"市川花音","634":"国見奈々","635":"黒崎潤","637":"星空キラリ","638":"池上まひろ","639":"小倉みなみ","640":"前田かおり","641":"桐谷ユリア","642":"明星ちかげ","643":"梓ユイ","644":"流川純","645":"喜多方涼","646":"西山あさひ","647":"伊東紅","648":"響鳴音","650":"松沢はな","651":"野々原なずな","652":"夢乃美咲","653":"仲丘たまき","655":"吉川いと","656":"杉山圭","657":"漣ゆめ","658":"福永あや","659":"まなかかな","660":"舞野いつき","661":"瀬名えみり","662":"白鳥ゆな","663":"花桐まつり","665":"保志美あすか","666":"牧野絵里","667":"伊沢千夏","668":"真田ゆかり"});
2020

2121
new ComponentLine("test2",JSON.parse('{"name":{"name":"名称","type":"input"},"meta":{"name":"信息","type":"input"},"url":{"name":"链接","type":"input"},"time":{"name":"更新时间","type":"text"},"is-small":{"name":"高清[1是 2否]","type":"input","style":"width:60px"},"is-warning":{"name":"含字幕[1是 2否]","type":"input","style":"width:60px"},"tooltip":{"name":"可下载[1是 2否]","type":"input","style":"width:60px"}}'),JSON.parse('[{"name":"TushyRaw.21.04.28.Penelope.Kay.XXX.SD.MP4-KLEENEX","url":"magnet?xt=urnbtih1b771980c465052d1c96eade30be1297e1f73cff&dn=HDouban.comTushyRaw.21.04.28.Penelope.Kay.XXX.SD.MP4-KLEENEX","meta":"(246MB,3個文件)","tooltip":"2","time":"2021-05-14 000000","is-small":"2","is-warning":"2"},{"name":"T1080","url":"magnet?xt=urn tih20244eea8bafa94c27699ada817638f0a01fdbea&dn=HDouban.com TushyRaw.21.04.28.Penelope.Kay.XXX.1080p.MP4-NBQrarbg","meta":"","tooltip":"2","time":"2021-05-15 000000","is-small":"1","is-warning":"2"},{"name":"TushyRaw.21.04.28.Penelope.Kay.XXX.720p.HEVC.x265.PRT","url":"magnet?xt=urnbtih0c647fd1acb9e6c3bf617c117e60c86b29fa233c&dn=HDouban.com TushyRaw.21.04.28.Penelope.Kay.XXX.720p.HEVC.x265.PRT","meta":"(236MB,2個文件)","tooltip":"2","time":"2021-05-14 000000","is-small":"2","is-warning":"2"},{"name":"TushyRaw.21.04.28.Penelope.Kay.XXX.480p.MP4-XXX","url":"magnet?xt=urnbtih7DE13EF7EE22D9780F7DE6C459D6DD33F64D126C","meta":"251.82M","tooltip":"2","time":"2021-12-14 132446","is-small":"2","is-warning":"2"},{"name":"TushyRaw.21.04.28.Penelope.Kay.XXX.1080p.MP4-NBQrarbg","url":"magnet?xt=urnbtih20244EEA8BAFA94C27699ADA817638F0A01FDBEA","meta":"2.65G","tooltip":"2","time":"2021-12-14 132446","is-small":"2","is-warning":"2"},{"name":"TushyRaw.21.04.28.Penelope.Kay.XXX.SD.MP4-KLEENEX","url":"magnet?xt=urnbtih1B771980C465052D1C96EADE30BE1297E1F73CFF","meta":"246.64M","tooltip":"2","time":"2021-12-14 132446","is-small":"2","is-warning":"2"},{"name":"TushyRaw.21.04.28.Penelope.Kay.XXX.720p.HEVC.x265.PRT","url":"magnet?xt=urnbtih0C647FD1ACB9E6C3BF617C117E60C86B29FA233C","meta":"236.12M","tooltip":"2","time":"2021-12-14 132446","is-small":"2","is-warning":"2"},{"name":"TushyRaw.21.04.28.Penelope.Kay.XXX.1080p.HEVC.x265.PRT","url":"magnet?xt=urnbtihA4B92AFFB6A39E2B3F69064EF174598CA2D6C630","meta":"412.77M","tooltip":"2","time":"2021-12-14 132446","is-small":"2","is-warning":"2"},{"name":"TushyRaw.21.04.28.Penelope.Kay.XXX.1080p.MP4-NBQrarbg","url":"magnet?xt=urnbtih20244eea8bafa94c27699ada817638f0a01fdbea&dn=TushyRaw.21.04.28.Penelope.Kay.XXX.1080p.MP4-NBQrarbg","meta":"","tooltip":"2","time":"2022-02-08 102237","is-small":"2","is-warning":"2"}]'),JSON.parse('[]'));
2222

0 commit comments

Comments
 (0)