How to use Demo method in storybook-root

Best JavaScript code snippet using storybook-root

demo.function.js

Source:demo.function.js Github

copy

Full Screen

1define(function(require) {2 require("w!/UI2/system/components/justep/touch/demo/touchjs/mainActivity.w");3 require("w!/UI2/system/components/justep/windowDialog/demo/demo.w");4 require("w!/UI2/system/components/justep/messageDialog/demo/demo.w");5 require("w!/UI2/system/components/justep/menu/demo/base.w");6 require("w!/UI2/system/components/justep/controlGroup/demo/demo.w");7 require("w!/UI2/system/components/justep/list/demo/news.w");8 require("w!/UI2/system/components/justep/labelEdit/demo/demo.w");9 require("w!/UI2/system/components/justep/select/demo/select.w");10 require("w!/UI2/system/components/justep/button/demo/checkbox.w");11 require("w!/UI2/system/components/justep/button/demo/radio.w");12 require("w!/UI2/system/components/justep/button/demo/toggle.w");13 require("w!/UI2/system/components/justep/button/demo/button.w");14 require("w!/UI2/system/components/justep/textarea/demo/textarea.w");15 require("w!/UI2/system/components/justep/output/demo/output.w");16 require("w!/UI2/system/components/justep/input/demo/range.w");17 require("w!/UI2/system/components/justep/input/demo/input.w");18 require("w!/UI2/system/components/justep/windowContainer/demo/main.w");19 require("w!/UI2/system/components/justep/wing/demo/wing.w");20 require("w!/UI2/system/components/justep/attachment/demo/demoSimple.w");21 require("w!/UI2/system/components/justep/popMenu/demo/popMenu.w");22 require("w!/UI2/system/components/justep/popOver/demo/base.w");23 require("w!/UI2/system/components/justep/row/demo/base.w");24 require("w!/UI2/system/components/justep/scrollView/demo/list/demo.w");25 require("w!/UI2/system/components/bootstrap/row/demo/grid.w");26 require("w!/UI2/system/components/justep/panel/demo/panel.w");27 require("w!/UI2/system/components/justep/contents/demo/contents.w");28 require("w!/UI2/system/components/justep/model/demo/model.w");29 require("w!/UI2/system/components/justep/docCommon/demo/mainActivity.w");30 require("w!/UI2/demo/misc/todoMVC/index.w");31 require("w!/UI2/takeout/index.w");32 require("w!/UI2/demo/baas/complexData/index.w");33 require("w!/UI2/demo/baas/masterDetail/index.w");34 require("w!/UI2/demo/baas/simpleData/index.w");35 require("w!/UI2/demo/baas/treeData/index.w");36 require("w!/UI2/demo/baas/treeDelayLoad/index.w");37 require("w!/UI2/system/components/justep/data/demo/base.w");38 require("w!/UI2/system/components/justep/barcode/demo/demoBarcodeImage.w");39 require("w!/UI2/system/components/justep/distpicker/demo/demo.w");40 require("w!/UI2/system/components/justep/locker/demo/demo.w");41 require("w!/UI2/system/components/justep/datePicker/demo/demo.w");42 require("w!/UI2/system/components/justep/timer/demo/demo.w");43 44 require("w!/UI2/demo/register/indexActivity.w");45 require("w!/UI2/demo/tuniu/index.w");46 require("w!/UI2/demo/account/list.w");47 require("w!/UI2/demo/account/list.w");48 49 require("w!/UI2/demo/native/toast/index.w");50 require("w!/UI2/demo/native/downloader/index.w");51 require("w!/UI2/demo/native/fileOpener/index.w");52 require("w!/UI2/demo/native/open/index.w");53 require("w!/UI2/demo/native/keyboard/index.w");54 require("w!/UI2/demo/native/backgroundMode/index.w");55 require("w!/UI2/demo/native/clipboard/index.w");56 require("w!/UI2/demo/native/videoplayer/index.w");57 require("w!/UI2/demo/native/clearCache/index.w");58 require("w!/UI2/demo/native/accelerometer/mainActivity.w");59 require("w!/UI2/demo/native/camera/mainActivity.w");60 require("w!/UI2/demo/native/audio/mainActivity.w");61 require("w!/UI2/demo/native/barcode/mainActivity.w");62 require("w!/UI2/demo/native/geolocation/mainActivity.w");63 64 require("w!/UI2/demo/plugin/actionsheet/demo.w");65 require("w!/UI2/demo/plugin/appAvailability/demo.w");66 require("w!/UI2/demo/plugin/appVersion/demo.w");67 require("w!/UI2/demo/plugin/badge/demo.w");68 require("w!/UI2/demo/plugin/BLECentral/demo.w");69 require("w!/UI2/demo/plugin/baiduMap/main.w");70 require("w!/UI2/demo/plugin/calendar/demo.w");71 require("w!/UI2/demo/plugin/customURL/demo.w");72 require("w!/UI2/demo/plugin/device/demo.w");73 require("w!/UI2/demo/plugin/events/demo.w");74 require("w!/UI2/demo/plugin/iFlytek/demo.w");75 require("w!/UI2/demo/plugin/insomnia/demo.w");76 require("w!/UI2/demo/plugin/jpush/demo.w");77 require("w!/UI2/demo/plugin/notification/demo.w");78 require("w!/UI2/demo/plugin/preferences/demo.w");79 require("w!/UI2/demo/plugin/privacyscreen/demo.w");80 require("w!/UI2/demo/plugin/scanCard/demo.w");81 require("w!/UI2/demo/plugin/screenOrientation/demo.w");82 require("w!/UI2/demo/plugin/spinner/demo.w");83 require("w!/UI2/demo/plugin/statusbar/demo.w");84 require("w!/UI2/demo/plugin/template/demo.w");85 require("w!/UI2/demo/plugin/touchID/demo.w");86 require("w!/UI2/demo/plugin/voiceManager/demo.w");87 require("w!/UI2/demo/plugin/sim/demo.w");88 89 9091 require("w!/UI2/demo/native/sqlite/simpleData/index.w");92 require("w!/UI2/demo/native/sqlite/treeData/index.w");93 require("w!/UI2/demo/native/sqlite/treeDelayLoad/index.w");94 9596 require("w!/UI2/demo/native/share/index.w");97 require("w!/UI2/demo/native/shareInfo/index.w");98 require("w!/UI2/demo/native/voiceSearch/index.w");99 require("w!/UI2/system/components/justep/jssdk/demo/test.w");100 101 //require("w!/UI2/demo/takeoutNew/index.w");102 require("w!/UI2/demo/qqContacts/index.w");103 require("w!/UI2/demo/waterfall/index.w");104 require("w!/UI2/demo/dataByRestful/index.w");105 require("w!/UI2/demo/picCut/index.w");106 107 return {108 "$children" : [{109 "$children" : [{110 "$name" : "item",111 "$text" : "",112 "display" : "solid",113 "label" : "仿途牛",114 "psmCount" : "1",115 "url" : "/UI2/demo/tuniu/index_main.w"116 },{117 "$name" : "item",118 "$text" : "",119 "display" : "solid",120 "label" : "外卖",121 "psmCount" : "1",122 "url" : "/UI2/takeout/index.w"123 },/*{124 "$name" : "item",125 "$text" : "",126 "display" : "solid",127 "label" : "外卖(配合takeoutAdmin)",128 "psmCount" : "1",129 "url" : "/UI2/demo/takeoutNew/index.w"130 },*/{131 "$name" : "item",132 "$text" : "",133 "display" : "solid",134 "label" : "记账本",135 "psmCount" : "1",136 "url" : "/UI2/demo/account/list.w"137 },{138 "$name" : "item",139 "$text" : "",140 "display" : "solid",141 "label" : "记账本(data访问baas)",142 "psmCount" : "1",143 "url" : "/UI2/demo/account/list.w"144 },{145 "$name" : "item",146 "$text" : "",147 "display" : "solid",148 "label" : "QQ联系人列表",149 "psmCount" : "1",150 "url" : "/UI2/demo/qqContacts/index.w"151 }, {152 "$name" : "item",153 "$text" : "",154 "display" : "solid",155 "label" : "图片裁剪",156 "psmCount" : "1",157 "url" : "/UI2/demo/picCut/mainActivity.w"158 },{159 "$name" : "item",160 "$text" : "",161 "display" : "solid",162 "label" : "图片瀑布流",163 "psmCount" : "1",164 "url" : "/UI2/demo/waterfall/main.w"165 }, {166 "$name" : "item",167 "$text" : "",168 "display" : "solid",169 "label" : "RESTful(需单部署server)",170 "psmCount" : "1",171 "url" : "/UI2/demo/dataByRestful/index.w"172 }, {173 "$name" : "item",174 "$text" : "",175 "display" : "solid",176 "label" : "简单数据",177 "psmCount" : "1",178 "url" : "/UI2/demo/baas/simpleData/index.w"179 }, {180 "$name" : "item",181 "$text" : "",182 "display" : "solid",183 "label" : "复杂数据",184 "psmCount" : "1",185 "url" : "/UI2/demo/baas/complexData/index.w"186 }, {187 "$name" : "item",188 "$text" : "",189 "display" : "solid",190 "label" : "树形数据(一次加载)",191 "psmCount" : "1",192 "url" : "/UI2/demo/baas/treeData/index.w"193 }, {194 "$name" : "item",195 "$text" : "",196 "display" : "solid",197 "label" : "树形数据(逐级加载)",198 "psmCount" : "1",199 "url" : "/UI2/demo/baas/treeDelayLoad/index.w"200 }, {201 "$name" : "item",202 "$text" : "",203 "display" : "solid",204 "label" : "主从数据",205 "psmCount" : "1",206 "url" : "/UI2/demo/baas/masterDetail/index.w"207 }, {208 "$name" : "item",209 "$text" : "",210 "display" : "solid",211 "label" : "TodoMVC",212 "psmCount" : "1",213 "url" : "/UI2/demo/misc/todoMVC/index.w"214 } ,{215 "$name" : "item",216 "$text" : "",217 "display" : "solid",218 "label" : "内容分享1",219 "psmCount" : "1",220 "url" : "/UI2/demo/native/share/index.w"221 }, {222 "$name" : "item",223 "$text" : "",224 "display" : "solid",225 "label" : "内容分享2",226 "psmCount" : "1",227 "url" : "/UI2/demo/native/shareInfo/index.w"228 },{229 "$name" : "item",230 "$text" : "",231 "display" : "solid",232 "label" : "JSSDK",233 "psmCount" : "1",234 "url" : "/UI2/system/components/justep/jssdk/demo/test.w"235 } 236 ,{237 "$name" : "item",238 "$text" : "",239 "display" : "solid",240 "label" : "touchjs",241 "psmCount" : "1",242 "url" : "/UI2/system/components/justep/touch/demo/touchjs/mainActivity.w"243 }], 244 "$name" : "item",245 "$text" : "",246 "display" : "solid",247 "label" : "演示案例"248 }, {249 "$children" : [{250 "$name" : "item",251 "$text" : "",252 "display" : "solid",253 "label" : "model",254 "psmCount" : "1",255 "url" : "/UI2/system/components/justep/model/demo/model.w"256 }, {257 "$name" : "item",258 "$text" : "",259 "display" : "solid",260 "label" : "contents",261 "psmCount" : "1",262 "url" : "/UI2/system/components/justep/contents/demo/contents.w"263 }, {264 "$name" : "item",265 "$text" : "",266 "display" : "solid",267 "label" : "panel",268 "psmCount" : "1",269 "url" : "/UI2/system/components/justep/panel/demo/panel.w"270 }, {271 "$name" : "item",272 "$text" : "",273 "display" : "solid",274 "label" : "grid 9",275 "psmCount" : "1",276 "url" : "/UI2/system/components/bootstrap/row/demo/grid.w"277 /* scrollView在外卖等例子中已经体现278 }, {279 "$name" : "item",280 "$text" : "",281 "label" : "scrollView",282 "psmCount" : "1",283 "url" : "/UI2/system/components/justep/scrollView/demo/list/demo.w"284 */285 }, {286 "$name" : "item",287 "$text" : "",288 "display" : "solid",289 "label" : "row",290 "psmCount" : "1",291 "url" : "/UI2/system/components/justep/row/demo/base.w"292 }, {293 "$name" : "item",294 "$text" : "",295 "display" : "solid",296 "label" : "popOver",297 "psmCount" : "1",298 "url" : "/UI2/system/components/justep/popOver/demo/base.w"299 }, {300 "$name" : "item",301 "$text" : "",302 "display" : "solid",303 "label" : "popMenu",304 "psmCount" : "1",305 "url" : "/UI2/system/components/justep/popMenu/demo/popMenu.w"306 }, {307 "$name" : "item",308 "$text" : "",309 "display" : "solid",310 "label" : "wing",311 "psmCount" : "1",312 "url" : "/UI2/system/components/justep/wing/demo/wing.w"313 },{314 "$name" : "item",315 "$text" : "",316 "display" : "solid",317 "label" : "attachmentSimple",318 "psmCount" : "1",319 "url" : "/UI2/system/components/justep/attachment/demo/demoSimple.w"320 },{321 "$name" : "item",322 "$text" : "",323 "display" : "solid",324 "label" : "windowContainer",325 "psmCount" : "1",326 "url" : "/UI2/system/components/justep/windowContainer/demo/main.w"327 }, {328 "$name" : "item",329 "$text" : "",330 "label" : "input",331 "psmCount" : "1",332 "url" : "/UI2/system/components/justep/input/demo/input.w"333 }, {334 "$name" : "item",335 "$text" : "",336 "display" : "solid",337 "label" : "range",338 "psmCount" : "1",339 "url" : "/UI2/system/components/justep/input/demo/range.w"340 }, {341 "$name" : "item",342 "$text" : "",343 "display" : "solid",344 "label" : "output",345 "psmCount" : "1",346 "url" : "/UI2/system/components/justep/output/demo/output.w"347 }, {348 "$name" : "item",349 "$text" : "",350 "display" : "solid",351 "label" : "textarea",352 "psmCount" : "1",353 "url" : "/UI2/system/components/justep/textarea/demo/textarea.w"354 }, {355 "$name" : "item",356 "$text" : "",357 "display" : "solid",358 "label" : "button",359 "psmCount" : "1",360 "url" : "/UI2/system/components/justep/button/demo/button.w"361 }, {362 "$name" : "item",363 "$text" : "",364 "display" : "solid",365 "label" : "toggle",366 "psmCount" : "1",367 "url" : "/UI2/system/components/justep/button/demo/toggle.w"368 }, {369 "$name" : "item",370 "$text" : "",371 "display" : "solid",372 "label" : "radio",373 "psmCount" : "1",374 "url" : "/UI2/system/components/justep/button/demo/radio.w"375 }, {376 "$name" : "item",377 "$text" : "",378 "display" : "solid",379 "label" : "checkbox",380 "psmCount" : "1",381 "url" : "/UI2/system/components/justep/button/demo/checkbox.w"382 }, {383 "$name" : "item",384 "$text" : "",385 "display" : "solid",386 "label" : "select",387 "psmCount" : "1",388 "url" : "/UI2/system/components/justep/select/demo/select.w"389 }, {390 "$name" : "item",391 "$text" : "",392 "display" : "solid",393 "label" : "labelEdit",394 "psmCount" : "1",395 "url" : "/UI2/system/components/justep/labelEdit/demo/demo.w"396 }, {397 "$name" : "item",398 "$text" : "",399 "label" : "list",400 "psmCount" : "1",401 "url" : "/UI2/system/components/justep/list/demo/news.w"402 },{403 "$name" : "item",404 "$text" : "",405 "display" : "solid",406 "label" : "controlGroup",407 "psmCount" : "1",408 "url" : "/UI2/system/components/justep/controlGroup/demo/demo.w"409 }, {410 "$name" : "item",411 "$text" : "",412 "label" : "menu",413 "psmCount" : "1",414 "url" : "/UI2/system/components/justep/menu/demo/base.w"415 }, {416 "$name" : "item",417 "$text" : "",418 "display" : "solid",419 "label" : "messageDialog",420 "psmCount" : "1",421 "url" : "/UI2/system/components/justep/messageDialog/demo/demo.w"422 }, {423 "$name" : "item",424 "$text" : "",425 "display" : "solid",426 "label" : "windowDialog",427 "psmCount" : "1",428 "url" : "/UI2/system/components/justep/windowDialog/demo/demo.w"429 } ,{430 "$name" : "item",431 "$text" : "",432 "label" : "data",433 "psmCount" : "1",434 "url" : "/UI2/system/components/justep/data/demo/base.w"435 },{436 "$name" : "item",437 "$text" : "",438 "label" : "distpicker",439 "psmCount" : "1",440 "url" : "$UI/system/components/justep/distpicker/demo/demo.w"441 },{442 "$name" : "item",443 "$text" : "",444 "label" : "locker",445 "psmCount" : "1",446 "url" : "$UI/system/components/justep/locker/demo/demo.w"447 },{448 "$name" : "item",449 "$text" : "",450 "label" : "datePicker",451 "psmCount" : "1",452 "url" : "$UI/system/components/justep/datePicker/demo/demo.w"453 },{454 "$name" : "item",455 "$text" : "",456 "label" : "timer",457 "psmCount" : "1",458 "url" : "$UI/system/components/justep/timer/demo/demo.w"459 },460 {461 "$name" : "item",462 "$text" : "",463 "label" : "barcodeImage",464 "psmCount" : "1",465 "url" : "/UI2/system/components/justep/barcode/demo/demoBarcodeImage.w"466 }],467 "$name" : "item",468 "$text" : "",469 "label" : "组件"470 },{471 "$children" : [{472 "$name" : "item",473 "$text" : "",474 "display" : "solid",475 "label" : "toast",476 "psmCount" : "1",477 "url" : "/UI2/demo/native/toast/index.w"478 }479 , {480 "$name" : "item",481 "$text" : "",482 "display" : "solid",483 "label" : "downloader",484 "psmCount" : "1",485 "url" : "/UI2/demo/native/downloader/index.w"486 }487 , {488 "$name" : "item",489 "$text" : "",490 "display" : "solid",491 "label" : "fileOpener",492 "psmCount" : "1",493 "url" : "/UI2/demo/native/fileOpener/index.w"494 }495 , {496 "$name" : "item",497 "$text" : "",498 "display" : "solid",499 "label" : "open",500 "psmCount" : "1",501 "url" : "/UI2/demo/native/open/index.w"502 }503 , {504 "$name" : "item",505 "$text" : "",506 "display" : "solid",507 "label" : "keyboard",508 "psmCount" : "1",509 "url" : "/UI2/demo/native/keyboard/index.w"510 }511 , {512 "$name" : "item",513 "$text" : "",514 "display" : "solid",515 "label" : "backgroundMode",516 "psmCount" : "1",517 "url" : "/UI2/demo/native/backgroundMode/index.w"518 }519 , {520 "$name" : "item",521 "$text" : "",522 "display" : "solid",523 "label" : "clipboard",524 "psmCount" : "1",525 "url" : "/UI2/demo/native/clipboard/index.w"526 }527 , {528 "$name" : "item",529 "$text" : "",530 "display" : "solid",531 "label" : "videoplayer",532 "psmCount" : "1",533 "url" : "/UI2/demo/native/videoplayer/index.w"534 }535 , {536 "$name" : "item",537 "$text" : "",538 "display" : "solid",539 "label" : "clearCache",540 "psmCount" : "1",541 "url" : "/UI2/demo/native/clearCache/index.w"542 },{543 "$name" : "item",544 "$text" : "",545 "display" : "solid",546 "label" : "文件系统",547 "psmCount" : "1",548 "url" : "/UI2/system/components/justep/docCommon/demo/mainActivity.w"549 },{550 "$name" : "item",551 "$text" : "",552 "display" : "solid",553 "label" : "摄像头拍照/录像",554 "psmCount" : "1",555 "url" : "/UI2/demo/native/camera/mainActivity.w"556 }, {557 "$name" : "item",558 "$text" : "",559 "display" : "solid",560 "label" : "加速度传感器",561 "psmCount" : "1",562 "url" : "/UI2/demo/native/accelerometer/mainActivity.w"563 }, {564 "$name" : "item",565 "$text" : "",566 "display" : "solid",567 "label" : "音频录制/播放",568 "psmCount" : "1",569 "url" : "/UI2/demo/native/audio/mainActivity.w"570 }, {571 "$name" : "item",572 "$text" : "",573 "display" : "solid",574 "label" : "二维码扫描",575 "psmCount" : "1",576 "url" : "/UI2/demo/native/barcode/mainActivity.w"577 }, {578 "$name" : "item",579 "$text" : "",580 "display" : "solid",581 "label" : "地图/地理定位",582 "psmCount" : "1",583 "url" : "/UI2/demo/native/geolocation/mainActivity.w"584 }, {585 "$name" : "item",586 "$text" : "",587 "display" : "solid",588 "label" : "语音搜索",589 "psmCount" : "1",590 "url" : "/UI2/demo/native/voiceSearch/index.w"591 }, {592 "$name" : "item",593 "$text" : "",594 "display" : "solid",595 "label" : "actionsheet",596 "psmCount" : "1",597 "url" : "/UI2/demo/plugin/actionsheet/demo.w"598 }, {599 "$name" : "item",600 "$text" : "",601 "display" : "solid",602 "label" : "appAvailability",603 "psmCount" : "1",604 "url" : "/UI2/demo/plugin/appAvailability/demo.w"605 }, {606 "$name" : "item",607 "$text" : "",608 "display" : "solid",609 "label" : "appVersion",610 "psmCount" : "1",611 "url" : "/UI2/demo/plugin/appVersion/demo.w"612 }, {613 "$name" : "item",614 "$text" : "",615 "display" : "solid",616 "label" : "badge",617 "psmCount" : "1",618 "url" : "/UI2/demo/plugin/badge/demo.w"619 }, {620 "$name" : "item",621 "$text" : "",622 "display" : "solid",623 "label" : "baiduMap",624 "psmCount" : "1",625 "url" : "/UI2/demo/plugin/baiduMap/main.w"626 }, {627 "$name" : "item",628 "$text" : "",629 "display" : "solid",630 "label" : "jPush",631 "psmCount" : "1",632 "url" : "/UI2/demo/plugin/jpush/demo.w"633 }, {634 "$name" : "item",635 "$text" : "",636 "display" : "solid",637 "label" : "calendar",638 "psmCount" : "1",639 "url" : "/UI2/demo/plugin/calendar/demo.w"640 }, {641 "$name" : "item",642 "$text" : "",643 "display" : "solid",644 "label" : "customURL",645 "psmCount" : "1",646 "url" : "/UI2/demo/plugin/customURL/demo.w"647 }, {648 "$name" : "item",649 "$text" : "",650 "display" : "solid",651 "label" : "device",652 "psmCount" : "1",653 "url" : "/UI2/demo/plugin/device/demo.w"654 }, {655 "$name" : "item",656 "$text" : "",657 "display" : "solid",658 "label" : "events",659 "psmCount" : "1",660 "url" : "/UI2/demo/plugin/events/demo.w"661 }, {662 "$name" : "item",663 "$text" : "",664 "display" : "solid",665 "label" : "iFlytek",666 "psmCount" : "1",667 "url" : "/UI2/demo/plugin/iFlytek/demo.w"668 }, {669 "$name" : "item",670 "$text" : "",671 "display" : "solid",672 "label" : "insomnia",673 "psmCount" : "1",674 "url" : "/UI2/demo/plugin/insomnia/demo.w"675 }, {676 "$name" : "item",677 "$text" : "",678 "display" : "solid",679 "label" : "preferences",680 "psmCount" : "1",681 "url" : "/UI2/demo/plugin/preferences/demo.w"682 }, {683 "$name" : "item",684 "$text" : "",685 "display" : "solid",686 "label" : "privacyscreen",687 "psmCount" : "1",688 "url" : "/UI2/demo/plugin/privacyscreen/demo.w"689 }, {690 "$name" : "item",691 "$text" : "",692 "display" : "solid",693 "label" : "scanCard",694 "psmCount" : "1",695 "url" : "/UI2/demo/plugin/scanCard/demo.w"696 }, {697 "$name" : "item",698 "$text" : "",699 "display" : "solid",700 "label" : "screenOrientation",701 "psmCount" : "1",702 "url" : "/UI2/demo/plugin/screenOrientation/demo.w"703 }, {704 "$name" : "item",705 "$text" : "",706 "display" : "solid",707 "label" : "spinner",708 "psmCount" : "1",709 "url" : "/UI2/demo/plugin/spinner/demo.w"710 }, {711 "$name" : "item",712 "$text" : "",713 "display" : "solid",714 "label" : "statusbar",715 "psmCount" : "1",716 "url" : "/UI2/demo/plugin/statusbar/demo.w"717 }, {718 "$name" : "item",719 "$text" : "",720 "display" : "solid",721 "label" : "touchID",722 "psmCount" : "1",723 "url" : "/UI2/demo/plugin/touchID/demo.w"724 }, {725 "$name" : "item",726 "$text" : "",727 "display" : "solid",728 "label" : "voiceManager",729 "psmCount" : "1",730 "url" : "/UI2/demo/plugin/voiceManager/demo.w"731 }, {732 "$name" : "item",733 "$text" : "",734 "display" : "solid",735 "label" : "sim",736 "psmCount" : "1",737 "url" : "/UI2/demo/plugin/sim/demo.w"738 }, {739 "$name" : "item",740 "$text" : "",741 "display" : "solid",742 "label" : "notification",743 "psmCount" : "1",744 "url" : "/UI2/demo/plugin/notification/demo.w"745 }, {746 "$name" : "item",747 "$text" : "",748 "display" : "solid",749 "label" : "BLECentral",750 "psmCount" : "1",751 "url" : "/UI2/demo/plugin/BLECentral/demo.w"752 }753 ], 754 "$name" : "item",755 "$text" : "",756 "display" : "solid",757 "label" : "cordova"758 }, {759 "$children" : [ {760 "$name" : "item",761 "$text" : "",762 "display" : "solid",763 "label" : "Sqlite数据存取",764 "psmCount" : "1",765 "url" : "/UI2/demo/sqlite/simpleData/index.w"766 }, {767 "$name" : "item",768 "$text" : "",769 "display" : "solid",770 "label" : "Sqlite树形一次加载",771 "psmCount" : "1",772 "url" : "/UI2/demo/sqlite/treeData/index.w"773 }, {774 "$name" : "item",775 "$text" : "",776 "display" : "solid",777 "label" : "Sqlite树形逐级加载",778 "psmCount" : "1",779 "url" : "/UI2/demo/sqlite/treeDelayLoad/index.w"780 } ],781 "$name" : "item",782 "$text" : "",783 "display" : "solid",784 "label" : "Sqlite案例"785 } ],786 "$name" : "root",787 "$text" : ""788 }; ...

Full Screen

Full Screen

comp.ts

Source:comp.ts Github

copy

Full Screen

1import type { AppRouteModule } from '/@/router/types';2import { getParentLayout, LAYOUT } from '/@/router/constant';3import { t } from '/@/hooks/web/useI18n';4const comp: AppRouteModule = {5 path: '/comp',6 name: 'Comp',7 component: LAYOUT,8 redirect: '/comp/basic',9 meta: {10 orderNo: 30,11 icon: 'ion:layers-outline',12 title: t('routes.demo.comp.comp'),13 },14 children: [15 {16 path: 'basic',17 name: 'BasicDemo',18 component: () => import('/@/views/demo/comp/button/index.vue'),19 meta: {20 title: t('routes.demo.comp.basic'),21 },22 },23 {24 path: 'form',25 name: 'FormDemo',26 redirect: '/comp/form/basic',27 component: getParentLayout('FormDemo'),28 meta: {29 // icon: 'mdi:form-select',30 title: t('routes.demo.form.form'),31 },32 children: [33 {34 path: 'basic',35 name: 'FormBasicDemo',36 component: () => import('/@/views/demo/form/index.vue'),37 meta: {38 title: t('routes.demo.form.basic'),39 },40 },41 {42 path: 'useForm',43 name: 'UseFormDemo',44 component: () => import('/@/views/demo/form/UseForm.vue'),45 meta: {46 title: t('routes.demo.form.useForm'),47 },48 },49 {50 path: 'refForm',51 name: 'RefFormDemo',52 component: () => import('/@/views/demo/form/RefForm.vue'),53 meta: {54 title: t('routes.demo.form.refForm'),55 },56 },57 {58 path: 'advancedForm',59 name: 'AdvancedFormDemo',60 component: () => import('/@/views/demo/form/AdvancedForm.vue'),61 meta: {62 title: t('routes.demo.form.advancedForm'),63 },64 },65 {66 path: 'ruleForm',67 name: 'RuleFormDemo',68 component: () => import('/@/views/demo/form/RuleForm.vue'),69 meta: {70 title: t('routes.demo.form.ruleForm'),71 },72 },73 {74 path: 'dynamicForm',75 name: 'DynamicFormDemo',76 component: () => import('/@/views/demo/form/DynamicForm.vue'),77 meta: {78 title: t('routes.demo.form.dynamicForm'),79 },80 },81 {82 path: 'customerForm',83 name: 'CustomerFormDemo',84 component: () => import('/@/views/demo/form/CustomerForm.vue'),85 meta: {86 title: t('routes.demo.form.customerForm'),87 },88 },89 {90 path: 'appendForm',91 name: 'appendFormDemo',92 component: () => import('/@/views/demo/form/AppendForm.vue'),93 meta: {94 title: t('routes.demo.form.appendForm'),95 },96 },97 ],98 },99 {100 path: 'table',101 name: 'TableDemo',102 redirect: '/comp/table/basic',103 component: getParentLayout('TableDemo'),104 meta: {105 // icon: 'carbon:table-split',106 title: t('routes.demo.table.table'),107 },108 children: [109 {110 path: 'basic',111 name: 'TableBasicDemo',112 component: () => import('/@/views/demo/table/Basic.vue'),113 meta: {114 title: t('routes.demo.table.basic'),115 },116 },117 {118 path: 'treeTable',119 name: 'TreeTableDemo',120 component: () => import('/@/views/demo/table/TreeTable.vue'),121 meta: {122 title: t('routes.demo.table.treeTable'),123 },124 },125 {126 path: 'fetchTable',127 name: 'FetchTableDemo',128 component: () => import('/@/views/demo/table/FetchTable.vue'),129 meta: {130 title: t('routes.demo.table.fetchTable'),131 },132 },133 {134 path: 'fixedColumn',135 name: 'FixedColumnDemo',136 component: () => import('/@/views/demo/table/FixedColumn.vue'),137 meta: {138 title: t('routes.demo.table.fixedColumn'),139 },140 },141 {142 path: 'customerCell',143 name: 'CustomerCellDemo',144 component: () => import('/@/views/demo/table/CustomerCell.vue'),145 meta: {146 title: t('routes.demo.table.customerCell'),147 },148 },149 {150 path: 'formTable',151 name: 'FormTableDemo',152 component: () => import('/@/views/demo/table/FormTable.vue'),153 meta: {154 title: t('routes.demo.table.formTable'),155 },156 },157 {158 path: 'useTable',159 name: 'UseTableDemo',160 component: () => import('/@/views/demo/table/UseTable.vue'),161 meta: {162 title: t('routes.demo.table.useTable'),163 },164 },165 {166 path: 'refTable',167 name: 'RefTableDemo',168 component: () => import('/@/views/demo/table/RefTable.vue'),169 meta: {170 title: t('routes.demo.table.refTable'),171 },172 },173 {174 path: 'multipleHeader',175 name: 'MultipleHeaderDemo',176 component: () => import('/@/views/demo/table/MultipleHeader.vue'),177 meta: {178 title: t('routes.demo.table.multipleHeader'),179 },180 },181 {182 path: 'mergeHeader',183 name: 'MergeHeaderDemo',184 component: () => import('/@/views/demo/table/MergeHeader.vue'),185 meta: {186 title: t('routes.demo.table.mergeHeader'),187 },188 },189 {190 path: 'expandTable',191 name: 'ExpandTableDemo',192 component: () => import('/@/views/demo/table/ExpandTable.vue'),193 meta: {194 title: t('routes.demo.table.expandTable'),195 },196 },197 {198 path: 'fixedHeight',199 name: 'FixedHeightDemo',200 component: () => import('/@/views/demo/table/FixedHeight.vue'),201 meta: {202 title: t('routes.demo.table.fixedHeight'),203 },204 },205 {206 path: 'footerTable',207 name: 'FooterTableDemo',208 component: () => import('/@/views/demo/table/FooterTable.vue'),209 meta: {210 title: t('routes.demo.table.footerTable'),211 },212 },213 {214 path: 'editCellTable',215 name: 'EditCellTableDemo',216 component: () => import('/@/views/demo/table/EditCellTable.vue'),217 meta: {218 title: t('routes.demo.table.editCellTable'),219 },220 },221 {222 path: 'editRowTable',223 name: 'EditRowTableDemo',224 component: () => import('/@/views/demo/table/EditRowTable.vue'),225 meta: {226 title: t('routes.demo.table.editRowTable'),227 },228 },229 {230 path: 'authColumn',231 name: 'AuthColumnDemo',232 component: () => import('/@/views/demo/table/AuthColumn.vue'),233 meta: {234 title: t('routes.demo.table.authColumn'),235 },236 },237 {238 path: 'resizeParentHeightTable',239 name: 'ResizeParentHeightTable',240 component: () => import('/@/views/demo/table/ResizeParentHeightTable.vue'),241 meta: {242 title: t('routes.demo.table.resizeParentHeightTable'),243 },244 },245 ],246 },247 {248 path: 'transition',249 name: 'transitionDemo',250 component: () => import('/@/views/demo/comp/transition/index.vue'),251 meta: {252 title: t('routes.demo.comp.transition'),253 },254 },255 {256 path: 'cropper',257 name: 'CropperDemo',258 component: () => import('/@/views/demo/comp/cropper/index.vue'),259 meta: {260 title: t('routes.demo.comp.cropperImage'),261 },262 },263 {264 path: 'timestamp',265 name: 'TimeDemo',266 component: () => import('/@/views/demo/comp/time/index.vue'),267 meta: {268 title: t('routes.demo.comp.time'),269 },270 },271 {272 path: 'countTo',273 name: 'CountTo',274 component: () => import('/@/views/demo/comp/count-to/index.vue'),275 meta: {276 title: t('routes.demo.comp.countTo'),277 },278 },279 {280 path: 'tree',281 name: 'TreeDemo',282 redirect: '/comp/tree/basic',283 component: getParentLayout('TreeDemo'),284 meta: {285 // icon: 'clarity:tree-view-line',286 title: t('routes.demo.comp.tree'),287 },288 children: [289 {290 path: 'basic',291 name: 'BasicTreeDemo',292 component: () => import('/@/views/demo/tree/index.vue'),293 meta: {294 title: t('routes.demo.comp.treeBasic'),295 },296 },297 {298 path: 'editTree',299 name: 'EditTreeDemo',300 component: () => import('/@/views/demo/tree/EditTree.vue'),301 meta: {302 title: t('routes.demo.comp.editTree'),303 },304 },305 {306 path: 'actionTree',307 name: 'ActionTreeDemo',308 component: () => import('/@/views/demo/tree/ActionTree.vue'),309 meta: {310 title: t('routes.demo.comp.actionTree'),311 },312 },313 ],314 },315 {316 path: 'editor',317 name: 'EditorDemo',318 redirect: '/comp/editor/markdown',319 component: getParentLayout('EditorDemo'),320 meta: {321 // icon: 'carbon:table-split',322 title: t('routes.demo.editor.editor'),323 },324 children: [325 {326 path: 'json',327 component: () => import('/@/views/demo/editor/json/index.vue'),328 name: 'JsonEditorDemo',329 meta: {330 title: t('routes.demo.editor.jsonEditor'),331 },332 },333 {334 path: 'markdown',335 component: getParentLayout('MarkdownDemo'),336 name: 'MarkdownDemo',337 meta: {338 title: t('routes.demo.editor.markdown'),339 },340 redirect: '/comp/editor/markdown/index',341 children: [342 {343 path: 'index',344 name: 'MarkDownBasicDemo',345 component: () => import('/@/views/demo/editor/markdown/index.vue'),346 meta: {347 title: t('routes.demo.editor.tinymceBasic'),348 },349 },350 {351 path: 'editor',352 name: 'MarkDownFormDemo',353 component: () => import('/@/views/demo/editor/markdown/Editor.vue'),354 meta: {355 title: t('routes.demo.editor.tinymceForm'),356 },357 },358 ],359 },360 {361 path: 'tinymce',362 component: getParentLayout('TinymceDemo'),363 name: 'TinymceDemo',364 meta: {365 title: t('routes.demo.editor.tinymce'),366 },367 redirect: '/comp/editor/tinymce/index',368 children: [369 {370 path: 'index',371 name: 'TinymceBasicDemo',372 component: () => import('/@/views/demo/editor/tinymce/index.vue'),373 meta: {374 title: t('routes.demo.editor.tinymceBasic'),375 },376 },377 {378 path: 'editor',379 name: 'TinymceFormDemo',380 component: () => import('/@/views/demo/editor/tinymce/Editor.vue'),381 meta: {382 title: t('routes.demo.editor.tinymceForm'),383 },384 },385 ],386 },387 ],388 },389 {390 path: 'scroll',391 name: 'ScrollDemo',392 redirect: '/comp/scroll/basic',393 component: getParentLayout('ScrollDemo'),394 meta: {395 title: t('routes.demo.comp.scroll'),396 },397 children: [398 {399 path: 'basic',400 name: 'BasicScrollDemo',401 component: () => import('/@/views/demo/comp/scroll/index.vue'),402 meta: {403 title: t('routes.demo.comp.scrollBasic'),404 },405 },406 {407 path: 'action',408 name: 'ActionScrollDemo',409 component: () => import('/@/views/demo/comp/scroll/Action.vue'),410 meta: {411 title: t('routes.demo.comp.scrollAction'),412 },413 },414 {415 path: 'virtualScroll',416 name: 'VirtualScrollDemo',417 component: () => import('/@/views/demo/comp/scroll/VirtualScroll.vue'),418 meta: {419 title: t('routes.demo.comp.virtualScroll'),420 },421 },422 ],423 },424 {425 path: 'modal',426 name: 'ModalDemo',427 component: () => import('/@/views/demo/comp/modal/index.vue'),428 meta: {429 title: t('routes.demo.comp.modal'),430 },431 },432 {433 path: 'drawer',434 name: 'DrawerDemo',435 component: () => import('/@/views/demo/comp/drawer/index.vue'),436 meta: {437 title: t('routes.demo.comp.drawer'),438 },439 },440 {441 path: 'desc',442 name: 'DescDemo',443 component: () => import('/@/views/demo/comp/desc/index.vue'),444 meta: {445 title: t('routes.demo.comp.desc'),446 },447 },448 {449 path: 'lazy',450 name: 'LazyDemo',451 component: getParentLayout('LazyDemo'),452 redirect: '/comp/lazy/basic',453 meta: {454 title: t('routes.demo.comp.lazy'),455 },456 children: [457 {458 path: 'basic',459 name: 'BasicLazyDemo',460 component: () => import('/@/views/demo/comp/lazy/index.vue'),461 meta: {462 title: t('routes.demo.comp.lazyBasic'),463 },464 },465 {466 path: 'transition',467 name: 'BasicTransitionDemo',468 component: () => import('/@/views/demo/comp/lazy/Transition.vue'),469 meta: {470 title: t('routes.demo.comp.lazyTransition'),471 },472 },473 ],474 },475 {476 path: 'verify',477 name: 'VerifyDemo',478 component: getParentLayout('VerifyDemo'),479 redirect: '/comp/verify/drag',480 meta: {481 title: t('routes.demo.comp.verify'),482 },483 children: [484 {485 path: 'drag',486 name: 'VerifyDragDemo',487 component: () => import('/@/views/demo/comp/verify/index.vue'),488 meta: {489 title: t('routes.demo.comp.verifyDrag'),490 },491 },492 {493 path: 'rotate',494 name: 'VerifyRotateDemo',495 component: () => import('/@/views/demo/comp/verify/Rotate.vue'),496 meta: {497 title: t('routes.demo.comp.verifyRotate'),498 },499 },500 ],501 },502 //503 {504 path: 'qrcode',505 name: 'QrCodeDemo',506 component: () => import('/@/views/demo/comp/qrcode/index.vue'),507 meta: {508 title: t('routes.demo.comp.qrcode'),509 },510 },511 {512 path: 'strength-meter',513 name: 'StrengthMeterDemo',514 component: () => import('/@/views/demo/comp/strength-meter/index.vue'),515 meta: {516 title: t('routes.demo.comp.strength'),517 },518 },519 {520 path: 'upload',521 name: 'UploadDemo',522 component: () => import('/@/views/demo/comp/upload/index.vue'),523 meta: {524 title: t('routes.demo.comp.upload'),525 },526 },527 {528 path: 'loading',529 name: 'LoadingDemo',530 component: () => import('/@/views/demo/comp/loading/index.vue'),531 meta: {532 title: t('routes.demo.comp.loading'),533 },534 },535 {536 path: 'cardList',537 name: 'CardListDemo',538 component: () => import('/@/views/demo/comp/card-list/index.vue'),539 meta: {540 title: t('routes.demo.comp.cardList'),541 },542 },543 ],544};...

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { Demo } from 'storybook-root';2import { Demo } from 'storybook-root/Demo';3import { Demo } from 'storybook-root';4import { Demo } from 'storybook-root/Demo';5import { Demo } from 'storybook-root';6import { Demo } from 'storybook-root/Demo';7import { Demo } from 'storybook-root';8import { Demo } from 'storybook-root/Demo';9import { Demo } from 'storybook-root';10import { Demo } from 'storybook-root/Demo';11import { Demo } from 'storybook-root';12import { Demo } from 'storybook-root/Demo';13import { Demo } from 'storybook-root';14import { Demo } from 'storybook-root/Demo';15import { Demo } from 'storybook-root';16import { Demo } from 'storybook-root/Demo';17import { Demo } from 'storybook-root';18import { Demo } from 'storybook-root/Demo';19import { Demo } from 'storybook-root';20import { Demo } from 'storybook-root/Demo';21import { Demo } from 'storybook-root';22import { Demo } from 'storybook-root/Demo';23import { Demo } from 'storybook-root';24import { Demo } from 'storybook-root/Demo';25import { Demo } from 'storybook-root';26import { Demo } from 'storybook-root/Demo';27import { Demo } from 'storybook-root';28import { Demo } from 'storybook-root/D

Full Screen

Using AI Code Generation

copy

Full Screen

1import { Demo } from 'storybook-root';2import { Demo } from 'storybook-root/lib/Demo';3import { Demo } from 'storybook-root';4import { Demo } from 'storybook-root/lib/Demo';5I have tried to import the component as6import { Demo } from 'storybook-root/lib/Demo';7I have tried to import the component as8import { Demo } from 'storybook-root';9I have tried to import the component as10import Demo from 'storybook-root/lib/Demo';11I have tried to import the component as12import Demo from 'storybook-root';13I have tried to import the component as14import Demo from 'storybook-root/Demo';15I have tried to import the component as16import Demo from 'storybook-root/lib/Demo/Demo';17I have tried to import the component as18import Demo from 'storybook-root/Demo/Demo';19I have tried to import the component as20import Demo from 'storybook-root/Demo';21I have tried to import the component as22import Demo from 'storybook-root/lib/Demo/index';23I have tried to import the component as24import Demo from 'storybook-root/lib/Demo/index.js';25I have tried to import the component as26import Demo from 'storybook-root/lib/Demo/index.jsx';27I have tried to import the component as28import Demo from 'storybook-root/lib/Demo/index.ts';29I have tried to import the component as30import Demo from 'storybook-root/lib/Demo/index.tsx';31I have tried to import the component as32import Demo from 'storybook-root/lib/Demo/index.json';33I have tried to import the component as34import Demo from 'storybook-root/lib/Demo/index.css';35I have tried to import the component as36import Demo from 'storybook-root/lib/Demo/index.scss';37I have tried to import the component as38import Demo from 'storybook-root/lib/Demo/index.less';

Full Screen

Using AI Code Generation

copy

Full Screen

1import { Demo } from 'storybook-root';2Demo();3import { configure } from '@storybook/react';4import { setOptions } from '@storybook/addon-options';5import { addDecorator } from '@storybook/react';6import { withInfo } from '@storybook/addon-info';7import { withKnobs } from '@storybook/addon-knobs';8import { withOptions } from '@storybook/addon-options';9import { withA11y } from '@storybook/addon-a11y';10import { withTests } from '@storybook/addon-jest';11import results from '../.jest-test-results.json';12addDecorator(13 withInfo({14 styles: stylesheet => {15 stylesheet.infoBody = {16 };17 return stylesheet;18 },19 }),20);21addDecorator(withKnobs);22addDecorator(23 withOptions({

Full Screen

Using AI Code Generation

copy

Full Screen

1import { Demo } from 'storybook-root';2export { Demo } from './src/Demo';3export { Demo } from './Demo';4export { Demo } from './Demo';5export { Demo } from './Demo';6export { Demo } from './Demo';7export { Demo } from './Demo';8export { Demo } from './Demo';9export { Demo } from './Demo';10export { Demo } from './Demo';11export { Demo } from './Demo';12export { Demo } from './Demo';13export { Demo } from './Demo';14export { Demo } from './Demo';

Full Screen

Using AI Code Generation

copy

Full Screen

1import { Demo } from 'storybook-root';2const App = () => {3 return <Demo />;4};5export default App;6import App from './test.js';7ReactDOM.render(<App />, document.getElementById('root'));

Full Screen

Using AI Code Generation

copy

Full Screen

1import { Demo } from 'storybook-root';2const Test = () => {3 return <Demo />;4};5export default Test;6"dependencies": {7}8module.exports = {9 stories: ['../**/*.stories.@(js|jsx|ts|tsx)'],10 webpackFinal: async (config) => {11 config.resolve.alias['storybook-root'] = path.resolve(__dirname, '../');12 return config;13 },14};15import { addDecorator } from '@storybook/react';16import { withThemesProvider } from 'storybook-addon-styled-component-theme';17import { GlobalStyle } from 'storybook-root';18import { themes } from '@storybook/theming';19import { ThemeProvider } from 'styled-components';20import { theme } from 'storybook-root';21addDecorator(withThemesProvider([theme]));22 (Story) => (23 <ThemeProvider theme={theme}>24];25export const parameters = {26 actions: { argTypesRegex: '^on[A-Z].*' },27 backgrounds: {28 {29 },30 {31 },32 },33};

Full Screen

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.

LambdaTest Learning Hubs:

YouTube

You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.

Run storybook-root automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful