From 8a86d83faf85eaef64397e5a97d63cf3948ce337 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Tue, 22 Mar 2022 19:54:51 +0800
Subject: [PATCH] Match-id-87622cf11c2fc67c3916642abf1f1eb08b10dae6
---
libs/extension/src/panel/App.tsx | 35 ++++++++++++++++++
libs/extension/src/panel/index.tsx | 7 ++++
libs/extension/src/panel/panel.html | 22 ++++++++++++
libs/extension/webpack.dev.js | 55 +++++++++++++++++++++++++++++
4 files changed, 119 insertions(+)
create mode 100644 libs/extension/src/panel/App.tsx
create mode 100644 libs/extension/src/panel/index.tsx
create mode 100644 libs/extension/src/panel/panel.html
create mode 100644 libs/extension/webpack.dev.js
diff --git a/libs/extension/src/panel/App.tsx b/libs/extension/src/panel/App.tsx
new file mode 100644
index 00000000..2c9014c5
--- /dev/null
+++ b/libs/extension/src/panel/App.tsx
@@ -0,0 +1,35 @@
+import VTree, { IData } from '../components/VTree';
+
+// 临时开发用数据
+const arr = [9,"Main","","",10,"Jumbotron",9,"",11,"Button",10,"",12,"Button",10,"",13,"Button",10,"",14,"Button",10,"",15,"Button",10,"",16,"Button",10,"",17,"Row",9,"1",18,"Row",9,"2",19,"Row",9,"3",20,"Row",9,"4",21,"Row",9,"5",22,"Row",9,"6",23,"Row",9,"7",24,"Row",9,"8",25,"Row",9,"9",26,"Row",9,"10",27,"Row",9,"11",28,"Row",9,"12",29,"Row",9,"13",30,"Row",9,"14",31,"Row",9,"15",32,"Row",9,"16",33,"Row",9,"17",34,"Row",9,"18",35,"Row",9,"19",36,"Row",9,"20",37,"Row",9,"21",38,"Row",9,"22",39,"Row",9,"23",40,"Row",9,"24",41,"Row",9,"25",42,"Row",9,"26",43,"Row",9,"27",44,"Row",9,"28",45,"Row",9,"29",46,"Row",9,"30",47,"Row",9,"31",48,"Row",9,"32",49,"Row",9,"33",50,"Row",9,"34",51,"Row",9,"35",52,"Row",9,"36",53,"Row",9,"37",54,"Row",9,"38",55,"Row",9,"39",56,"Row",9,"40",57,"Row",9,"41",58,"Row",9,"42",59,"Row",9,"43",60,"Row",9,"44",61,"Row",9,"45",62,"Row",9,"46",63,"Row",9,"47",64,"Row",9,"48",65,"Row",9,"49",66,"Row",9,"50",67,"Row",9,"51",68,"Row",9,"52",69,"Row",9,"53",70,"Row",9,"54",71,"Row",9,"55",72,"Row",9,"56",73,"Row",9,"57",74,"Row",9,"58",75,"Row",9,"59",76,"Row",9,"60",77,"Row",9,"61",78,"Row",9,"62",79,"Row",9,"63",80,"Row",9,"64",81,"Row",9,"65",82,"Row",9,"66",83,"Row",9,"67",84,"Row",9,"68",85,"Row",9,"69",86,"Row",9,"70",87,"Row",9,"71",88,"Row",9,"72",89,"Row",9,"73",90,"Row",9,"74",91,"Row",9,"75",92,"Row",9,"76",93,"Row",9,"77",94,"Row",9,"78",95,"Row",9,"79",96,"Row",9,"80",97,"Row",9,"81",98,"Row",9,"82",99,"Row",9,"83",100,"Row",9,"84",101,"Row",9,"85",102,"Row",9,"86",103,"Row",9,"87",104,"Row",9,"88",105,"Row",9,"89",106,"Row",9,"90",107,"Row",9,"91",108,"Row",9,"92",109,"Row",9,"93",110,"Row",9,"94",111,"Row",9,"95",112,"Row",9,"96",113,"Row",9,"97",114,"Row",9,"98",115,"Row",9,"99",116,"Row",9,"100",117,"Row",9,"101",118,"Row",9,"102",119,"Row",9,"103",120,"Row",9,"104",121,"Row",9,"105",122,"Row",9,"106",123,"Row",9,"107",124,"Row",9,"108",125,"Row",9,"109",126,"Row",9,"110",127,"Row",9,"111",128,"Row",9,"112",129,"Row",9,"113",130,"Row",9,"114",131,"Row",9,"115",132,"Row",9,"116",133,"Row",9,"117",134,"Row",9,"118",135,"Row",9,"119",136,"Row",9,"120",137,"Row",9,"121",138,"Row",9,"122",139,"Row",9,"123",140,"Row",9,"124",141,"Row",9,"125",142,"Row",9,"126",143,"Row",9,"127",144,"Row",9,"128",145,"Row",9,"129",146,"Row",9,"130",147,"Row",9,"131",148,"Row",9,"132",149,"Row",9,"133",150,"Row",9,"134",151,"Row",9,"135",152,"Row",9,"136",153,"Row",9,"137",154,"Row",9,"138",155,"Row",9,"139",156,"Row",9,"140",157,"Row",9,"141",158,"Row",9,"142",159,"Row",9,"143",160,"Row",9,"144",161,"Row",9,"145",162,"Row",9,"146",163,"Row",9,"147",164,"Row",9,"148",165,"Row",9,"149",166,"Row",9,"150",167,"Row",9,"151",168,"Row",9,"152",169,"Row",9,"153",170,"Row",9,"154",171,"Row",9,"155",172,"Row",9,"156",173,"Row",9,"157",174,"Row",9,"158",175,"Row",9,"159",176,"Row",9,"160",177,"Row",9,"161",178,"Row",9,"162",179,"Row",9,"163",180,"Row",9,"164",181,"Row",9,"165",182,"Row",9,"166",183,"Row",9,"167",184,"Row",9,"168",185,"Row",9,"169",186,"Row",9,"170",187,"Row",9,"171",188,"Row",9,"172",189,"Row",9,"173",190,"Row",9,"174",191,"Row",9,"175",192,"Row",9,"176",193,"Row",9,"177",194,"Row",9,"178",195,"Row",9,"179",196,"Row",9,"180",197,"Row",9,"181",198,"Row",9,"182",199,"Row",9,"183",200,"Row",9,"184",201,"Row",9,"185",202,"Row",9,"186",203,"Row",9,"187",204,"Row",9,"188",205,"Row",9,"189",206,"Row",9,"190",207,"Row",9,"191",208,"Row",9,"192",209,"Row",9,"193",210,"Row",9,"194",211,"Row",9,"195",212,"Row",9,"196",213,"Row",9,"197",214,"Row",9,"198",215,"Row",9,"199",216,"Row",9,"200",217,"Row",9,"201",218,"Row",9,"202",219,"Row",9,"203",220,"Row",9,"204",221,"Row",9,"205",222,"Row",9,"206",223,"Row",9,"207",224,"Row",9,"208",225,"Row",9,"209",226,"Row",9,"210",227,"Row",9,"211",228,"Row",9,"212",229,"Row",9,"213",230,"Row",9,"214",231,"Row",9,"215",232,"Row",9,"216",233,"Row",9,"217",234,"Row",9,"218",235,"Row",9,"219",236,"Row",9,"220",237,"Row",9,"221",238,"Row",9,"222",239,"Row",9,"223",240,"Row",9,"224",241,"Row",9,"225",242,"Row",9,"226",243,"Row",9,"227",244,"Row",9,"228",245,"Row",9,"229",246,"Row",9,"230",247,"Row",9,"231",248,"Row",9,"232",249,"Row",9,"233",250,"Row",9,"234",251,"Row",9,"235",252,"Row",9,"236",253,"Row",9,"237",254,"Row",9,"238",255,"Row",9,"239",256,"Row",9,"240",257,"Row",9,"241",258,"Row",9,"242",259,"Row",9,"243",260,"Row",9,"244",261,"Row",9,"245",262,"Row",9,"246",263,"Row",9,"247",264,"Row",9,"248",265,"Row",9,"249",266,"Row",9,"250",267,"Row",9,"251",268,"Row",9,"252",269,"Row",9,"253",270,"Row",9,"254",271,"Row",9,"255",272,"Row",9,"256",273,"Row",9,"257",274,"Row",9,"258",275,"Row",9,"259",276,"Row",9,"260",277,"Row",9,"261",278,"Row",9,"262",279,"Row",9,"263",280,"Row",9,"264",281,"Row",9,"265",282,"Row",9,"266",283,"Row",9,"267",284,"Row",9,"268",285,"Row",9,"269",286,"Row",9,"270",287,"Row",9,"271",288,"Row",9,"272",289,"Row",9,"273",290,"Row",9,"274",291,"Row",9,"275",292,"Row",9,"276",293,"Row",9,"277",294,"Row",9,"278",295,"Row",9,"279",296,"Row",9,"280",297,"Row",9,"281",298,"Row",9,"282",299,"Row",9,"283",300,"Row",9,"284",301,"Row",9,"285",302,"Row",9,"286",303,"Row",9,"287",304,"Row",9,"288",305,"Row",9,"289",306,"Row",9,"290",307,"Row",9,"291",308,"Row",9,"292",309,"Row",9,"293",310,"Row",9,"294",311,"Row",9,"295",312,"Row",9,"296",313,"Row",9,"297",314,"Row",9,"298",315,"Row",9,"299",316,"Row",9,"300",317,"Row",9,"301",318,"Row",9,"302",319,"Row",9,"303",320,"Row",9,"304",321,"Row",9,"305",322,"Row",9,"306",323,"Row",9,"307",324,"Row",9,"308",325,"Row",9,"309",326,"Row",9,"310",327,"Row",9,"311",328,"Row",9,"312",329,"Row",9,"313",330,"Row",9,"314",331,"Row",9,"315",332,"Row",9,"316",333,"Row",9,"317",334,"Row",9,"318",335,"Row",9,"319",336,"Row",9,"320",337,"Row",9,"321",338,"Row",9,"322",339,"Row",9,"323",340,"Row",9,"324",341,"Row",9,"325",342,"Row",9,"326",343,"Row",9,"327",344,"Row",9,"328",345,"Row",9,"329",346,"Row",9,"330",347,"Row",9,"331",348,"Row",9,"332",349,"Row",9,"333",350,"Row",9,"334",351,"Row",9,"335",352,"Row",9,"336",353,"Row",9,"337",354,"Row",9,"338",355,"Row",9,"339",356,"Row",9,"340",357,"Row",9,"341",358,"Row",9,"342",359,"Row",9,"343",360,"Row",9,"344",361,"Row",9,"345",362,"Row",9,"346",363,"Row",9,"347",364,"Row",9,"348",365,"Row",9,"349",366,"Row",9,"350",367,"Row",9,"351",368,"Row",9,"352",369,"Row",9,"353",370,"Row",9,"354",371,"Row",9,"355",372,"Row",9,"356",373,"Row",9,"357",374,"Row",9,"358",375,"Row",9,"359",376,"Row",9,"360",377,"Row",9,"361",378,"Row",9,"362",379,"Row",9,"363",380,"Row",9,"364",381,"Row",9,"365",382,"Row",9,"366",383,"Row",9,"367",384,"Row",9,"368",385,"Row",9,"369",386,"Row",9,"370",387,"Row",9,"371",388,"Row",9,"372",389,"Row",9,"373",390,"Row",9,"374",391,"Row",9,"375",392,"Row",9,"376",393,"Row",9,"377",394,"Row",9,"378",395,"Row",9,"379",396,"Row",9,"380",397,"Row",9,"381",398,"Row",9,"382",399,"Row",9,"383",400,"Row",9,"384",401,"Row",9,"385",402,"Row",9,"386",403,"Row",9,"387",404,"Row",9,"388",405,"Row",9,"389",406,"Row",9,"390",407,"Row",9,"391",408,"Row",9,"392",409,"Row",9,"393",410,"Row",9,"394",411,"Row",9,"395",412,"Row",9,"396",413,"Row",9,"397",414,"Row",9,"398",415,"Row",9,"399",416,"Row",9,"400",417,"Row",9,"401",418,"Row",9,"402",419,"Row",9,"403",420,"Row",9,"404",421,"Row",9,"405",422,"Row",9,"406",423,"Row",9,"407",424,"Row",9,"408",425,"Row",9,"409",426,"Row",9,"410",427,"Row",9,"411",428,"Row",9,"412",429,"Row",9,"413",430,"Row",9,"414",431,"Row",9,"415",432,"Row",9,"416",433,"Row",9,"417",434,"Row",9,"418",435,"Row",9,"419",436,"Row",9,"420",437,"Row",9,"421",438,"Row",9,"422",439,"Row",9,"423",440,"Row",9,"424",441,"Row",9,"425",442,"Row",9,"426",443,"Row",9,"427",444,"Row",9,"428",445,"Row",9,"429",446,"Row",9,"430",447,"Row",9,"431",448,"Row",9,"432",449,"Row",9,"433",450,"Row",9,"434",451,"Row",9,"435",452,"Row",9,"436",453,"Row",9,"437",454,"Row",9,"438",455,"Row",9,"439",456,"Row",9,"440",457,"Row",9,"441",458,"Row",9,"442",459,"Row",9,"443",460,"Row",9,"444",461,"Row",9,"445",462,"Row",9,"446",463,"Row",9,"447",464,"Row",9,"448",465,"Row",9,"449",466,"Row",9,"450",467,"Row",9,"451",468,"Row",9,"452",469,"Row",9,"453",470,"Row",9,"454",471,"Row",9,"455",472,"Row",9,"456",473,"Row",9,"457",474,"Row",9,"458",475,"Row",9,"459",476,"Row",9,"460",477,"Row",9,"461",478,"Row",9,"462",479,"Row",9,"463",480,"Row",9,"464",481,"Row",9,"465",482,"Row",9,"466",483,"Row",9,"467",484,"Row",9,"468",485,"Row",9,"469",486,"Row",9,"470",487,"Row",9,"471",488,"Row",9,"472",489,"Row",9,"473",490,"Row",9,"474",491,"Row",9,"475",492,"Row",9,"476",493,"Row",9,"477",494,"Row",9,"478",495,"Row",9,"479",496,"Row",9,"480",497,"Row",9,"481",498,"Row",9,"482",499,"Row",9,"483",500,"Row",9,"484",501,"Row",9,"485",502,"Row",9,"486",503,"Row",9,"487",504,"Row",9,"488",505,"Row",9,"489",506,"Row",9,"490",507,"Row",9,"491",508,"Row",9,"492",509,"Row",9,"493",510,"Row",9,"494",511,"Row",9,"495",512,"Row",9,"496",513,"Row",9,"497",514,"Row",9,"498",515,"Row",9,"499",516,"Row",9,"500",517,"Row",9,"501",518,"Row",9,"502",519,"Row",9,"503",520,"Row",9,"504",521,"Row",9,"505",522,"Row",9,"506",523,"Row",9,"507",524,"Row",9,"508",525,"Row",9,"509",526,"Row",9,"510",527,"Row",9,"511",528,"Row",9,"512",529,"Row",9,"513",530,"Row",9,"514",531,"Row",9,"515",532,"Row",9,"516",533,"Row",9,"517",534,"Row",9,"518",535,"Row",9,"519",536,"Row",9,"520",537,"Row",9,"521",538,"Row",9,"522",539,"Row",9,"523",540,"Row",9,"524",541,"Row",9,"525",542,"Row",9,"526",543,"Row",9,"527",544,"Row",9,"528",545,"Row",9,"529",546,"Row",9,"530",547,"Row",9,"531",548,"Row",9,"532",549,"Row",9,"533",550,"Row",9,"534",551,"Row",9,"535",552,"Row",9,"536",553,"Row",9,"537",554,"Row",9,"538",555,"Row",9,"539",556,"Row",9,"540",557,"Row",9,"541",558,"Row",9,"542",559,"Row",9,"543",560,"Row",9,"544",561,"Row",9,"545",562,"Row",9,"546",563,"Row",9,"547",564,"Row",9,"548",565,"Row",9,"549",566,"Row",9,"550",567,"Row",9,"551",568,"Row",9,"552",569,"Row",9,"553",570,"Row",9,"554",571,"Row",9,"555",572,"Row",9,"556",573,"Row",9,"557",574,"Row",9,"558",575,"Row",9,"559",576,"Row",9,"560",577,"Row",9,"561",578,"Row",9,"562",579,"Row",9,"563",580,"Row",9,"564",581,"Row",9,"565",582,"Row",9,"566",583,"Row",9,"567",584,"Row",9,"568",585,"Row",9,"569",586,"Row",9,"570",587,"Row",9,"571",588,"Row",9,"572",589,"Row",9,"573",590,"Row",9,"574",591,"Row",9,"575",592,"Row",9,"576",593,"Row",9,"577",594,"Row",9,"578",595,"Row",9,"579",596,"Row",9,"580",597,"Row",9,"581",598,"Row",9,"582",599,"Row",9,"583",600,"Row",9,"584",601,"Row",9,"585",602,"Row",9,"586",603,"Row",9,"587",604,"Row",9,"588",605,"Row",9,"589",606,"Row",9,"590",607,"Row",9,"591",608,"Row",9,"592",609,"Row",9,"593",610,"Row",9,"594",611,"Row",9,"595",612,"Row",9,"596",613,"Row",9,"597",614,"Row",9,"598",615,"Row",9,"599",616,"Row",9,"600",617,"Row",9,"601",618,"Row",9,"602",619,"Row",9,"603",620,"Row",9,"604",621,"Row",9,"605",622,"Row",9,"606",623,"Row",9,"607",624,"Row",9,"608",625,"Row",9,"609",626,"Row",9,"610",627,"Row",9,"611",628,"Row",9,"612",629,"Row",9,"613",630,"Row",9,"614",631,"Row",9,"615",632,"Row",9,"616",633,"Row",9,"617",634,"Row",9,"618",635,"Row",9,"619",636,"Row",9,"620",637,"Row",9,"621",638,"Row",9,"622",639,"Row",9,"623",640,"Row",9,"624",641,"Row",9,"625",642,"Row",9,"626",643,"Row",9,"627",644,"Row",9,"628",645,"Row",9,"629",646,"Row",9,"630",647,"Row",9,"631",648,"Row",9,"632",649,"Row",9,"633",650,"Row",9,"634",651,"Row",9,"635",652,"Row",9,"636",653,"Row",9,"637",654,"Row",9,"638",655,"Row",9,"639",656,"Row",9,"640",657,"Row",9,"641",658,"Row",9,"642",659,"Row",9,"643",660,"Row",9,"644",661,"Row",9,"645",662,"Row",9,"646",663,"Row",9,"647",664,"Row",9,"648",665,"Row",9,"649",666,"Row",9,"650",667,"Row",9,"651",668,"Row",9,"652",669,"Row",9,"653",670,"Row",9,"654",671,"Row",9,"655",672,"Row",9,"656",673,"Row",9,"657",674,"Row",9,"658",675,"Row",9,"659",676,"Row",9,"660",677,"Row",9,"661",678,"Row",9,"662",679,"Row",9,"663",680,"Row",9,"664",681,"Row",9,"665",682,"Row",9,"666",683,"Row",9,"667",684,"Row",9,"668",685,"Row",9,"669",686,"Row",9,"670",687,"Row",9,"671",688,"Row",9,"672",689,"Row",9,"673",690,"Row",9,"674",691,"Row",9,"675",692,"Row",9,"676",693,"Row",9,"677",694,"Row",9,"678",695,"Row",9,"679",696,"Row",9,"680",697,"Row",9,"681",698,"Row",9,"682",699,"Row",9,"683",700,"Row",9,"684",701,"Row",9,"685",702,"Row",9,"686",703,"Row",9,"687",704,"Row",9,"688",705,"Row",9,"689",706,"Row",9,"690",707,"Row",9,"691",708,"Row",9,"692",709,"Row",9,"693",710,"Row",9,"694",711,"Row",9,"695",712,"Row",9,"696",713,"Row",9,"697",714,"Row",9,"698",715,"Row",9,"699",716,"Row",9,"700",717,"Row",9,"701",718,"Row",9,"702",719,"Row",9,"703",720,"Row",9,"704",721,"Row",9,"705",722,"Row",9,"706",723,"Row",9,"707",724,"Row",9,"708",725,"Row",9,"709",726,"Row",9,"710",727,"Row",9,"711",728,"Row",9,"712",729,"Row",9,"713",730,"Row",9,"714",731,"Row",9,"715",732,"Row",9,"716",733,"Row",9,"717",734,"Row",9,"718",735,"Row",9,"719",736,"Row",9,"720",737,"Row",9,"721",738,"Row",9,"722",739,"Row",9,"723",740,"Row",9,"724",741,"Row",9,"725",742,"Row",9,"726",743,"Row",9,"727",744,"Row",9,"728",745,"Row",9,"729",746,"Row",9,"730",747,"Row",9,"731",748,"Row",9,"732",749,"Row",9,"733",750,"Row",9,"734",751,"Row",9,"735",752,"Row",9,"736",753,"Row",9,"737",754,"Row",9,"738",755,"Row",9,"739",756,"Row",9,"740",757,"Row",9,"741",758,"Row",9,"742",759,"Row",9,"743",760,"Row",9,"744",761,"Row",9,"745",762,"Row",9,"746",763,"Row",9,"747",764,"Row",9,"748",765,"Row",9,"749",766,"Row",9,"750",767,"Row",9,"751",768,"Row",9,"752",769,"Row",9,"753",770,"Row",9,"754",771,"Row",9,"755",772,"Row",9,"756",773,"Row",9,"757",774,"Row",9,"758",775,"Row",9,"759",776,"Row",9,"760",777,"Row",9,"761",778,"Row",9,"762",779,"Row",9,"763",780,"Row",9,"764",781,"Row",9,"765",782,"Row",9,"766",783,"Row",9,"767",784,"Row",9,"768",785,"Row",9,"769",786,"Row",9,"770",787,"Row",9,"771",788,"Row",9,"772",789,"Row",9,"773",790,"Row",9,"774",791,"Row",9,"775",792,"Row",9,"776",793,"Row",9,"777",794,"Row",9,"778",795,"Row",9,"779",796,"Row",9,"780",797,"Row",9,"781",798,"Row",9,"782",799,"Row",9,"783",800,"Row",9,"784",801,"Row",9,"785",802,"Row",9,"786",803,"Row",9,"787",804,"Row",9,"788",805,"Row",9,"789",806,"Row",9,"790",807,"Row",9,"791",808,"Row",9,"792",809,"Row",9,"793",810,"Row",9,"794",811,"Row",9,"795",812,"Row",9,"796",813,"Row",9,"797",814,"Row",9,"798",815,"Row",9,"799",816,"Row",9,"800",817,"Row",9,"801",818,"Row",9,"802",819,"Row",9,"803",820,"Row",9,"804",821,"Row",9,"805",822,"Row",9,"806",823,"Row",9,"807",824,"Row",9,"808",825,"Row",9,"809",826,"Row",9,"810",827,"Row",9,"811",828,"Row",9,"812",829,"Row",9,"813",830,"Row",9,"814",831,"Row",9,"815",832,"Row",9,"816",833,"Row",9,"817",834,"Row",9,"818",835,"Row",9,"819",836,"Row",9,"820",837,"Row",9,"821",838,"Row",9,"822",839,"Row",9,"823",840,"Row",9,"824",841,"Row",9,"825",842,"Row",9,"826",843,"Row",9,"827",844,"Row",9,"828",845,"Row",9,"829",846,"Row",9,"830",847,"Row",9,"831",848,"Row",9,"832",849,"Row",9,"833",850,"Row",9,"834",851,"Row",9,"835",852,"Row",9,"836",853,"Row",9,"837",854,"Row",9,"838",855,"Row",9,"839",856,"Row",9,"840",857,"Row",9,"841",858,"Row",9,"842",859,"Row",9,"843",860,"Row",9,"844",861,"Row",9,"845",862,"Row",9,"846",863,"Row",9,"847",864,"Row",9,"848",865,"Row",9,"849",866,"Row",9,"850",867,"Row",9,"851",868,"Row",9,"852",869,"Row",9,"853",870,"Row",9,"854",871,"Row",9,"855",872,"Row",9,"856",873,"Row",9,"857",874,"Row",9,"858",875,"Row",9,"859",876,"Row",9,"860",877,"Row",9,"861",878,"Row",9,"862",879,"Row",9,"863",880,"Row",9,"864",881,"Row",9,"865",882,"Row",9,"866",883,"Row",9,"867",884,"Row",9,"868",885,"Row",9,"869",886,"Row",9,"870",887,"Row",9,"871",888,"Row",9,"872",889,"Row",9,"873",890,"Row",9,"874",891,"Row",9,"875",892,"Row",9,"876",893,"Row",9,"877",894,"Row",9,"878",895,"Row",9,"879",896,"Row",9,"880",897,"Row",9,"881",898,"Row",9,"882",899,"Row",9,"883",900,"Row",9,"884",901,"Row",9,"885",902,"Row",9,"886",903,"Row",9,"887",904,"Row",9,"888",905,"Row",9,"889",906,"Row",9,"890",907,"Row",9,"891",908,"Row",9,"892",909,"Row",9,"893",910,"Row",9,"894",911,"Row",9,"895",912,"Row",9,"896",913,"Row",9,"897",914,"Row",9,"898",915,"Row",9,"899",916,"Row",9,"900",917,"Row",9,"901",918,"Row",9,"902",919,"Row",9,"903",920,"Row",9,"904",921,"Row",9,"905",922,"Row",9,"906",923,"Row",9,"907",924,"Row",9,"908",925,"Row",9,"909",926,"Row",9,"910",927,"Row",9,"911",928,"Row",9,"912",929,"Row",9,"913",930,"Row",9,"914",931,"Row",9,"915",932,"Row",9,"916",933,"Row",9,"917",934,"Row",9,"918",935,"Row",9,"919",936,"Row",9,"920",937,"Row",9,"921",938,"Row",9,"922",939,"Row",9,"923",940,"Row",9,"924",941,"Row",9,"925",942,"Row",9,"926",943,"Row",9,"927",944,"Row",9,"928",945,"Row",9,"929",946,"Row",9,"930",947,"Row",9,"931",948,"Row",9,"932",949,"Row",9,"933",950,"Row",9,"934",951,"Row",9,"935",952,"Row",9,"936",953,"Row",9,"937",954,"Row",9,"938",955,"Row",9,"939",956,"Row",9,"940",957,"Row",9,"941",958,"Row",9,"942",959,"Row",9,"943",960,"Row",9,"944",961,"Row",9,"945",962,"Row",9,"946",963,"Row",9,"947",964,"Row",9,"948",965,"Row",9,"949",966,"Row",9,"950",967,"Row",9,"951",968,"Row",9,"952",969,"Row",9,"953",970,"Row",9,"954",971,"Row",9,"955",972,"Row",9,"956",973,"Row",9,"957",974,"Row",9,"958",975,"Row",9,"959",976,"Row",9,"960",977,"Row",9,"961",978,"Row",9,"962",979,"Row",9,"963",980,"Row",9,"964",981,"Row",9,"965",982,"Row",9,"966",983,"Row",9,"967",984,"Row",9,"968",985,"Row",9,"969",986,"Row",9,"970",987,"Row",9,"971",988,"Row",9,"972",989,"Row",9,"973",990,"Row",9,"974",991,"Row",9,"975",992,"Row",9,"976",993,"Row",9,"977",994,"Row",9,"978",995,"Row",9,"979",996,"Row",9,"980",997,"Row",9,"981",998,"Row",9,"982",999,"Row",9,"983",1000,"Row",9,"984",1001,"Row",9,"985",1002,"Row",9,"986",1003,"Row",9,"987",1004,"Row",9,"988",1005,"Row",9,"989",1006,"Row",9,"990",1007,"Row",9,"991",1008,"Row",9,"992",1009,"Row",9,"993",1010,"Row",9,"994",1011,"Row",9,"995",1012,"Row",9,"996",1013,"Row",9,"997",1014,"Row",9,"998",1015,"Row",9,"999",1016,"Row",9,"1000"];
+
+function App() {
+ const idIndentationMap: {
+ [id: string]: number;
+ } = {};
+ const data: IData[] = [];
+ let i = 0;
+ while(i < arr.length) {
+ const id = arr[i] as string;
+ i++;
+ const name = arr[i] as string;
+ i++;
+ const parentId = arr[i] as string;
+ i++;
+ const userKey = arr[i] as string;
+ i++;
+ const indentation = parentId === '' ? 0 : idIndentationMap[parentId] + 1;
+ idIndentationMap[id] = indentation;
+ const item = {
+ id, name, indentation, userKey
+ };
+ data.push(item);
+ }
+ return (
+
+
+
+ );
+}
+
+export default App;
diff --git a/libs/extension/src/panel/index.tsx b/libs/extension/src/panel/index.tsx
new file mode 100644
index 00000000..9e50ba58
--- /dev/null
+++ b/libs/extension/src/panel/index.tsx
@@ -0,0 +1,7 @@
+import {render} from 'horizon';
+import App from './App';
+
+render(
+ ,
+ document.getElementById('root')
+);
\ No newline at end of file
diff --git a/libs/extension/src/panel/panel.html b/libs/extension/src/panel/panel.html
new file mode 100644
index 00000000..5aac97d6
--- /dev/null
+++ b/libs/extension/src/panel/panel.html
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/libs/extension/webpack.dev.js b/libs/extension/webpack.dev.js
new file mode 100644
index 00000000..57f8730a
--- /dev/null
+++ b/libs/extension/webpack.dev.js
@@ -0,0 +1,55 @@
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+// 用于 panel 页面开发
+
+module.exports = {
+ mode: 'development',
+ entry: {
+ panel: path.join(__dirname, './src/panel/index.tsx'),
+ },
+ output: {
+ path: path.join(__dirname, 'dist'),
+ filename: '[name].js'
+ },
+ resolve: {
+ extensions: ['.ts', '.tsx', '.js']
+ },
+ module: {
+ rules: [{
+ test: /\.tsx?$/,
+ exclude: /node_modules/,
+ use: [
+ {
+ loader: 'babel-loader',
+ options: {
+ presets: ['@babel/preset-env',
+ '@babel/preset-typescript',
+ ['@babel/preset-react', {
+ runtime: 'classic',
+ "pragma": "Horizon.createElement",
+ "pragmaFrag": "Horizon.Fragment",
+ }]],
+ }
+ }
+ ]
+ }]
+ },
+ externals: {
+ 'horizon': 'Horizon',
+ },
+ devServer: {
+ static: {
+ directory: path.join(__dirname, 'dist'),
+ },
+ open: 'panel.html',
+ port: 9000,
+ magicHtml: true,
+ },
+ plugins: [
+ new HtmlWebpackPlugin({
+ filename: 'panel.html',
+ template: './src/panel/panel.html'
+ }),
+ ],
+};