From e36d1b232c9f665f33b0d2d8804632feef4a52e6 Mon Sep 17 00:00:00 2001
From: jee <670430506@qq.com>
Date: Wed, 5 Aug 2020 15:34:08 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6=E8=87=B3?=
=?UTF-8?q?=20''?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
FullList.js | 114 +++++++++++++++++++++++++++++++++++++++++++++++++
MainList.js | 119 ++++++++++++++++++++++++++++++++++++++++++++++++++++
back.png | Bin 0 -> 2602 bytes
fold.png | Bin 0 -> 535 bytes
index.js | 26 ++++++++++++
5 files changed, 259 insertions(+)
create mode 100644 FullList.js
create mode 100644 MainList.js
create mode 100644 back.png
create mode 100644 fold.png
create mode 100644 index.js
diff --git a/FullList.js b/FullList.js
new file mode 100644
index 0000000..3f6f636
--- /dev/null
+++ b/FullList.js
@@ -0,0 +1,114 @@
+import React, {Component} from 'react';
+import {
+ Image,
+ View,
+ StyleSheet,
+ TouchableOpacity,
+ ScrollView,
+ Text,
+ FlatList
+} from 'react-native';
+import {Directory} from '../../public/plugin/api';
+
+const back_image = require("./back.png");
+
+export class FullList extends Component {
+
+ render(){
+
+ const data = this._getData();
+ const content = data.map((item, index) => (
+ this.getItem(item, index)
+ )).slice(4);
+
+ return (
+
+
+
+
+
+ 全部
+ {content}
+
+
+ )
+
+ }
+ _getData() {
+ return this.props.pprops.currentNode.getChildNodes();
+ }
+ getItem(item, index) {
+ //debugger;
+
+ return (
+
+ {item.title}
+
+
+
+ )
+ }
+}
+
+class Sub extends Component{
+ render(){
+ //debugger;
+ const data = this.props.item.getChildNodes();
+ const content = data.map((item, index) => (
+ this.getItem(item, index)
+ ));
+ return (
+ {content}
+
+ )
+ }
+ getItem(item, index) {
+ //debugger;
+ return (
+
+ this.props.navigateNode(item)}>
+ {Directory.createIconGrid(item, {iconStyle: styles.gridIcon})}
+
+
+ )
+ }
+
+}
+
+const styles = StyleSheet.create({
+ box:{
+ width : "20%",
+ flexWrap : "nowrap",
+ },
+ title:{
+ height : 56,
+ fontSize : "20px",
+ marginTop: 10
+ },
+ gridWrapper: {
+ width: "100%",
+
+ //height: "17.5%",
+ marginTop: 10
+ },
+ gridIcon: {
+ width: 36,
+ height: 36,
+ borderRadius: 8,
+
+ },
+ list: {
+ flex: 1,
+ flexDirection: "row",
+ overflow: "hidden auto",
+ //alignContent:"flex-start",
+ flexWrap: "wrap",
+ width: "100%",
+ transform: "translateZ(0px)"
+
+ }
+});
\ No newline at end of file
diff --git a/MainList.js b/MainList.js
new file mode 100644
index 0000000..7814182
--- /dev/null
+++ b/MainList.js
@@ -0,0 +1,119 @@
+import React, {Component} from 'react';
+import {
+ Image,
+ View,
+ StyleSheet,
+ TouchableOpacity,
+ ScrollView
+} from 'react-native';
+import {Directory} from '../../public/plugin/api';
+import {FullList} from './FullList';
+import { from } from 'core-js/fn/array';
+
+const DirectoryScrollView = Directory.DirectoryScrollView;
+var image = require('./fold.png');
+
+class MainList extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ hidden : true
+ }
+ }
+ Change = () => {
+
+ this.setState({
+ hidden : this.state.hidden ? false : true
+ })
+ }
+ render() {
+
+ const data = this._getData();
+ const content = data.map((item, index) => (
+ this.getItem(item, index)
+ ));
+
+ if(content.length < 5){
+ return
+
+ {content}
+
+
+ }
+
+
+ if (!this.state.hidden){
+
+ return(
+
+
+ )
+ }
+
+ fullIcon = (
+
+ 全部
+
+ );
+ return (
+
+
+ {content}
+
+
+ )}
+
+ getItem(item, index) {
+ return (
+
+ this.props.navigateNode(item)}>
+ {Directory.createIconGrid(item, {iconStyle: styles.gridIcon})}
+
+
+ )
+ }
+
+ _getData() {
+ return this.props.currentNode.getChildNodes();
+ }
+}
+
+class Static extends Component{
+ render() {
+
+ const content = this.props.content;
+ var foldList = content.slice(0, 4);
+ return foldList;
+ }
+
+}
+
+export default MainList;
+
+const styles = StyleSheet.create({
+ gridWrapper: {
+ width: "20%",
+ //height: "17.5%",
+ marginTop: 10
+ },
+ gridIcon: {
+ width: 36,
+ height: 36,
+ borderRadius: 8,
+
+ },
+ list: {
+ flex: 1,
+ flexDirection: "row",
+ overflow: "hidden auto",
+ //alignContent:"flex-start",
+ flexWrap: "wrap",
+ width: "100%",
+ transform: "translateZ(0px)"
+
+ }
+});
\ No newline at end of file
diff --git a/back.png b/back.png
new file mode 100644
index 0000000000000000000000000000000000000000..d85c2a5deb71faf8117ba861788a3c19c2e6e364
GIT binary patch
literal 2602
zcmV+_3f1+AP)~*l?RWVkfaG~HYawR#U9&<<1J3S
z&D@!LXYTz@A5su%OKOkDc2x0u9-Z_5&-dN)-Fwal{GUP#E#QlULLop1m53AojsQ|E
zEiGxqQZg$oeHt1XBm(C{rdk3i3?7si{Q#_V;@vRDBtkZTZ63|Dv9PG5F2A7gV$6>J
z!m^Xy2M!#Val9L1D>jB2bN~%LU4LBH{c9b^(FzKSQ+I9OaWp&Nxns+gEj-hh3%+8F
zp@u8~TLZzYr(DNb8H+_F0&&u|B)<_@np;wG6M%CwjVond>hxe{G=@S20Cr{P(j-O>e_@X%a5+EuAWRMhn!i-|C`3f?XoOMHM;KqzF#+pDavvB%@#+`IyZBr->a2KUF~
z=Cgrd)`>UXcq6S`^R^WmLk$KPYYGaBek_E$!!%=x5Q1b`W{=0qx%mZ7etu!s+0IkH
zNyN=K0CRM7lmN`QA_DVNJQ_m{IYe}O`QplFgm8DpO;Zu>HB){gD2hr-Q^8>NC+#PX
zeQ#=FVh@835HPfP^X9Zn0rRjG8$+Q2#iMSnC|~l_#Kib5aWg6j!K5e(`;CB`pI_j}
zs`_?&+p%XD90`Y8-Nwd7N~KcRw{PE#XRN8I39;y8i4n}&SzKKD~F*B*E
z%6`Le^YRL;R4Vm{uJdP}7c4HewCoj`%0DN@>g(&_*Y!okixz!15D5Nc^zulKl}HeS
zp{gqDx*>9Ma;GLH#(y_5GWZG$^o3hm+)Qf7xUoWTtgww0J!9&_f{NqOYx8|1?ST*yWKS-LfqrlAviC
z>wZIcyuO|beUaaqW^^w=k-0DhWVqZwZB*
zZT%N|UkCUwgU&XG!)bkzOoxmad-|zo%S*~jUhe5WzwXkdi>hr|5)naFRbd!`RMNH&
zUcEZn4B%rhI-0{_GgG<$8yPY7(qCS!lR>YYKYP0RLT^N~5(x`PSs*
z_yGXz4DM_Wx5P7%_j=5_c)b0$=B=^l+R`&^wW-`t|G{;F107#Mq5MpsNc8Hl@ah+6K
z>%RRNJ9wwdjEx;VdQ?At>iq7}%Om%kIQFTp|6-q(N+k&Zh=`eCrIN`r%=`|s_;4Xi
z0W&mqw6m{7gZT5<*x0Jm?QNb*{TI~FR_b4*gm5oiGlh4#gs6a|4
z{ysc1RDSp$@B6#Xb$VW9Gd8_JmtnuFi?#X)^6M4=I_r|H_ri<%bUJ
z^>=o(d1KKjnVE@*TwLq@nGB8q=m88ce+0mj$@Bq8I>m|C*)KzMa)c+
zEVHU={dJgC!*rm(udlMI=J4Y3
ziaQtxIF3U?2y$G9z$~k(YA{&gYcsDLMV5!Fs;kE%^RO*vWvsWi7bKEbY|A{fa`oEf
ze!suawrxtKQsg?0Bv?qArUfOEG}m=hBFZ6Pq_(DJY_6ZVS+}^mBRy_zPR?YcFY>{f
zHS6+n^YUwLDVQOR{&VrEh`ElX8YJ(WtzM3lwg;i~E-?uoSDl=@4h<{aVp9d
zMcdnse_Xe6wOv$Pa%(giRZKG`Ij%!2m=skFczwR?q;1Opf&?0Gs
zDA671ajU8;%+8Ke$LdzB?kX)?Tpy2{S}ZmtyN*jN1SyKD`wgQYY1;}j`w8f;sH~jo
z?d{E!jL*sFv?UVh0FD9}Y|cPSZq9r6M~)m(CroGe>Grm7cbq)#9UmW)UB@9=mZ5n(
zB57HJ@kG1_zyN?YW_}-_GtJ>}Vm5i_Z9caD&?k>ay3Rk@(cb188NT)^1^|*QvFo@|
z%Sv1Ta30`h2KKVcm%^>BX@7ms+YEY3{cXQqytwMYudmxUUVGCrI}prrL4fPH1R&`1
z>9r(Dl?++|Mj<4g)t^4E!}W%3o8HxY#y!hduI{f~Qk^u6fJ;OWEWpg(U?5oM(Xq-`ttsqDhtm|63
zdFFk%4gl}H`{u-|+c&(qd}-ay1X?mRIVq={BoPR@?x$6&*DhUl%gRgV&UPH{jzm)F
zzj@zx9+X|zT{ks3A-k?i08mm|=GLuPy*_mJy;Cp!;khH}#J?e~
z9DVT7$#0$RY#9Z*ZRG+bOSHUoi{*32n=QbZwdkoB#j-
M07*qoM6N<$f}t<}kpKVy
literal 0
HcmV?d00001
diff --git a/fold.png b/fold.png
new file mode 100644
index 0000000000000000000000000000000000000000..6be8b7788277a3a87fcd6d0aa9062bc46c1ca5e1
GIT binary patch
literal 535
zcmeAS@N?(olHy`uVBq!ia0vp^CLqkg1|*MGNWTVBEa{HEjtmSN`?>!lvNA9*p7V5Z
z49Q@98)@x##6UoHvMtLkJ^|kaOBg$i8+I_T3SF9)p{mlgm!Zk{LXgrdju&AvNoy02
zO=_Ncbbrpl1#?a2RUG>^`}-V?#|$r)@@O!hYA{;B^GB9hZTpvdk3Y%i-cvr1s8@D2
z|4j7d17D9H{nA?d+yAt1b|PcP+o+sn%?)MC49(|Hzx+Jph2N=@`!1f`aqz}1(KCOg
z&dE*encc;as#CWvVzz%qkI})bBRT7HGT0T5rk&I~sTQ(l)&vJ%j}C!AiB$npq!jr=
zG1$>71g0_sT6xK^)gNmwJ9#6~hjH4;f-@iHy_Vc<^f@s8)D#Eivuo#1&dq)!yI|$I
z_7~o}m355mr*Hc|mGPG6%hOZOhLq-QdU|htS$yTx=Jxf;+|oHaInUHs$~(`kZM!4M
zkl3N<5lKjt7Cj45lVf}pWhI7hin%Lx)vOSN#t$d#0m+N71hm7xxqHc`S
zYMex0dvaWDQCTtJ&;qWdHzqy^ZbfHrsO1X0d10x<$)7teeKB14_IK7TA)Uz9ALa=s
zUG_6Qj-M2AxMKch?sKd)H8+gdjtPBRxfT}e9?1`+r>`zpk-Jh27_$rvp00i_>zopr
E0Foc {
+ console.log(directoryNode.getLayer() );
+ if (directoryNode.getLayer() === 0 ) {
+ return MainList;
+ } else {
+ return SubList;
+ }
+ });
+ Directory.registerFetchLayersCountFunction(() => {
+ return 2;
+ })
+
+}
\ No newline at end of file