From f428a540a46089e66f3ace0bea449d590f7877d7 Mon Sep 17 00:00:00 2001 From: xujiang Date: Tue, 27 Apr 2021 01:17:02 +0800 Subject: [PATCH] =?UTF-8?q?:new:=20=E6=9B=B4=E6=96=B0dooring=E6=96=87?= =?UTF-8?q?=E6=A1=A3,=E6=B7=BB=E5=8A=A0schema=E8=AE=BE=E8=AE=A1=E6=B3=A8?= =?UTF-8?q?=E9=87=8A,=20=E7=BC=96=E8=BE=91=E7=B1=BB=E5=9E=8B=E6=9E=9A?= =?UTF-8?q?=E4=B8=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- doc-dist/404.html | 6 +- ...les.3b9b3a9c.css => 0.styles.690c58c3.css} | 2 +- .../js/{10.57c980fd.js => 10.c3aa487f.js} | 6 +- .../js/{11.a47e2d9b.js => 11.4dfd0b43.js} | 6 +- .../js/{12.9eddd902.js => 12.639e1894.js} | 6 +- .../js/{13.663fc48e.js => 13.e30615b0.js} | 6 +- .../js/{18.8be51919.js => 18.3e6eaba0.js} | 2 +- .../js/{19.c5cc8e35.js => 19.4abe8428.js} | 2 +- .../js/{20.09f15f46.js => 20.eb3d4a7f.js} | 2 +- doc-dist/assets/js/21.390bb49b.js | 380 -------- doc-dist/assets/js/21.acd348b3.js | 824 ++++++++++++++++++ .../js/{23.9bda2ced.js => 23.3c312dd7.js} | 2 +- .../js/{25.e454a69e.js => 25.b3baaa9c.js} | 2 +- .../js/{26.bf8cc2c2.js => 26.5755449d.js} | 2 +- .../js/{27.18814355.js => 27.9151272d.js} | 2 +- .../js/{4.d198a40c.js => 4.2121e1d8.js} | 8 +- .../js/{5.82171d89.js => 5.615d527f.js} | 8 +- .../js/{7.e7b0462e.js => 7.f3022582.js} | 10 +- .../js/{9.c9c11d43.js => 9.5e6217e4.js} | 2 +- .../js/{app.04dfb0e4.js => app.ac490cc9.js} | 538 ++++++------ doc-dist/index.html | 6 +- doc-dist/zh/guide/building.html | 6 +- .../zh/guide/componentDev/DSLAnalysis.html | 6 +- .../componentDev/componentStructure.html | 94 +- .../zh/guide/componentDev/dynamicLoading.html | 6 +- doc-dist/zh/guide/deployDev/api.html | 6 +- doc-dist/zh/guide/deployDev/deploy.html | 8 +- doc-dist/zh/guide/deployDev/https.html | 6 +- doc-dist/zh/guide/deployDev/oss.html | 6 +- doc-dist/zh/guide/directoryStructure.html | 6 +- .../functionRealization/machinePreview.html | 6 +- .../functionRealization/pagePreview.html | 6 +- .../guide/functionRealization/revocation.html | 6 +- .../guide/functionRealization/saveJson.html | 6 +- .../guide/functionRealization/screenshot.html | 6 +- .../functionRealization/templateLibrary.html | 6 +- doc-dist/zh/guide/index.html | 6 +- doc-dist/zh/guide/introduced.html | 6 +- doc-dist/zh/guide/startedQuickly.html | 6 +- .../guide/componentDev/componentStructure.md | 118 +++ 40 files changed, 1393 insertions(+), 745 deletions(-) rename doc-dist/assets/css/{0.styles.3b9b3a9c.css => 0.styles.690c58c3.css} (97%) rename doc-dist/assets/js/{10.57c980fd.js => 10.c3aa487f.js} (95%) rename doc-dist/assets/js/{11.a47e2d9b.js => 11.4dfd0b43.js} (98%) rename doc-dist/assets/js/{12.9eddd902.js => 12.639e1894.js} (90%) rename doc-dist/assets/js/{13.663fc48e.js => 13.e30615b0.js} (90%) rename doc-dist/assets/js/{18.8be51919.js => 18.3e6eaba0.js} (94%) rename doc-dist/assets/js/{19.c5cc8e35.js => 19.4abe8428.js} (95%) rename doc-dist/assets/js/{20.09f15f46.js => 20.eb3d4a7f.js} (99%) delete mode 100644 doc-dist/assets/js/21.390bb49b.js create mode 100644 doc-dist/assets/js/21.acd348b3.js rename doc-dist/assets/js/{23.9bda2ced.js => 23.3c312dd7.js} (99%) rename doc-dist/assets/js/{25.e454a69e.js => 25.b3baaa9c.js} (99%) rename doc-dist/assets/js/{26.bf8cc2c2.js => 26.5755449d.js} (99%) rename doc-dist/assets/js/{27.18814355.js => 27.9151272d.js} (98%) rename doc-dist/assets/js/{4.d198a40c.js => 4.2121e1d8.js} (88%) rename doc-dist/assets/js/{5.82171d89.js => 5.615d527f.js} (89%) rename doc-dist/assets/js/{7.e7b0462e.js => 7.f3022582.js} (84%) rename doc-dist/assets/js/{9.c9c11d43.js => 9.5e6217e4.js} (99%) rename doc-dist/assets/js/{app.04dfb0e4.js => app.ac490cc9.js} (98%) diff --git a/doc-dist/404.html b/doc-dist/404.html index 2777857..8f7da0c 100644 --- a/doc-dist/404.html +++ b/doc-dist/404.html @@ -8,13 +8,13 @@ - - + +

404

Looks like we've got some broken links.
Take me home.
- + diff --git a/doc-dist/assets/css/0.styles.3b9b3a9c.css b/doc-dist/assets/css/0.styles.690c58c3.css similarity index 97% rename from doc-dist/assets/css/0.styles.3b9b3a9c.css rename to doc-dist/assets/css/0.styles.690c58c3.css index 5e09b4f..5d19ff0 100644 --- a/doc-dist/assets/css/0.styles.3b9b3a9c.css +++ b/doc-dist/assets/css/0.styles.690c58c3.css @@ -1 +1 @@ -/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;padding:0}article,aside,footer,header,nav,section{display:block}h1,h2,h3,h4,h5{margin:0;padding:0}figcaption,figure,main{display:block}figure{margin:0;padding:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#329aff}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;padding:0}button,input{overflow:visible;outline:none}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}input{outline:none}body,html{scrollbar-arrow-color:#d1d5db;scrollbar-face-color:#d1d5db;scrollbar-3dlight-color:#d1d5db;scrollbar-highlight-color:#d1d5db;scrollbar-shadow-color:#d1d5db;scrollbar-darkshadow-color:#d1d5db;scrollbar-track-color:#d1d5db;scrollbar-base-color:#f4f5f9}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#d1d5db}dd,dl,dt,ul li{padding:0;margin:0}button{cursor:pointer;border:none}button[disabled]{cursor:not-allowed}.nav-link.external .outbound{display:none}.nav-link.external:last-child{color:#fff;background-color:#083ac4;border-color:#083ac4;padding:6px 14px;border-radius:4px}.doc-main{padding-top:88px;padding-left:380px}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.theme-default-content code{color:#476582;padding:.25rem .5rem;margin:0;font-size:.85em;background-color:rgba(27,31,35,.05);border-radius:3px}.theme-default-content code .token.deleted{color:#ec5975}.theme-default-content code .token.inserted{color:#083ac4}.theme-default-content pre,.theme-default-content pre[class*=language-]{line-height:1.4;padding:1.25rem 1.5rem;margin:.85rem 0;background-color:#282c34;border-radius:6px;overflow:auto}.theme-default-content pre[class*=language-] code,.theme-default-content pre code{color:#fff;padding:0;background-color:transparent;border-radius:0}div[class*=language-]{position:relative;background-color:#282c34;border-radius:6px}div[class*=language-] .highlight-lines{-webkit-user-select:none;-ms-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.4}div[class*=language-] .highlight-lines .highlighted{background-color:rgba(0,0,0,.66)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{background:transparent;position:relative;z-index:1}div[class*=language-]:before{position:absolute;z-index:3;top:.8em;right:1em;font-size:.75rem;color:hsla(0,0%,100%,.4)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{content:" ";position:absolute;z-index:3;left:0;top:0;display:block;width:3.5rem;height:100%;background-color:rgba(0,0,0,.66)}div[class*=language-].line-numbers-mode pre{padding-left:4.5rem;vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:3.5rem;text-align:center;color:hsla(0,0%,100%,.3);padding:1.25rem 0;line-height:1.4}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:.85em}div[class*=language-].line-numbers-mode:after{content:"";position:absolute;z-index:2;top:0;left:0;width:3.5rem;height:100%;border-radius:6px 0 0 6px;border-right:1px solid rgba(0,0,0,.66);background-color:#282c34}div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before{content:"ts"}div[class~=language-html]:before{content:"html"}div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-py]:before{content:"py"}div[class~=language-docker]:before{content:"docker"}div[class~=language-dockerfile]:before{content:"dockerfile"}div[class~=language-makefile]:before{content:"makefile"}div[class~=language-javascript]:before{content:"js"}div[class~=language-typescript]:before{content:"ts"}div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before{content:"md"}div[class~=language-json]:before{content:"json"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}div[class~=language-bash]:before{content:"sh"}div[class~=language-php]:before{content:"php"}.custom-block .custom-block-title{font-weight:600;margin-bottom:-.4rem}.custom-block.danger,.custom-block.tip,.custom-block.warning{padding:.1rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-block.tip{background-color:#f3f5f7;border-color:#42b983}.custom-block.warning{background-color:rgba(255,229,100,.3);border-color:#e7c000;color:#6b5900}.custom-block.warning .custom-block-title{color:#b29400}.custom-block.warning a{color:#2c3e50}.custom-block.danger{background-color:#ffe6e6;border-color:#c00;color:#4d0000}.custom-block.danger .custom-block-title{color:#900}.custom-block.danger a{color:#2c3e50}.custom-block.details{display:block;position:relative;border-radius:2px;margin:1.6em 0;padding:1.6em;background-color:#eee}.custom-block.details h4{margin-top:0}.custom-block.details figure:last-child,.custom-block.details p:last-child{margin-bottom:0;padding-bottom:0}.custom-block.details summary{outline:none;cursor:pointer}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid #ccc}.arrow.down,.arrow.up{border-left:4px solid transparent;border-right:4px solid transparent}.arrow.down{border-top:6px solid #ccc}.arrow.right{border-left:6px solid #ccc}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid #ccc}.theme-default-content:not(.custom){max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.theme-default-content:not(.custom){padding:2rem}}@media (max-width:419px){.theme-default-content:not(.custom){padding:1.5rem}}.table-of-contents .badge{vertical-align:middle}body,html{padding:0;margin:0;background-color:#fff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#2c3e50}.page{padding-left:20rem}.navbar{z-index:20;right:0;height:3.6rem;background-color:#fff;box-sizing:border-box;border-bottom:1px solid #eaecef}.navbar,.sidebar-mask{position:fixed;top:0;left:0}.sidebar-mask{z-index:9;width:100vw;height:100vh;display:none}.sidebar{font-size:16px;background-color:#fff;width:20rem;position:fixed;z-index:10;margin:0;top:3.6rem;left:0;bottom:0;box-sizing:border-box;border-right:1px solid #eaecef;overflow-y:auto}.theme-default-content:not(.custom)>:first-child{margin-top:3.6rem}.theme-default-content:not(.custom) a:hover{text-decoration:underline}.theme-default-content:not(.custom) p.demo{padding:1rem 1.5rem;border:1px solid #ddd;border-radius:4px}.theme-default-content:not(.custom) img{max-width:100%}.theme-default-content.custom{padding:0;margin:0}.theme-default-content.custom img{max-width:100%}a{font-weight:500;text-decoration:none}a,p a code{color:#083ac4}p a code{font-weight:400}kbd{background:#eee;border:.15rem solid #ddd;border-bottom:.25rem solid #ddd;border-radius:.15rem;padding:0 .15em}blockquote{font-size:1rem;color:#999;border-left:.2rem solid #dfe2e5;margin:1rem 0;padding:.25rem 0 .25rem 1rem}blockquote>p{margin:0}ol,ul{padding-left:1.2em}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.theme-default-content:not(.custom)>h1,.theme-default-content:not(.custom)>h2,.theme-default-content:not(.custom)>h3,.theme-default-content:not(.custom)>h4,.theme-default-content:not(.custom)>h5,.theme-default-content:not(.custom)>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.theme-default-content:not(.custom)>h1:first-child,.theme-default-content:not(.custom)>h2:first-child,.theme-default-content:not(.custom)>h3:first-child,.theme-default-content:not(.custom)>h4:first-child,.theme-default-content:not(.custom)>h5:first-child,.theme-default-content:not(.custom)>h6:first-child{margin-top:-1.5rem;margin-bottom:1rem}.theme-default-content:not(.custom)>h1:first-child+.custom-block,.theme-default-content:not(.custom)>h1:first-child+p,.theme-default-content:not(.custom)>h1:first-child+pre,.theme-default-content:not(.custom)>h2:first-child+.custom-block,.theme-default-content:not(.custom)>h2:first-child+p,.theme-default-content:not(.custom)>h2:first-child+pre,.theme-default-content:not(.custom)>h3:first-child+.custom-block,.theme-default-content:not(.custom)>h3:first-child+p,.theme-default-content:not(.custom)>h3:first-child+pre,.theme-default-content:not(.custom)>h4:first-child+.custom-block,.theme-default-content:not(.custom)>h4:first-child+p,.theme-default-content:not(.custom)>h4:first-child+pre,.theme-default-content:not(.custom)>h5:first-child+.custom-block,.theme-default-content:not(.custom)>h5:first-child+p,.theme-default-content:not(.custom)>h5:first-child+pre,.theme-default-content:not(.custom)>h6:first-child+.custom-block,.theme-default-content:not(.custom)>h6:first-child+p,.theme-default-content:not(.custom)>h6:first-child+pre{margin-top:2rem}h1:focus .header-anchor,h1:hover .header-anchor,h2:focus .header-anchor,h2:hover .header-anchor,h3:focus .header-anchor,h3:hover .header-anchor,h4:focus .header-anchor,h4:hover .header-anchor,h5:focus .header-anchor,h5:hover .header-anchor,h6:focus .header-anchor,h6:hover .header-anchor{opacity:1}h1{font-size:2.2rem}h2{font-size:1.65rem;padding-bottom:.3rem;border-bottom:1px solid #eaecef}h3{font-size:1.35rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;opacity:0}a.header-anchor:focus,a.header-anchor:hover{text-decoration:none}.line-number,code,kbd{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ol,p,ul{line-height:1.7}hr{border:0;border-top:1px solid #eaecef}table{border-collapse:collapse;margin:1rem 0;display:block;overflow-x:auto}tr{border-top:1px solid #dfe2e5}tr:nth-child(2n){background-color:#f6f8fa}td,th{border:1px solid #dfe2e5;padding:.6em 1em}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .theme-default-content:not(.custom)>h1,.theme-container.no-navbar h2,.theme-container.no-navbar h3,.theme-container.no-navbar h4,.theme-container.no-navbar h5,.theme-container.no-navbar h6{margin-top:1.5rem;padding-top:0}.theme-container.no-navbar .sidebar{top:0}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:959px){.sidebar{font-size:15px;width:16.4rem}.page{padding-left:16.4rem}}@media (max-width:719px){.sidebar{top:0;padding-top:3.6rem;transform:translateX(-100%);transition:transform .2s ease}.page{padding-left:0}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.no-navbar .sidebar{padding-top:0}}@media (max-width:419px){h1{font-size:1.9rem}.theme-default-content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}#nprogress{pointer-events:none}#nprogress .bar{background:#083ac4;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #083ac4,0 0 5px #083ac4;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#083ac4 transparent transparent #083ac4;border-style:solid;border-width:2px;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.search-box{display:inline-block;position:relative;margin-right:1rem}.search-box input{cursor:text;width:10rem;height:2rem;color:#4e6e8e;display:inline-block;border:1px solid #cfd4db;border-radius:2rem;font-size:.9rem;line-height:2rem;padding:0 .5rem 0 2rem;outline:none;transition:all .2s ease;background:#fff url(/doc/assets/img/search.83621669.svg) .6rem .5rem no-repeat;background-size:1rem}.search-box input:focus{cursor:auto;border-color:#083ac4}.search-box .suggestions{background:#fff;width:20rem;position:absolute;top:2rem;border:1px solid #cfd4db;border-radius:6px;padding:.4rem;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{line-height:1.4;padding:.4rem .6rem;border-radius:4px;cursor:pointer}.search-box .suggestion a{white-space:normal;color:#5d82a6}.search-box .suggestion a .page-title{font-weight:600}.search-box .suggestion a .header{font-size:.9em;margin-left:.25em}.search-box .suggestion.focused{background-color:#f3f4f5}.search-box .suggestion.focused a{color:#083ac4}@media (max-width:959px){.search-box input{cursor:pointer;width:0;border-color:transparent;position:relative}.search-box input:focus{cursor:text;left:0;width:10rem}}@media (-ms-high-contrast:none){.search-box input{height:2rem}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box input{left:1rem}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box .suggestions{width:calc(100vw - 4rem)}.search-box input:focus{width:8rem}}.sidebar-button{cursor:pointer;display:none;width:1.25rem;height:1.25rem;position:absolute;padding:.6rem;top:.6rem;left:1rem}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (max-width:719px){.sidebar-button{display:block}}.dropdown-enter,.dropdown-leave-to{height:0!important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title,.dropdown-wrapper .mobile-dropdown-title{display:block;font-size:.9rem;font-family:inherit;cursor:inherit;padding:inherit;line-height:1.4rem;background:transparent;border:none;font-weight:500;color:#2c3e50}.dropdown-wrapper .dropdown-title:hover,.dropdown-wrapper .mobile-dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow,.dropdown-wrapper .mobile-dropdown-title .arrow{vertical-align:middle;margin-top:-1px;margin-left:.4rem}.dropdown-wrapper .mobile-dropdown-title{display:none;font-weight:600}.dropdown-wrapper .mobile-dropdown-title font-size inherit:hover{color:#083ac4}.dropdown-wrapper .nav-dropdown .dropdown-item{color:inherit;line-height:1.7rem}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;border-top:1px solid #eee;padding:1rem 1.5rem .45rem 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem{font-size:.9em}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:0 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active,.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:#083ac4}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{content:"";width:0;height:0;border-left:5px solid #083ac4;border-top:3px solid transparent;border-bottom:3px solid transparent;position:absolute;top:calc(50% - 2px);left:9px}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .dropdown-title{display:none}.dropdown-wrapper .mobile-dropdown-title{display:block}.dropdown-wrapper .nav-dropdown{transition:height .1s ease-out;overflow:hidden}.dropdown-wrapper .nav-dropdown .dropdown-item h4{border-top:0;margin-top:0;padding-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{font-size:15px;line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{font-size:14px;padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper.open .nav-dropdown,.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper.open:blur{display:none}.dropdown-wrapper .nav-dropdown{display:none;height:auto!important;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;position:absolute;top:100%;right:0;background-color:#fff;padding:.6rem 0;border:1px solid;border-color:#ddd #ddd #ccc;text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}}.nav-links{display:inline-block}.nav-links a{line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:#083ac4}.nav-links .nav-item{position:relative;display:inline-block;margin-left:1.5rem;line-height:2rem}.nav-links .nav-item:first-child{margin-left:0}.nav-links .repo-link{margin-left:1.5rem}@media (max-width:719px){.nav-links .nav-item,.nav-links .repo-link{margin-left:0}}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:#2c3e50}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid #0941dc}}.navbar{padding:.7rem 1.5rem;line-height:2.2rem}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar .logo{height:2.2rem;min-width:2.2rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{font-size:1.3rem;font-weight:600;color:#2c3e50;position:relative}.navbar .links{padding-left:1.5rem;box-sizing:border-box;background-color:#fff;white-space:nowrap;font-size:.9rem;position:absolute;right:1.5rem;top:.7rem;display:flex}.navbar .links .search-box{flex:0 0 auto;vertical-align:top}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}.navbar .links{padding-left:1.5rem}.navbar .site-name{width:calc(100vw - 9.4rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.page-edit{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-edit{padding:2rem}}@media (max-width:419px){.page-edit{padding:1.5rem}}.page-edit{padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .edit-link{display:inline-block}.page-edit .edit-link a{color:#4e6e8e;margin-right:.25rem}.page-edit .last-updated{float:right;font-size:.9em}.page-edit .last-updated .prefix{font-weight:500;color:#4e6e8e}.page-edit .last-updated .time{font-weight:400;color:#767676}@media (max-width:719px){.page-edit .edit-link{margin-bottom:.5rem}.page-edit .last-updated{font-size:.8em;float:none;text-align:left}}.page-nav{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-nav{padding:2rem}}@media (max-width:419px){.page-nav{padding:1.5rem}}.page-nav{padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;margin-top:0;border-top:1px solid #eaecef;padding-top:1rem;overflow:auto}.page-nav .next{float:right}.page{padding-bottom:2rem;display:block}.sidebar-group .sidebar-group{padding-left:.5em}.sidebar-group:not(.collapsable) .sidebar-heading:not(.clickable){cursor:auto;color:inherit}.sidebar-group.is-sub-group{padding-left:0}.sidebar-group.is-sub-group>.sidebar-heading{font-size:.95em;line-height:1.4;font-weight:400;padding-left:2rem}.sidebar-group.is-sub-group>.sidebar-heading:not(.clickable){opacity:.5}.sidebar-group.is-sub-group>.sidebar-group-items{padding-left:1rem}.sidebar-group.is-sub-group>.sidebar-group-items>li>.sidebar-link{font-size:.95em;border-left:none}.sidebar-group.depth-2>.sidebar-heading{border-left:none}.sidebar-heading{color:#2c3e50;transition:color .15s ease;cursor:pointer;font-size:1.1em;font-weight:700;padding:.35rem 1.5rem .35rem 1.25rem;width:100%;box-sizing:border-box;margin:0;border-left:.25rem solid transparent}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12em;left:.5em}.sidebar-heading.clickable.active{font-weight:600;color:#083ac4;border-left-color:#083ac4}.sidebar-heading.clickable:hover{color:#083ac4}.sidebar-group-items{transition:height .1s ease-out;font-size:.95em;overflow:hidden}.sidebar .sidebar-sub-headers{padding-left:1rem;font-size:.95em}a.sidebar-link{font-size:1em;font-weight:400;display:inline-block;color:#2c3e50;border-left:.25rem solid transparent;padding:.35rem 1rem .35rem 1.25rem;line-height:1.4;width:100%;box-sizing:border-box}a.sidebar-link:hover{color:#083ac4}a.sidebar-link.active{font-weight:600;color:#083ac4;border-left-color:#083ac4}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:500}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;border-bottom:1px solid #eaecef;padding:.5rem 0 .75rem}.sidebar .nav-links a{font-weight:600}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;line-height:1.25rem;font-size:1.1em;padding:.5rem 0 .5rem 1.5rem}.sidebar>.sidebar-links{padding:1.5rem 0}.sidebar>.sidebar-links>li>a.sidebar-link{font-size:1.1em;line-height:1.7;font-weight:700}.sidebar>.sidebar-links>li:not(:first-child){margin-top:.75rem}@media (max-width:719px){.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar>.sidebar-links{padding:1rem 0}}.container{max-width:1080px;margin:0 auto;display:block}.home{padding:3.6rem 0;display:block;max-width:none;margin:initial;background-color:#f5f8fe}.home .hero{text-align:center}.home .hero img{width:190px;height:50px;display:inline-block;margin:initial;margin-bottom:0;margin-right:20px;vertical-align:sub}.home .hero h1{font-size:1.5rem;font-weight:600}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.8rem auto}.home .hero .description{max-width:35rem;font-size:1.6rem;line-height:1.3;color:#6a8bad}.home .hero .action-button{display:inline-block;font-size:1rem;color:#fff;background-color:#083ac4;padding:.4rem 2rem;border-radius:4px;transition:background-color .1s ease;box-sizing:border-box;border-bottom:1px solid #0734b0}.home .hero .action-button:hover{background-color:#0943e1}.home .features{border-top:1px solid #eaecef;padding:80px 0;background-color:#fff;margin-top:2.5rem}.home .features .container{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between}.home .feature{flex-grow:1;flex-basis:30%;max-width:27%;border-radius:8px;padding:20px 22px;box-shadow:0 0 8px rgba(0,0,0,.1)}.home .feature .feature-index{border-radius:4px;background-color:#083ac4;width:50px;line-height:50px;color:#fff;font-size:20px;text-align:center;margin-bottom:6px;box-shadow:1px 0 0 0 rgba(0,0,0,.1)}.home .feature h2{font-size:1.4rem;font-weight:500;border-bottom:none;padding-bottom:0;color:#3a5169}.home .feature p{color:#4e6e8e}.home .footer{padding:2.5rem;border-top:1px solid #eaecef;text-align:center;color:#4e6e8e}@media (max-width:719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media (max-width:419px){.home{padding-left:1.5rem;padding-right:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero h1{font-size:2rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.2rem auto}.home .hero .description{font-size:1.2rem}.home .hero .action-button{font-size:1rem;padding:.6rem 1.2rem}.home .feature h2{font-size:1.25rem}}.theme-code-block[data-v-6d04095e]{display:none}.theme-code-block__active[data-v-6d04095e]{display:block}.theme-code-block>pre[data-v-6d04095e]{background-color:orange}.badge[data-v-15b7b770]{display:inline-block;font-size:14px;height:18px;line-height:18px;border-radius:3px;padding:0 6px;color:#fff}.badge.green[data-v-15b7b770],.badge.tip[data-v-15b7b770],.badge[data-v-15b7b770]{background-color:#42b983}.badge.error[data-v-15b7b770]{background-color:#da5961}.badge.warn[data-v-15b7b770],.badge.warning[data-v-15b7b770],.badge.yellow[data-v-15b7b770]{background-color:#e7c000}.badge+.badge[data-v-15b7b770]{margin-left:5px}.theme-code-group__nav[data-v-32c2d7ed]{margin-bottom:-35px;background-color:#282c34;padding-bottom:22px;border-top-left-radius:6px;border-top-right-radius:6px;padding-left:10px;padding-top:10px}.theme-code-group__ul[data-v-32c2d7ed]{margin:auto 0;padding-left:0;display:inline-flex;list-style:none}.theme-code-group__nav-tab[data-v-32c2d7ed]{border:0;padding:5px;cursor:pointer;background-color:transparent;font-size:.85em;line-height:1.4;color:hsla(0,0%,100%,.9);font-weight:600}.theme-code-group__nav-tab-active[data-v-32c2d7ed]{border-bottom:1px solid #42b983}.pre-blank[data-v-32c2d7ed]{color:#42b983} \ No newline at end of file +/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;padding:0}article,aside,footer,header,nav,section{display:block}h1,h2,h3,h4,h5{margin:0;padding:0}figcaption,figure,main{display:block}figure{margin:0;padding:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#329aff}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;padding:0}button,input{overflow:visible;outline:none}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}input{outline:none}body,html{scrollbar-arrow-color:#d1d5db;scrollbar-face-color:#d1d5db;scrollbar-3dlight-color:#d1d5db;scrollbar-highlight-color:#d1d5db;scrollbar-shadow-color:#d1d5db;scrollbar-darkshadow-color:#d1d5db;scrollbar-track-color:#d1d5db;scrollbar-base-color:#f4f5f9}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#d1d5db}dd,dl,dt,ul li{padding:0;margin:0}button{cursor:pointer;border:none}button[disabled]{cursor:not-allowed}.nav-link.external .outbound{display:none}.nav-link.external:last-child{color:#fff;background-color:#083ac4;border-color:#083ac4;padding:6px 14px;border-radius:4px}.doc-main{padding-top:88px;padding-left:380px}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.theme-default-content code{color:#476582;padding:.25rem .5rem;margin:0;font-size:.85em;background-color:rgba(27,31,35,.05);border-radius:3px}.theme-default-content code .token.deleted{color:#ec5975}.theme-default-content code .token.inserted{color:#083ac4}.theme-default-content pre,.theme-default-content pre[class*=language-]{line-height:1.4;padding:1.25rem 1.5rem;margin:.85rem 0;background-color:#282c34;border-radius:6px;overflow:auto}.theme-default-content pre[class*=language-] code,.theme-default-content pre code{color:#fff;padding:0;background-color:transparent;border-radius:0}div[class*=language-]{position:relative;background-color:#282c34;border-radius:6px}div[class*=language-] .highlight-lines{-webkit-user-select:none;-ms-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.4}div[class*=language-] .highlight-lines .highlighted{background-color:rgba(0,0,0,.66)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{background:transparent;position:relative;z-index:1}div[class*=language-]:before{position:absolute;z-index:3;top:.8em;right:1em;font-size:.75rem;color:hsla(0,0%,100%,.4)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{content:" ";position:absolute;z-index:3;left:0;top:0;display:block;width:3.5rem;height:100%;background-color:rgba(0,0,0,.66)}div[class*=language-].line-numbers-mode pre{padding-left:4.5rem;vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:3.5rem;text-align:center;color:hsla(0,0%,100%,.3);padding:1.25rem 0;line-height:1.4}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:.85em}div[class*=language-].line-numbers-mode:after{content:"";position:absolute;z-index:2;top:0;left:0;width:3.5rem;height:100%;border-radius:6px 0 0 6px;border-right:1px solid rgba(0,0,0,.66);background-color:#282c34}div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before{content:"ts"}div[class~=language-html]:before{content:"html"}div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-py]:before{content:"py"}div[class~=language-docker]:before{content:"docker"}div[class~=language-dockerfile]:before{content:"dockerfile"}div[class~=language-makefile]:before{content:"makefile"}div[class~=language-javascript]:before{content:"js"}div[class~=language-typescript]:before{content:"ts"}div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before{content:"md"}div[class~=language-json]:before{content:"json"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}div[class~=language-bash]:before{content:"sh"}div[class~=language-php]:before{content:"php"}.custom-block .custom-block-title{font-weight:600;margin-bottom:-.4rem}.custom-block.danger,.custom-block.tip,.custom-block.warning{padding:.1rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-block.tip{background-color:#f3f5f7;border-color:#42b983}.custom-block.warning{background-color:rgba(255,229,100,.3);border-color:#e7c000;color:#6b5900}.custom-block.warning .custom-block-title{color:#b29400}.custom-block.warning a{color:#2c3e50}.custom-block.danger{background-color:#ffe6e6;border-color:#c00;color:#4d0000}.custom-block.danger .custom-block-title{color:#900}.custom-block.danger a{color:#2c3e50}.custom-block.details{display:block;position:relative;border-radius:2px;margin:1.6em 0;padding:1.6em;background-color:#eee}.custom-block.details h4{margin-top:0}.custom-block.details figure:last-child,.custom-block.details p:last-child{margin-bottom:0;padding-bottom:0}.custom-block.details summary{outline:none;cursor:pointer}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid #ccc}.arrow.down,.arrow.up{border-left:4px solid transparent;border-right:4px solid transparent}.arrow.down{border-top:6px solid #ccc}.arrow.right{border-left:6px solid #ccc}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid #ccc}.theme-default-content:not(.custom){max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.theme-default-content:not(.custom){padding:2rem}}@media (max-width:419px){.theme-default-content:not(.custom){padding:1.5rem}}.table-of-contents .badge{vertical-align:middle}body,html{padding:0;margin:0;background-color:#fff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#2c3e50}.page{padding-left:20rem}.navbar{z-index:20;right:0;height:3.6rem;background-color:#fff;box-sizing:border-box;border-bottom:1px solid #eaecef}.navbar,.sidebar-mask{position:fixed;top:0;left:0}.sidebar-mask{z-index:9;width:100vw;height:100vh;display:none}.sidebar{font-size:16px;background-color:#fff;width:20rem;position:fixed;z-index:10;margin:0;top:3.6rem;left:0;bottom:0;box-sizing:border-box;border-right:1px solid #eaecef;overflow-y:auto}.theme-default-content:not(.custom)>:first-child{margin-top:3.6rem}.theme-default-content:not(.custom) a:hover{text-decoration:underline}.theme-default-content:not(.custom) p.demo{padding:1rem 1.5rem;border:1px solid #ddd;border-radius:4px}.theme-default-content:not(.custom) img{max-width:100%}.theme-default-content.custom{padding:0;margin:0}.theme-default-content.custom img{max-width:100%}a{font-weight:500;text-decoration:none}a,p a code{color:#083ac4}p a code{font-weight:400}kbd{background:#eee;border:.15rem solid #ddd;border-bottom:.25rem solid #ddd;border-radius:.15rem;padding:0 .15em}blockquote{font-size:1rem;color:#999;border-left:.2rem solid #dfe2e5;margin:1rem 0;padding:.25rem 0 .25rem 1rem}blockquote>p{margin:0}ol,ul{padding-left:1.2em}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.theme-default-content:not(.custom)>h1,.theme-default-content:not(.custom)>h2,.theme-default-content:not(.custom)>h3,.theme-default-content:not(.custom)>h4,.theme-default-content:not(.custom)>h5,.theme-default-content:not(.custom)>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.theme-default-content:not(.custom)>h1:first-child,.theme-default-content:not(.custom)>h2:first-child,.theme-default-content:not(.custom)>h3:first-child,.theme-default-content:not(.custom)>h4:first-child,.theme-default-content:not(.custom)>h5:first-child,.theme-default-content:not(.custom)>h6:first-child{margin-top:-1.5rem;margin-bottom:1rem}.theme-default-content:not(.custom)>h1:first-child+.custom-block,.theme-default-content:not(.custom)>h1:first-child+p,.theme-default-content:not(.custom)>h1:first-child+pre,.theme-default-content:not(.custom)>h2:first-child+.custom-block,.theme-default-content:not(.custom)>h2:first-child+p,.theme-default-content:not(.custom)>h2:first-child+pre,.theme-default-content:not(.custom)>h3:first-child+.custom-block,.theme-default-content:not(.custom)>h3:first-child+p,.theme-default-content:not(.custom)>h3:first-child+pre,.theme-default-content:not(.custom)>h4:first-child+.custom-block,.theme-default-content:not(.custom)>h4:first-child+p,.theme-default-content:not(.custom)>h4:first-child+pre,.theme-default-content:not(.custom)>h5:first-child+.custom-block,.theme-default-content:not(.custom)>h5:first-child+p,.theme-default-content:not(.custom)>h5:first-child+pre,.theme-default-content:not(.custom)>h6:first-child+.custom-block,.theme-default-content:not(.custom)>h6:first-child+p,.theme-default-content:not(.custom)>h6:first-child+pre{margin-top:2rem}h1:focus .header-anchor,h1:hover .header-anchor,h2:focus .header-anchor,h2:hover .header-anchor,h3:focus .header-anchor,h3:hover .header-anchor,h4:focus .header-anchor,h4:hover .header-anchor,h5:focus .header-anchor,h5:hover .header-anchor,h6:focus .header-anchor,h6:hover .header-anchor{opacity:1}h1{font-size:2.2rem}h2{font-size:1.65rem;padding-bottom:.3rem;border-bottom:1px solid #eaecef}h3{font-size:1.35rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;opacity:0}a.header-anchor:focus,a.header-anchor:hover{text-decoration:none}.line-number,code,kbd{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ol,p,ul{line-height:1.7}hr{border:0;border-top:1px solid #eaecef}table{border-collapse:collapse;margin:1rem 0;display:block;overflow-x:auto}tr{border-top:1px solid #dfe2e5}tr:nth-child(2n){background-color:#f6f8fa}td,th{border:1px solid #dfe2e5;padding:.6em 1em}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .theme-default-content:not(.custom)>h1,.theme-container.no-navbar h2,.theme-container.no-navbar h3,.theme-container.no-navbar h4,.theme-container.no-navbar h5,.theme-container.no-navbar h6{margin-top:1.5rem;padding-top:0}.theme-container.no-navbar .sidebar{top:0}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:959px){.sidebar{font-size:15px;width:16.4rem}.page{padding-left:16.4rem}}@media (max-width:719px){.sidebar{top:0;padding-top:3.6rem;transform:translateX(-100%);transition:transform .2s ease}.page{padding-left:0}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.no-navbar .sidebar{padding-top:0}}@media (max-width:419px){h1{font-size:1.9rem}.theme-default-content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}#nprogress{pointer-events:none}#nprogress .bar{background:#083ac4;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #083ac4,0 0 5px #083ac4;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#083ac4 transparent transparent #083ac4;border-style:solid;border-width:2px;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.search-box{display:inline-block;position:relative;margin-right:1rem}.search-box input{cursor:text;width:10rem;height:2rem;color:#4e6e8e;display:inline-block;border:1px solid #cfd4db;border-radius:2rem;font-size:.9rem;line-height:2rem;padding:0 .5rem 0 2rem;outline:none;transition:all .2s ease;background:#fff url(/doc/assets/img/search.83621669.svg) .6rem .5rem no-repeat;background-size:1rem}.search-box input:focus{cursor:auto;border-color:#083ac4}.search-box .suggestions{background:#fff;width:20rem;position:absolute;top:2rem;border:1px solid #cfd4db;border-radius:6px;padding:.4rem;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{line-height:1.4;padding:.4rem .6rem;border-radius:4px;cursor:pointer}.search-box .suggestion a{white-space:normal;color:#5d82a6}.search-box .suggestion a .page-title{font-weight:600}.search-box .suggestion a .header{font-size:.9em;margin-left:.25em}.search-box .suggestion.focused{background-color:#f3f4f5}.search-box .suggestion.focused a{color:#083ac4}@media (max-width:959px){.search-box input{cursor:pointer;width:0;border-color:transparent;position:relative}.search-box input:focus{cursor:text;left:0;width:10rem}}@media (-ms-high-contrast:none){.search-box input{height:2rem}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box input{left:1rem}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box .suggestions{width:calc(100vw - 4rem)}.search-box input:focus{width:8rem}}.sidebar-button{cursor:pointer;display:none;width:1.25rem;height:1.25rem;position:absolute;padding:.6rem;top:.6rem;left:1rem}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (max-width:719px){.sidebar-button{display:block}}.dropdown-enter,.dropdown-leave-to{height:0!important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title,.dropdown-wrapper .mobile-dropdown-title{display:block;font-size:.9rem;font-family:inherit;cursor:inherit;padding:inherit;line-height:1.4rem;background:transparent;border:none;font-weight:500;color:#2c3e50}.dropdown-wrapper .dropdown-title:hover,.dropdown-wrapper .mobile-dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow,.dropdown-wrapper .mobile-dropdown-title .arrow{vertical-align:middle;margin-top:-1px;margin-left:.4rem}.dropdown-wrapper .mobile-dropdown-title{display:none;font-weight:600}.dropdown-wrapper .mobile-dropdown-title font-size inherit:hover{color:#083ac4}.dropdown-wrapper .nav-dropdown .dropdown-item{color:inherit;line-height:1.7rem}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;border-top:1px solid #eee;padding:1rem 1.5rem .45rem 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem{font-size:.9em}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:0 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active,.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:#083ac4}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{content:"";width:0;height:0;border-left:5px solid #083ac4;border-top:3px solid transparent;border-bottom:3px solid transparent;position:absolute;top:calc(50% - 2px);left:9px}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .dropdown-title{display:none}.dropdown-wrapper .mobile-dropdown-title{display:block}.dropdown-wrapper .nav-dropdown{transition:height .1s ease-out;overflow:hidden}.dropdown-wrapper .nav-dropdown .dropdown-item h4{border-top:0;margin-top:0;padding-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{font-size:15px;line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{font-size:14px;padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper.open .nav-dropdown,.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper.open:blur{display:none}.dropdown-wrapper .nav-dropdown{display:none;height:auto!important;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;position:absolute;top:100%;right:0;background-color:#fff;padding:.6rem 0;border:1px solid;border-color:#ddd #ddd #ccc;text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}}.nav-links{display:inline-block}.nav-links a{line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:#083ac4}.nav-links .nav-item{position:relative;display:inline-block;margin-left:1.5rem;line-height:2rem}.nav-links .nav-item:first-child{margin-left:0}.nav-links .repo-link{margin-left:1.5rem}@media (max-width:719px){.nav-links .nav-item,.nav-links .repo-link{margin-left:0}}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:#2c3e50}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid #0941dc}}.navbar{padding:.7rem 1.5rem;line-height:2.2rem}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar .logo{height:2.2rem;min-width:2.2rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{font-size:1.3rem;font-weight:600;color:#2c3e50;position:relative}.navbar .links{padding-left:1.5rem;box-sizing:border-box;background-color:#fff;white-space:nowrap;font-size:.9rem;position:absolute;right:1.5rem;top:.7rem;display:flex}.navbar .links .search-box{flex:0 0 auto;vertical-align:top}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}.navbar .links{padding-left:1.5rem}.navbar .site-name{width:calc(100vw - 9.4rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.page-edit{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-edit{padding:2rem}}@media (max-width:419px){.page-edit{padding:1.5rem}}.page-edit{padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .edit-link{display:inline-block}.page-edit .edit-link a{color:#4e6e8e;margin-right:.25rem}.page-edit .last-updated{float:right;font-size:.9em}.page-edit .last-updated .prefix{font-weight:500;color:#4e6e8e}.page-edit .last-updated .time{font-weight:400;color:#767676}@media (max-width:719px){.page-edit .edit-link{margin-bottom:.5rem}.page-edit .last-updated{font-size:.8em;float:none;text-align:left}}.page-nav{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-nav{padding:2rem}}@media (max-width:419px){.page-nav{padding:1.5rem}}.page-nav{padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;margin-top:0;border-top:1px solid #eaecef;padding-top:1rem;overflow:auto}.page-nav .next{float:right}.page{padding-bottom:2rem;display:block}.sidebar-group .sidebar-group{padding-left:.5em}.sidebar-group:not(.collapsable) .sidebar-heading:not(.clickable){cursor:auto;color:inherit}.sidebar-group.is-sub-group{padding-left:0}.sidebar-group.is-sub-group>.sidebar-heading{font-size:.95em;line-height:1.4;font-weight:400;padding-left:2rem}.sidebar-group.is-sub-group>.sidebar-heading:not(.clickable){opacity:.5}.sidebar-group.is-sub-group>.sidebar-group-items{padding-left:1rem}.sidebar-group.is-sub-group>.sidebar-group-items>li>.sidebar-link{font-size:.95em;border-left:none}.sidebar-group.depth-2>.sidebar-heading{border-left:none}.sidebar-heading{color:#2c3e50;transition:color .15s ease;cursor:pointer;font-size:1.1em;font-weight:700;padding:.35rem 1.5rem .35rem 1.25rem;width:100%;box-sizing:border-box;margin:0;border-left:.25rem solid transparent}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12em;left:.5em}.sidebar-heading.clickable.active{font-weight:600;color:#083ac4;border-left-color:#083ac4}.sidebar-heading.clickable:hover{color:#083ac4}.sidebar-group-items{transition:height .1s ease-out;font-size:.95em;overflow:hidden}.sidebar .sidebar-sub-headers{padding-left:1rem;font-size:.95em}a.sidebar-link{font-size:1em;font-weight:400;display:inline-block;color:#2c3e50;border-left:.25rem solid transparent;padding:.35rem 1rem .35rem 1.25rem;line-height:1.4;width:100%;box-sizing:border-box}a.sidebar-link:hover{color:#083ac4}a.sidebar-link.active{font-weight:600;color:#083ac4;border-left-color:#083ac4}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:500}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;border-bottom:1px solid #eaecef;padding:.5rem 0 .75rem}.sidebar .nav-links a{font-weight:600}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;line-height:1.25rem;font-size:1.1em;padding:.5rem 0 .5rem 1.5rem}.sidebar>.sidebar-links{padding:1.5rem 0}.sidebar>.sidebar-links>li>a.sidebar-link{font-size:1.1em;line-height:1.7;font-weight:700}.sidebar>.sidebar-links>li:not(:first-child){margin-top:.75rem}@media (max-width:719px){.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar>.sidebar-links{padding:1rem 0}}.container{max-width:1080px;margin:0 auto;display:block}.home{padding:3.6rem 0;display:block;max-width:none;margin:initial;background-color:#f5f8fe}.home .hero{text-align:center}.home .hero img{width:190px;height:50px;display:inline-block;margin:initial;margin-bottom:0;margin-right:20px;vertical-align:sub}.home .hero h1{font-size:1.5rem;font-weight:600}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.8rem auto}.home .hero .description{max-width:35rem;font-size:1.6rem;line-height:1.3;color:#6a8bad}.home .hero .action-button{display:inline-block;font-size:1rem;color:#fff;background-color:#083ac4;padding:.4rem 2rem;border-radius:4px;transition:background-color .1s ease;box-sizing:border-box;border-bottom:1px solid #0734b0}.home .hero .action-button:hover{background-color:#0943e1}.home .features{border-top:1px solid #eaecef;padding:80px 0;background-color:#fff;margin-top:2.5rem}.home .features .container{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between}.home .feature{flex-grow:1;flex-basis:30%;max-width:27%;border-radius:8px;padding:20px 22px;box-shadow:0 0 8px rgba(0,0,0,.1)}.home .feature .feature-index{border-radius:4px;background-color:#083ac4;width:50px;line-height:50px;color:#fff;font-size:20px;text-align:center;margin-bottom:6px;box-shadow:1px 0 0 0 rgba(0,0,0,.1)}.home .feature h2{font-size:1.4rem;font-weight:500;border-bottom:none;padding-bottom:0;color:#3a5169}.home .feature p{color:#4e6e8e}.home .footer{padding:2.5rem;border-top:1px solid #eaecef;text-align:center;color:#4e6e8e}@media (max-width:719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media (max-width:419px){.home{padding-left:1.5rem;padding-right:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero h1{font-size:2rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.2rem auto}.home .hero .description{font-size:1.2rem}.home .hero .action-button{font-size:1rem;padding:.6rem 1.2rem}.home .feature h2{font-size:1.25rem}}.badge[data-v-15b7b770]{display:inline-block;font-size:14px;height:18px;line-height:18px;border-radius:3px;padding:0 6px;color:#fff}.badge.green[data-v-15b7b770],.badge.tip[data-v-15b7b770],.badge[data-v-15b7b770]{background-color:#42b983}.badge.error[data-v-15b7b770]{background-color:#da5961}.badge.warn[data-v-15b7b770],.badge.warning[data-v-15b7b770],.badge.yellow[data-v-15b7b770]{background-color:#e7c000}.badge+.badge[data-v-15b7b770]{margin-left:5px}.theme-code-block[data-v-6d04095e]{display:none}.theme-code-block__active[data-v-6d04095e]{display:block}.theme-code-block>pre[data-v-6d04095e]{background-color:orange}.theme-code-group__nav[data-v-32c2d7ed]{margin-bottom:-35px;background-color:#282c34;padding-bottom:22px;border-top-left-radius:6px;border-top-right-radius:6px;padding-left:10px;padding-top:10px}.theme-code-group__ul[data-v-32c2d7ed]{margin:auto 0;padding-left:0;display:inline-flex;list-style:none}.theme-code-group__nav-tab[data-v-32c2d7ed]{border:0;padding:5px;cursor:pointer;background-color:transparent;font-size:.85em;line-height:1.4;color:hsla(0,0%,100%,.9);font-weight:600}.theme-code-group__nav-tab-active[data-v-32c2d7ed]{border-bottom:1px solid #42b983}.pre-blank[data-v-32c2d7ed]{color:#42b983} \ No newline at end of file diff --git a/doc-dist/assets/js/10.57c980fd.js b/doc-dist/assets/js/10.c3aa487f.js similarity index 95% rename from doc-dist/assets/js/10.57c980fd.js rename to doc-dist/assets/js/10.c3aa487f.js index 37c71fb..ad07e3e 100644 --- a/doc-dist/assets/js/10.57c980fd.js +++ b/doc-dist/assets/js/10.c3aa487f.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [10], { - 359: function(t, r, a) { + 360: function(t, r, a) { t.exports = a.p + 'assets/img/dynamic.15a5303a.png'; }, - 385: function(t, r, a) { + 387: function(t, r, a) { 'use strict'; a.r(r); var n = a(42), @@ -41,7 +41,7 @@ ), ]), t._v(' '), - n('img', { attrs: { src: a(359), alt: 'foo' } }), + n('img', { attrs: { src: a(360), alt: 'foo' } }), t._v(' '), n('p', [ t._v('具体代码可以参考Dooring的Github地址：'), diff --git a/doc-dist/assets/js/11.a47e2d9b.js b/doc-dist/assets/js/11.4dfd0b43.js similarity index 98% rename from doc-dist/assets/js/11.a47e2d9b.js rename to doc-dist/assets/js/11.4dfd0b43.js index dca2263..113ad6f 100644 --- a/doc-dist/assets/js/11.a47e2d9b.js +++ b/doc-dist/assets/js/11.4dfd0b43.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [11], { - 363: function(t, _, v) { + 359: function(t, _, v) { t.exports = v.p + 'assets/img/deploy.d1b1d698.png'; }, - 392: function(t, _, v) { + 386: function(t, _, v) { 'use strict'; v.r(_); var a = v(42), @@ -50,7 +50,7 @@ t._v(' 部署架构图'), ]), t._v(' '), - a('img', { attrs: { src: v(363), alt: 'H5-dooring部署' } }), + a('img', { attrs: { src: v(359), alt: 'H5-dooring部署' } }), t._v(' '), a('p', [t._v('部署流程如下:')]), t._v(' '), diff --git a/doc-dist/assets/js/12.9eddd902.js b/doc-dist/assets/js/12.639e1894.js similarity index 90% rename from doc-dist/assets/js/12.9eddd902.js rename to doc-dist/assets/js/12.639e1894.js index 2d7a8b0..6233459 100644 --- a/doc-dist/assets/js/12.9eddd902.js +++ b/doc-dist/assets/js/12.639e1894.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [12], { - 360: function(t, e, s) { + 361: function(t, e, s) { t.exports = s.p + 'assets/img/preview-machine.895a0711.png'; }, - 390: function(t, e, s) { + 391: function(t, e, s) { 'use strict'; s.r(e); var a = s(42), @@ -22,7 +22,7 @@ t._v(' '), a('p', [t._v('真机预览和网页预览的流程类似，工作流程如下：')]), t._v(' '), - a('img', { attrs: { src: s(360), alt: 'foo' } }), + a('img', { attrs: { src: s(361), alt: 'foo' } }), t._v(' '), a('p', [t._v('由于不同机型预览的效果有些许不同，最终效果以实际看到的为主。')]), ]); diff --git a/doc-dist/assets/js/13.663fc48e.js b/doc-dist/assets/js/13.e30615b0.js similarity index 90% rename from doc-dist/assets/js/13.663fc48e.js rename to doc-dist/assets/js/13.e30615b0.js index 3777026..0aca486 100644 --- a/doc-dist/assets/js/13.663fc48e.js +++ b/doc-dist/assets/js/13.e30615b0.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [13], { - 364: function(t, s, e) { + 362: function(t, s, e) { t.exports = e.p + 'assets/img/screenshot.daeecedd.png'; }, - 396: function(t, s, e) { + 394: function(t, s, e) { 'use strict'; e.r(s); var a = e(42), @@ -27,7 +27,7 @@ ), ]), this._v(' '), - s('img', { attrs: { src: e(364), alt: 'foo' } }), + s('img', { attrs: { src: e(362), alt: 'foo' } }), ]); }, [], diff --git a/doc-dist/assets/js/18.8be51919.js b/doc-dist/assets/js/18.3e6eaba0.js similarity index 94% rename from doc-dist/assets/js/18.8be51919.js rename to doc-dist/assets/js/18.3e6eaba0.js index 0d7d94d..f71e599 100644 --- a/doc-dist/assets/js/18.8be51919.js +++ b/doc-dist/assets/js/18.3e6eaba0.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [18], { - 384: function(t, e, n) { + 382: function(t, e, n) { 'use strict'; n.r(e); var s = n(42), diff --git a/doc-dist/assets/js/19.c5cc8e35.js b/doc-dist/assets/js/19.4abe8428.js similarity index 95% rename from doc-dist/assets/js/19.c5cc8e35.js rename to doc-dist/assets/js/19.4abe8428.js index ccf6f81..a0064ff 100644 --- a/doc-dist/assets/js/19.c5cc8e35.js +++ b/doc-dist/assets/js/19.4abe8428.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [19], { - 382: function(t, e, n) { + 385: function(t, e, n) { 'use strict'; n.r(e); var s = n(42), diff --git a/doc-dist/assets/js/20.09f15f46.js b/doc-dist/assets/js/20.eb3d4a7f.js similarity index 99% rename from doc-dist/assets/js/20.09f15f46.js rename to doc-dist/assets/js/20.eb3d4a7f.js index c1ba5fb..52d3b6a 100644 --- a/doc-dist/assets/js/20.09f15f46.js +++ b/doc-dist/assets/js/20.eb3d4a7f.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [20], { - 387: function(t, s, a) { + 383: function(t, s, a) { 'use strict'; a.r(s); var n = a(42), diff --git a/doc-dist/assets/js/21.390bb49b.js b/doc-dist/assets/js/21.390bb49b.js deleted file mode 100644 index 693088f..0000000 --- a/doc-dist/assets/js/21.390bb49b.js +++ /dev/null @@ -1,380 +0,0 @@ -(window.webpackJsonp = window.webpackJsonp || []).push([ - [21], - { - 386: function(t, s, a) { - 'use strict'; - a.r(s); - var n = a(42), - p = Object(n.a)( - {}, - function() { - var t = this, - s = t.$createElement, - a = t._self._c || s; - return a('ContentSlotsDistributor', { attrs: { 'slot-key': t.$parent.slotKey } }, [ - a('h1', { attrs: { id: '组件结构' } }, [ - a('a', { staticClass: 'header-anchor', attrs: { href: '#组件结构' } }, [t._v('#')]), - t._v(' 组件结构'), - ]), - t._v(' '), - a('p', [t._v('dooring的组件设计包含以下3个部分组件：')]), - t._v(' '), - a('p', [t._v('1、component 组件主体')]), - t._v(' '), - a('p', [t._v('2、schema 组件的DSL，结构协议层')]), - t._v(' '), - a('p', [t._v('3、template 定义了组件的类型、外观、从属关系，后期考虑纳入schema')]), - t._v(' '), - a('p', [ - t._v( - '接下来我会介绍一个基本的组件主体设计，以为template设计，在下一章会具体介绍schema部分。', - ), - ]), - t._v(' '), - a('h2', { attrs: { id: '组件设计' } }, [ - a('a', { staticClass: 'header-anchor', attrs: { href: '#组件设计' } }, [t._v('#')]), - t._v(' 组件设计'), - ]), - t._v(' '), - a('p', [t._v('我们这里拿基本的header组件来举例，如下是header组件的代码：')]), - t._v(' '), - a('div', { staticClass: 'language-jsx extra-class' }, [ - a('pre', { pre: !0, attrs: { class: 'language-jsx' } }, [ - a('code', [ - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('interface')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token class-name' } }, [ - t._v('HeaderPropTypes'), - ]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('extends')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token class-name' } }, [ - t._v('IHeaderConfig'), - ]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - t._v('\n isTpl'), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), - t._v(' boolean'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), - t._v('\n'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - t._v('\n\n'), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), - t._v(' Header '), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('memo')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), - a('span', { pre: !0, attrs: { class: 'token parameter' } }, [ - t._v('props'), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), - t._v(' HeaderPropTypes'), - ]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=>')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - t._v('\n '), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - t._v(' bgColor'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), - t._v(' logo'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), - t._v(' logoText'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), - t._v(' fontSize'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), - t._v(' color '), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), - t._v(' props'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), - t._v('\n '), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('return')]), - t._v(' props'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - t._v('isTpl '), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('?')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), - t._v('\n '), - a('span', { pre: !0, attrs: { class: 'token tag' } }, [ - a('span', { pre: !0, attrs: { class: 'token tag' } }, [ - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('<')]), - t._v('div'), - ]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]), - ]), - a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [ - t._v('\n < img style='), - ]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - t._v('width'), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'100%'")]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [t._v(' src=')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - t._v('logos'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [ - t._v(' alt="" />\n '), - ]), - a('span', { pre: !0, attrs: { class: 'token tag' } }, [ - a('span', { pre: !0, attrs: { class: 'token tag' } }, [ - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('')]), - ]), - t._v('\n '), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), - t._v('\n '), - a('span', { pre: !0, attrs: { class: 'token tag' } }, [ - a('span', { pre: !0, attrs: { class: 'token tag' } }, [ - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('<')]), - t._v('header'), - ]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ - t._v('className'), - ]), - a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [ - a( - 'span', - { pre: !0, attrs: { class: 'token script-punctuation punctuation' } }, - [t._v('=')], - ), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - t._v('styles'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - t._v('header'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - ]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [t._v('style')]), - a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [ - a( - 'span', - { pre: !0, attrs: { class: 'token script-punctuation punctuation' } }, - [t._v('=')], - ), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - t._v(' backgroundColor'), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), - t._v(' bgColor '), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - ]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]), - ]), - a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [ - t._v('\n '), - ]), - a('span', { pre: !0, attrs: { class: 'token tag' } }, [ - a('span', { pre: !0, attrs: { class: 'token tag' } }, [ - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('<')]), - t._v('div'), - ]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ - t._v('className'), - ]), - a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [ - a( - 'span', - { pre: !0, attrs: { class: 'token script-punctuation punctuation' } }, - [t._v('=')], - ), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - t._v('styles'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - t._v('logo'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - ]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]), - ]), - a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [ - t._v('\n < img src='), - ]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - t._v('logo '), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('&&')]), - t._v(' logo'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('[')]), - a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('0')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(']')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - t._v('url'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [t._v(' alt=')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - t._v('logoText'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [ - t._v(' />\n '), - ]), - a('span', { pre: !0, attrs: { class: 'token tag' } }, [ - a('span', { pre: !0, attrs: { class: 'token tag' } }, [ - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('')]), - ]), - a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [ - t._v('\n '), - ]), - a('span', { pre: !0, attrs: { class: 'token tag' } }, [ - a('span', { pre: !0, attrs: { class: 'token tag' } }, [ - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('<')]), - t._v('div'), - ]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ - t._v('className'), - ]), - a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [ - a( - 'span', - { pre: !0, attrs: { class: 'token script-punctuation punctuation' } }, - [t._v('=')], - ), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - t._v('styles'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - t._v('title'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - ]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [t._v('style')]), - a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [ - a( - 'span', - { pre: !0, attrs: { class: 'token script-punctuation punctuation' } }, - [t._v('=')], - ), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - t._v(' fontSize'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), - t._v(' color '), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - ]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]), - ]), - a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [ - t._v('\n '), - ]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - t._v('logoText'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [ - t._v('\n '), - ]), - a('span', { pre: !0, attrs: { class: 'token tag' } }, [ - a('span', { pre: !0, attrs: { class: 'token tag' } }, [ - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('')]), - ]), - a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [t._v('\n ')]), - a('span', { pre: !0, attrs: { class: 'token tag' } }, [ - a('span', { pre: !0, attrs: { class: 'token tag' } }, [ - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('')]), - ]), - t._v('\n '), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), - t._v('\n'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), - t._v('\n'), - ]), - ]), - ]), - a('p', [ - t._v( - '我们只需要按照上面的方式编写组件即可，props是DSL定义的数据层，用来控制组件的shape，也就是组件的表现。我们看看header对应的template。', - ), - ]), - t._v(' '), - a('h2', { attrs: { id: 'template设计' } }, [ - a('a', { staticClass: 'header-anchor', attrs: { href: '#template设计' } }, [ - t._v('#'), - ]), - t._v(' template设计'), - ]), - t._v(' '), - a('div', { staticClass: 'language-js extra-class' }, [ - a('pre', { pre: !0, attrs: { class: 'language-js' } }, [ - a('code', [ - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), - t._v(' template '), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - t._v('\n type'), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'Header'")]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), - t._v('\n h'), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('28')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), - t._v('\n displayName'), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'页头组件'")]), - t._v('\n'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), - t._v('\n'), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('export')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('default')]), - t._v(' template'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), - t._v('\n'), - ]), - ]), - ]), - a('p', [ - t._v( - '以上就是我们template的结构，type用来定义组件的类型，方便渲染器动态查找，h代表组件的初始化高度，我们可以自由设置。displayName是组件的中文名，用来在左侧组件面板中展示，方便用户理解，我们可以在template中自定义更多辅助信息，方便使用者更高效的使用我们的编辑器。', - ), - ]), - ]); - }, - [], - !1, - null, - null, - null, - ); - s.default = p.exports; - }, - }, -]); diff --git a/doc-dist/assets/js/21.acd348b3.js b/doc-dist/assets/js/21.acd348b3.js new file mode 100644 index 0000000..593791f --- /dev/null +++ b/doc-dist/assets/js/21.acd348b3.js @@ -0,0 +1,824 @@ +(window.webpackJsonp = window.webpackJsonp || []).push([ + [21], + { + 388: function(t, s, a) { + 'use strict'; + a.r(s); + var n = a(42), + e = Object(n.a)( + {}, + function() { + var t = this, + s = t.$createElement, + a = t._self._c || s; + return a('ContentSlotsDistributor', { attrs: { 'slot-key': t.$parent.slotKey } }, [ + a('h1', { attrs: { id: '组件结构' } }, [ + a('a', { staticClass: 'header-anchor', attrs: { href: '#组件结构' } }, [t._v('#')]), + t._v(' 组件结构'), + ]), + t._v(' '), + a('p', [t._v('dooring的组件设计包含以下3个部分组件：')]), + t._v(' '), + a('p', [t._v('1、component 组件主体')]), + t._v(' '), + a('p', [t._v('2、schema 组件的DSL，结构协议层')]), + t._v(' '), + a('p', [t._v('3、template 定义了组件的类型、外观、从属关系，后期考虑纳入schema')]), + t._v(' '), + a('p', [ + t._v( + '接下来我会介绍一个基本的组件主体设计，以为template设计，在下一章会具体介绍schema部分。', + ), + ]), + t._v(' '), + a('h2', { attrs: { id: '组件设计' } }, [ + a('a', { staticClass: 'header-anchor', attrs: { href: '#组件设计' } }, [t._v('#')]), + t._v(' 组件设计'), + ]), + t._v(' '), + a('p', [t._v('我们这里拿基本的header组件来举例，如下是header组件的代码：')]), + t._v(' '), + a('div', { staticClass: 'language-jsx extra-class' }, [ + a('pre', { pre: !0, attrs: { class: 'language-jsx' } }, [ + a('code', [ + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('interface')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token class-name' } }, [ + t._v('HeaderPropTypes'), + ]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('extends')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token class-name' } }, [ + t._v('IHeaderConfig'), + ]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n isTpl'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' boolean'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + t._v('\n\n'), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), + t._v(' Header '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('memo')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token parameter' } }, [ + t._v('props'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' HeaderPropTypes'), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=>')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v(' bgColor'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' logo'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' logoText'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' fontSize'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' color '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' props'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('return')]), + t._v(' props'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('isTpl '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('?')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token tag' } }, [ + a('span', { pre: !0, attrs: { class: 'token tag' } }, [ + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('<')]), + t._v('div'), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]), + ]), + a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [ + t._v('\n < img style='), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('width'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'100%'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [t._v(' src=')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('logos'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [ + t._v(' alt="" />\n '), + ]), + a('span', { pre: !0, attrs: { class: 'token tag' } }, [ + a('span', { pre: !0, attrs: { class: 'token tag' } }, [ + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('')]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token tag' } }, [ + a('span', { pre: !0, attrs: { class: 'token tag' } }, [ + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('<')]), + t._v('header'), + ]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ + t._v('className'), + ]), + a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [ + a( + 'span', + { pre: !0, attrs: { class: 'token script-punctuation punctuation' } }, + [t._v('=')], + ), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('styles'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('header'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + ]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [t._v('style')]), + a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [ + a( + 'span', + { pre: !0, attrs: { class: 'token script-punctuation punctuation' } }, + [t._v('=')], + ), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v(' backgroundColor'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' bgColor '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]), + ]), + a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [ + t._v('\n '), + ]), + a('span', { pre: !0, attrs: { class: 'token tag' } }, [ + a('span', { pre: !0, attrs: { class: 'token tag' } }, [ + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('<')]), + t._v('div'), + ]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ + t._v('className'), + ]), + a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [ + a( + 'span', + { pre: !0, attrs: { class: 'token script-punctuation punctuation' } }, + [t._v('=')], + ), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('styles'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('logo'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]), + ]), + a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [ + t._v('\n < img src='), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('logo '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('&&')]), + t._v(' logo'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('[')]), + a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('0')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(']')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('url'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [t._v(' alt=')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('logoText'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [ + t._v(' />\n '), + ]), + a('span', { pre: !0, attrs: { class: 'token tag' } }, [ + a('span', { pre: !0, attrs: { class: 'token tag' } }, [ + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('')]), + ]), + a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [ + t._v('\n '), + ]), + a('span', { pre: !0, attrs: { class: 'token tag' } }, [ + a('span', { pre: !0, attrs: { class: 'token tag' } }, [ + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('<')]), + t._v('div'), + ]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ + t._v('className'), + ]), + a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [ + a( + 'span', + { pre: !0, attrs: { class: 'token script-punctuation punctuation' } }, + [t._v('=')], + ), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('styles'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('title'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + ]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [t._v('style')]), + a('span', { pre: !0, attrs: { class: 'token script language-javascript' } }, [ + a( + 'span', + { pre: !0, attrs: { class: 'token script-punctuation punctuation' } }, + [t._v('=')], + ), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v(' fontSize'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' color '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('>')]), + ]), + a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [ + t._v('\n '), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('logoText'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [ + t._v('\n '), + ]), + a('span', { pre: !0, attrs: { class: 'token tag' } }, [ + a('span', { pre: !0, attrs: { class: 'token tag' } }, [ + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('')]), + ]), + a('span', { pre: !0, attrs: { class: 'token plain-text' } }, [t._v('\n ')]), + a('span', { pre: !0, attrs: { class: 'token tag' } }, [ + a('span', { pre: !0, attrs: { class: 'token tag' } }, [ + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('')]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n'), + ]), + ]), + ]), + a('p', [ + t._v( + '我们只需要按照上面的方式编写组件即可，props是DSL定义的数据层，用来控制组件的shape，也就是组件的表现。我们看看header对应的template。', + ), + ]), + t._v(' '), + a('h2', { attrs: { id: 'template设计' } }, [ + a('a', { staticClass: 'header-anchor', attrs: { href: '#template设计' } }, [ + t._v('#'), + ]), + t._v(' template设计'), + ]), + t._v(' '), + a('div', { staticClass: 'language-js extra-class' }, [ + a('pre', { pre: !0, attrs: { class: 'language-js' } }, [ + a('code', [ + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), + t._v(' template '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n type'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'Header'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n h'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('28')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n displayName'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'页头组件'")]), + t._v('\n'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n'), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('export')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('default')]), + t._v(' template'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n'), + ]), + ]), + ]), + a('p', [ + t._v( + '以上就是我们template的结构，type用来定义组件的类型，方便渲染器动态查找，h代表组件的初始化高度，我们可以自由设置。displayName是组件的中文名，用来在左侧组件面板中展示，方便用户理解，我们可以在template中自定义更多辅助信息，方便使用者更高效的使用我们的编辑器。', + ), + ]), + t._v(' '), + a('h2', { attrs: { id: 'schema设计' } }, [ + a('a', { staticClass: 'header-anchor', attrs: { href: '#schema设计' } }, [ + t._v('#'), + ]), + t._v(' schema设计'), + ]), + t._v(' '), + a('p', [ + t._v('开发一个自定义组件需要包含3部分, '), + a('code', [t._v('Component')]), + t._v(', '), + a('code', [t._v('Schema')]), + t._v(' 和 '), + a('code', [t._v('Template')]), + t._v('. 接下来我们看一下 '), + a('code', [t._v('Header')]), + t._v(' 组件的 '), + a('code', [t._v('Schema')]), + t._v('.'), + ]), + t._v(' '), + a('div', { staticClass: 'language-js extra-class' }, [ + a('pre', { pre: !0, attrs: { class: 'language-js' } }, [ + a('code', [ + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('import')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n IColorConfigType'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n INumberConfigType'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n ITextConfigType'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n IUploadConfigType'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n TColorDefaultType'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n TNumberDefaultType'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n TTextDefaultType'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n TUploadDefaultType'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('from')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [ + t._v("'@/components/FormComponents/types'"), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n'), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('import')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v(' baseConfig'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' baseDefault'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' ICommonBaseType '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('from')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [ + t._v("'../../common'"), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n\n'), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('export')]), + t._v(' type THeaderEditData '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' Array'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('<')]), + t._v('\n IColorConfigType '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('|')]), + t._v(' INumberConfigType '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('|')]), + t._v(' IUploadConfigType '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('|')]), + t._v(' ITextConfigType\n'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('>')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n'), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('export')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('interface')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token class-name' } }, [ + t._v('IHeaderConfig'), + ]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('extends')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token class-name' } }, [ + t._v('ICommonBaseType'), + ]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n bgColor'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' TColorDefaultType'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n logo'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' TUploadDefaultType'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n logoText'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' TTextDefaultType'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n fontSize'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' TNumberDefaultType'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n color'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' TColorDefaultType'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n height'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' TNumberDefaultType'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + t._v('\n\n'), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('export')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('interface')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token class-name' } }, [ + t._v('IHeaderSchema'), + ]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n editData'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' THeaderEditData'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n config'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' IHeaderConfig'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + t._v('\n\n'), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), + t._v(' Header'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' IHeaderSchema '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n editData'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('[')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('...')]), + t._v('baseConfig'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n key'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'bgColor'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n name'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'背景色'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n type'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'Color'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n key'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'height'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n name'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'高度'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n type'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'Number'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n key'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'logo'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n name'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'logo'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n type'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'Upload'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n isCrop'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token boolean' } }, [t._v('true')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n cropRate'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('1000')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('/')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('618')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n key'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'logoText'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n name'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'logo文字'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n type'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'Text'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n key'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'color'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n name'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'文字颜色'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n type'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'Color'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n key'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'fontSize'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n name'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'文字大小'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n type'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'Number'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(']')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n config'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n bgColor'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [ + t._v("'rgba(0,0,0,1)'"), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n logo'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('[')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n uid'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'001'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n name'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'image.png'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n status'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'done'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n url'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [ + t._v("'http://49.234.61.19/uploads/3_1740be8a482.png'"), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(']')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n logoText'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [ + t._v("'页头Header'"), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n fontSize'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('20')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n color'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [ + t._v("'rgba(255,255,255,1)'"), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n height'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('50')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('...')]), + t._v('baseDefault'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n\n'), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('export')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('default')]), + t._v(' Header'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n'), + ]), + ]), + ]), + a('p', [ + a('code', [t._v('editData')]), + t._v('表示组件的可编辑属性, 我们可以自定义哪些组件可编辑. '), + a('code', [t._v('config')]), + t._v('为组件接收的属性, 和'), + a('code', [t._v('editData')]), + t._v('数组项中的'), + a('code', [t._v('key')]), + t._v('一一对应.'), + ]), + t._v(' '), + a('h3', { attrs: { id: '组件编辑区属性类型' } }, [ + a('a', { staticClass: 'header-anchor', attrs: { href: '#组件编辑区属性类型' } }, [ + t._v('#'), + ]), + t._v(' 组件编辑区属性类型'), + ]), + t._v(' '), + a('p', [a('code', [t._v('Dooring')]), t._v('组件编辑面板有如下对应编辑类型:')]), + t._v(' '), + a('ul', [ + a('li', [t._v('Upload 上传组件')]), + t._v(' '), + a('li', [t._v('Text 文本框')]), + t._v(' '), + a('li', [t._v('RichText 富文本')]), + t._v(' '), + a('li', [t._v('TextArea 多行文本')]), + t._v(' '), + a('li', [t._v('Number 数字输入框')]), + t._v(' '), + a('li', [t._v('DataList 列表编辑器')]), + t._v(' '), + a('li', [t._v('FileList 文件列表编辑器')]), + t._v(' '), + a('li', [t._v('InteractionData 交互设置')]), + t._v(' '), + a('li', [t._v('Color 颜色面板')]), + t._v(' '), + a('li', [t._v('MutiText 多文本')]), + t._v(' '), + a('li', [t._v('Select 选择下拉框')]), + t._v(' '), + a('li', [t._v('Radio 单选框')]), + t._v(' '), + a('li', [t._v('Switch 开关切换')]), + t._v(' '), + a('li', [t._v('CardPicker 卡片面板')]), + t._v(' '), + a('li', [t._v('Table 表格编辑器')]), + t._v(' '), + a('li', [t._v('Pos 坐标编辑器')]), + t._v(' '), + a('li', [t._v('FormItems 表单设计器')]), + ]), + ]); + }, + [], + !1, + null, + null, + null, + ); + s.default = e.exports; + }, + }, +]); diff --git a/doc-dist/assets/js/23.9bda2ced.js b/doc-dist/assets/js/23.3c312dd7.js similarity index 99% rename from doc-dist/assets/js/23.9bda2ced.js rename to doc-dist/assets/js/23.3c312dd7.js index c1426cb..0bfb6a2 100644 --- a/doc-dist/assets/js/23.9bda2ced.js +++ b/doc-dist/assets/js/23.3c312dd7.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [23], { - 388: function(t, s, a) { + 390: function(t, s, a) { 'use strict'; a.r(s); var n = a(42), diff --git a/doc-dist/assets/js/25.e454a69e.js b/doc-dist/assets/js/25.b3baaa9c.js similarity index 99% rename from doc-dist/assets/js/25.e454a69e.js rename to doc-dist/assets/js/25.b3baaa9c.js index 377281c..59f799b 100644 --- a/doc-dist/assets/js/25.e454a69e.js +++ b/doc-dist/assets/js/25.b3baaa9c.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [25], { - 397: function(n, e, s) { + 392: function(n, e, s) { 'use strict'; s.r(e); var t = s(42), diff --git a/doc-dist/assets/js/26.bf8cc2c2.js b/doc-dist/assets/js/26.5755449d.js similarity index 99% rename from doc-dist/assets/js/26.bf8cc2c2.js rename to doc-dist/assets/js/26.5755449d.js index e9a1e0f..71864ea 100644 --- a/doc-dist/assets/js/26.bf8cc2c2.js +++ b/doc-dist/assets/js/26.5755449d.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [26], { - 394: function(t, s, a) { + 395: function(t, s, a) { 'use strict'; a.r(s); var n = a(42), diff --git a/doc-dist/assets/js/27.18814355.js b/doc-dist/assets/js/27.9151272d.js similarity index 98% rename from doc-dist/assets/js/27.18814355.js rename to doc-dist/assets/js/27.9151272d.js index 3c826a7..ed84678 100644 --- a/doc-dist/assets/js/27.18814355.js +++ b/doc-dist/assets/js/27.9151272d.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [27], { - 395: function(t, n, e) { + 396: function(t, n, e) { 'use strict'; e.r(n); var o = e(42), diff --git a/doc-dist/assets/js/4.d198a40c.js b/doc-dist/assets/js/4.2121e1d8.js similarity index 88% rename from doc-dist/assets/js/4.d198a40c.js rename to doc-dist/assets/js/4.2121e1d8.js index 5c87f41..f3e1899 100644 --- a/doc-dist/assets/js/4.d198a40c.js +++ b/doc-dist/assets/js/4.2121e1d8.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [4], { - 334: function(t, e, n) {}, - 372: function(t, e, n) { + 333: function(t, e, n) {}, + 371: function(t, e, n) { 'use strict'; - n(334); + n(333); }, 401: function(t, e, n) { 'use strict'; @@ -26,7 +26,7 @@ ); }, }, - r = (n(372), n(42)), + r = (n(371), n(42)), p = Object(r.a)(i, void 0, void 0, !1, null, '15b7b770', null); e.default = p.exports; }, diff --git a/doc-dist/assets/js/5.82171d89.js b/doc-dist/assets/js/5.615d527f.js similarity index 89% rename from doc-dist/assets/js/5.82171d89.js rename to doc-dist/assets/js/5.615d527f.js index e683e38..57dfa6b 100644 --- a/doc-dist/assets/js/5.82171d89.js +++ b/doc-dist/assets/js/5.615d527f.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [5], { - 333: function(e, t, c) {}, - 371: function(e, t, c) { + 334: function(e, t, c) {}, + 372: function(e, t, c) { 'use strict'; - c(333); + c(334); }, 380: function(e, t, c) { 'use strict'; @@ -13,7 +13,7 @@ name: 'CodeBlock', props: { title: { type: String, required: !0 }, active: { type: Boolean, default: !1 } }, }, - n = (c(371), c(42)), + n = (c(372), c(42)), s = Object(n.a)( i, function() { diff --git a/doc-dist/assets/js/7.e7b0462e.js b/doc-dist/assets/js/7.f3022582.js similarity index 84% rename from doc-dist/assets/js/7.e7b0462e.js rename to doc-dist/assets/js/7.f3022582.js index 4797494..16506a7 100644 --- a/doc-dist/assets/js/7.e7b0462e.js +++ b/doc-dist/assets/js/7.f3022582.js @@ -1,13 +1,13 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [7], { - 361: function(t, s, e) { + 363: function(t, s, e) { t.exports = e.p + 'assets/img/preview-flow.b37c7798.png'; }, - 362: function(t, s, e) { + 364: function(t, s, e) { t.exports = e.p + 'assets/img/preview-page.3ec86df5.png'; }, - 391: function(t, s, e) { + 397: function(t, s, e) { 'use strict'; e.r(s); var r = e(42), @@ -25,11 +25,11 @@ t._v(' '), r('p', [t._v('我们看看网页预览的工作流程：')]), t._v(' '), - r('img', { attrs: { src: e(361), alt: 'foo' } }), + r('img', { attrs: { src: e(363), alt: 'foo' } }), t._v(' '), r('p', [t._v('前端预览界面：')]), t._v(' '), - r('img', { attrs: { src: e(362), alt: 'foo' } }), + r('img', { attrs: { src: e(364), alt: 'foo' } }), ]); }, [], diff --git a/doc-dist/assets/js/9.c9c11d43.js b/doc-dist/assets/js/9.5e6217e4.js similarity index 99% rename from doc-dist/assets/js/9.c9c11d43.js rename to doc-dist/assets/js/9.5e6217e4.js index f1560a6..380c16d 100644 --- a/doc-dist/assets/js/9.c9c11d43.js +++ b/doc-dist/assets/js/9.5e6217e4.js @@ -4,7 +4,7 @@ 358: function(t, o, r) { t.exports = r.p + 'assets/img/logo.001d04e6.svg'; }, - 383: function(t, o, r) { + 384: function(t, o, r) { 'use strict'; r.r(o); var s = r(42), diff --git a/doc-dist/assets/js/app.04dfb0e4.js b/doc-dist/assets/js/app.ac490cc9.js similarity index 98% rename from doc-dist/assets/js/app.04dfb0e4.js rename to doc-dist/assets/js/app.ac490cc9.js index 435f351..abacc48 100644 --- a/doc-dist/assets/js/app.04dfb0e4.js +++ b/doc-dist/assets/js/app.ac490cc9.js @@ -49,30 +49,30 @@ { 2: '693230f5', 3: '0105453b', - 4: 'd198a40c', - 5: '82171d89', + 4: '2121e1d8', + 5: '615d527f', 6: 'a3c1a71a', - 7: 'e7b0462e', + 7: 'f3022582', 8: '66884c30', - 9: 'c9c11d43', - 10: '57c980fd', - 11: 'a47e2d9b', - 12: '9eddd902', - 13: '663fc48e', + 9: '5e6217e4', + 10: 'c3aa487f', + 11: '4dfd0b43', + 12: '639e1894', + 13: 'e30615b0', 14: 'eff270f4', 15: '2cabc303', 16: 'ebc27227', 17: 'e2c644fa', - 18: '8be51919', - 19: 'c5cc8e35', - 20: '09f15f46', - 21: '390bb49b', + 18: '3e6eaba0', + 19: '4abe8428', + 20: 'eb3d4a7f', + 21: 'acd348b3', 22: 'da6fbe43', - 23: '9bda2ced', + 23: '3c312dd7', 24: '96d82a87', - 25: 'e454a69e', - 26: 'bf8cc2c2', - 27: '18814355', + 25: 'b3baaa9c', + 26: '5755449d', + 27: '9151272d', }[t] + '.js' ); @@ -558,12 +558,12 @@ O = a(x.length), S = 0, j = m || u, - A = e ? j(d, O) : n || p ? j(d, 0) : void 0; + E = e ? j(d, O) : n || p ? j(d, 0) : void 0; O > S; S++ ) if ((h || S in x) && ((b = w((g = x[S]), S, _)), t)) - if (e) A[S] = b; + if (e) E[S] = b; else if (b) switch (t) { case 3: @@ -573,16 +573,16 @@ case 6: return S; case 2: - c.call(A, g); + c.call(E, g); } else switch (t) { case 4: return !1; case 7: - c.call(A, g); + c.call(E, g); } - return l ? -1 : s || f ? f : A; + return l ? -1 : s || f ? f : E; }; }; t.exports = { @@ -1028,8 +1028,8 @@ O = n(78), S = n(24), j = n(8), - A = n(77), - E = n(11), + E = n(77), + A = n(11), k = n(10), C = n(69), $ = n(48), @@ -1051,7 +1051,7 @@ W = S.f, G = j.f, K = w.f, - J = A.f, + J = E.f, X = C('symbols'), Q = C('op-symbols'), Y = C('string-to-symbol-registry'), @@ -1171,7 +1171,7 @@ k(H, 'withoutSetter', function(t) { return ot(T(t), t); }), - (A.f = ct), + (E.f = ct), (j.f = at), (S.f = st), (x.f = w.f = ft), @@ -1268,7 +1268,7 @@ }, }, ); - H.prototype[U] || E(H.prototype, U, H.prototype.valueOf), D(H, 'Symbol'), (P[N] = !0); + H.prototype[U] || A(H.prototype, U, H.prototype.valueOf), D(H, 'Symbol'), (P[N] = !0); }, function(t, e, n) { 'use strict'; @@ -1663,21 +1663,21 @@ if ((x.push(w), !b)) break; '' === String(w[0]) && (y.lastIndex = c(m, i(y.lastIndex), _)); } - for (var O, S = '', j = 0, A = 0; A < x.length; A++) { - w = x[A]; + for (var O, S = '', j = 0, E = 0; E < x.length; E++) { + w = x[E]; for ( - var E = String(w[0]), k = l(p(a(w.index), m.length), 0), C = [], $ = 1; + var A = String(w[0]), k = l(p(a(w.index), m.length), 0), C = [], $ = 1; $ < w.length; $++ ) C.push(void 0 === (O = w[$]) ? O : String(O)); var P = w.groups; if (g) { - var T = [E].concat(C, k, m); + var T = [A].concat(C, k, m); void 0 !== P && T.push(P); var L = String(r.apply(void 0, T)); - } else L = s(E, m, k, C, P, r); - k >= j && ((S += m.slice(j, k) + L), (j = k + E.length)); + } else L = s(A, m, k, C, P, r); + k >= j && ((S += m.slice(j, k) + L), (j = k + A.length)); } return S + m.slice(j); }, @@ -2278,7 +2278,7 @@ w, O = function(t) { if (t === h && k) return k; - if (!v && t in A) return A[t]; + if (!v && t in E) return E[t]; switch (t) { case 'keys': case 'values': @@ -2293,10 +2293,10 @@ }, S = e + ' Iterator', j = !1, - A = t.prototype, - E = A[y] || A['@@iterator'] || (h && A[h]), - k = (!v && E) || O(h), - C = ('Array' == e && A.entries) || E; + E = t.prototype, + A = E[y] || E['@@iterator'] || (h && E[h]), + k = (!v && A) || O(h), + C = ('Array' == e && E.entries) || A; if ( (C && ((_ = i(C.call(new t()))), @@ -2306,18 +2306,18 @@ u(_, S, !0, !0), l && (p[S] = m))), 'values' == h && - E && - 'values' !== E.name && + A && + 'values' !== A.name && ((j = !0), (k = function() { - return E.call(this); + return A.call(this); })), - (l && !b) || A[y] === k || c(A, y, k), + (l && !b) || E[y] === k || c(E, y, k), (p[e] = k), h) ) if (((x = { values: O('values'), keys: g ? k : O('keys'), entries: O('entries') }), b)) - for (w in x) (v || j || !(w in A)) && s(A, w, x[w]); + for (w in x) (v || j || !(w in E)) && s(E, w, x[w]); else r({ target: e, proto: !0, forced: v || j }, x); return x; }; @@ -3898,8 +3898,8 @@ O = n(123).set, S = n(189), j = n(125), - A = n(191), - E = n(126), + E = n(191), + A = n(126), k = n(192), C = n(28), $ = n(100), @@ -3916,7 +3916,7 @@ F = s.document, B = s.process, V = f('fetch'), - H = E.f, + H = A.f, q = H, W = !!(F && F.createEvent && s.dispatchEvent), G = 'function' == typeof PromiseRejectionEvent, @@ -3987,7 +3987,7 @@ : (r = { promise: e, reason: n }), !G && (o = s['on' + t]) ? o(r) - : 'unhandledrejection' === t && A('Unhandled promise rejection', n); + : 'unhandledrejection' === t && E('Unhandled promise rejection', n); }, Z = function(t) { O.call(s, function() { @@ -4087,7 +4087,7 @@ e = D(t); (this.promise = t), (this.resolve = nt(ot, e)), (this.reject = nt(rt, e)); }), - (E.f = H = function(t) { + (A.f = H = function(t) { return t === N || t === i ? new o(t) : q(t); }), c || @@ -5063,8 +5063,8 @@ S = x && p.call(e, '__wrapped__'); if (O || S) { var j = O ? t.value() : t, - A = S ? e.value() : e; - return v || (v = new r()), d(j, A, n, h, v); + E = S ? e.value() : e; + return v || (v = new r()), d(j, E, n, h, v); } } return !!w && (v || (v = new r()), a(t, e, n, h, d, v)); @@ -5880,12 +5880,12 @@ return e ? e.toUpperCase() : ''; }); }), - A = O(function(t) { + E = O(function(t) { return t.charAt(0).toUpperCase() + t.slice(1); }), - E = /\B([A-Z])/g, + A = /\B([A-Z])/g, k = O(function(t) { - return t.replace(E, '-$1').toLowerCase(); + return t.replace(A, '-$1').toLowerCase(); }); var C = Function.prototype.bind ? function(t, e) { @@ -6173,7 +6173,7 @@ function jt(t) { St = t; } - var At = function(t) { + var Et = function(t) { (this.value = t), (this.dep = new pt()), (this.vmCount = 0), @@ -6192,18 +6192,18 @@ this.observeArray(t)) : this.walk(t); }; - function Et(t, e) { + function At(t, e) { var n; if (f(t) && !(t instanceof yt)) return ( - w(t, '__ob__') && t.__ob__ instanceof At + w(t, '__ob__') && t.__ob__ instanceof Et ? (n = t.__ob__) : St && !it() && (Array.isArray(t) || p(t)) && Object.isExtensible(t) && !t._isVue && - (n = new At(t)), + (n = new Et(t)), e && n && n.vmCount++, n ); @@ -6215,7 +6215,7 @@ var u = a && a.get, c = a && a.set; (u && !c) || 2 !== arguments.length || (n = t[e]); - var s = !o && Et(n); + var s = !o && At(n); Object.defineProperty(t, e, { enumerable: !0, configurable: !0, @@ -6228,7 +6228,7 @@ e === r || (e != e && r != r) || (u && !c) || - (c ? c.call(t, e) : (n = e), (s = !o && Et(e)), i.notify()); + (c ? c.call(t, e) : (n = e), (s = !o && At(e)), i.notify()); }, }); } @@ -6254,11 +6254,11 @@ for (var e = void 0, n = 0, r = t.length; n < r; n++) (e = t[n]) && e.__ob__ && e.__ob__.dep.depend(), Array.isArray(e) && Pt(e); } - (At.prototype.walk = function(t) { + (Et.prototype.walk = function(t) { for (var e = Object.keys(t), n = 0; n < e.length; n++) kt(t, e[n]); }), - (At.prototype.observeArray = function(t) { - for (var e = 0, n = t.length; e < n; e++) Et(t[e]); + (Et.prototype.observeArray = function(t) { + for (var e = 0, n = t.length; e < n; e++) At(t[e]); }); var Tt = F.optionMergeStrategies; function Lt(t, e) { @@ -6386,7 +6386,7 @@ if (w(o, n)) return o[n]; var i = j(n); if (w(o, i)) return o[i]; - var a = A(i); + var a = E(i); return w(o, a) ? o[a] : o[n] || o[i] || o[a]; } } @@ -6416,7 +6416,7 @@ return 'function' == typeof r && 'Function' !== Ft(e.type) ? r.call(t) : r; })(r, o, t); var s = St; - jt(!0), Et(a), jt(s); + jt(!0), At(a), jt(s); } return a; } @@ -6792,7 +6792,7 @@ r = n[t]; return ( (r && !e) || - Ee( + Ae( (r = n[t] = this.$options.staticRenderFns[t].call(this._renderProxy, null, this)), '__static__' + t, !1, @@ -6800,10 +6800,10 @@ r ); } - function Ae(t, e, n) { - return Ee(t, '__once__' + e + (n ? '_' + n : ''), !0), t; - } function Ee(t, e, n) { + return Ae(t, '__once__' + e + (n ? '_' + n : ''), !0), t; + } + function Ae(t, e, n) { if (Array.isArray(t)) for (var r = 0; r < t.length; r++) t[r] && 'string' != typeof t[r] && ke(t[r], e + '_' + r, n); @@ -6843,7 +6843,7 @@ return 'string' == typeof t ? e + t : t; } function Le(t) { - (t._o = Ae), + (t._o = Ee), (t._n = m), (t._s = y), (t._l = be), @@ -7465,9 +7465,9 @@ 36 !== (a = (i + '').charCodeAt(0)) && 95 !== a && yn(t, '_data', i)); } var a; - Et(e, !0); + At(e, !0); })(t) - : Et((t._data = {}), !0), + : At((t._data = {}), !0), e.computed && (function(t, e) { var n = (t._computedWatchers = Object.create(null)), @@ -7535,7 +7535,7 @@ function jn(t) { this._init(t); } - function An(t) { + function En(t) { t.cid = 0; var e = 1; t.extend = function(t) { @@ -7578,7 +7578,7 @@ ); }; } - function En(t) { + function An(t) { return t && (t.Ctor.options.name || t.tag); } function kn(t, e) { @@ -7595,7 +7595,7 @@ for (var i in n) { var a = n[i]; if (a) { - var u = En(a.componentOptions); + var u = An(a.componentOptions); u && !e(u) && $n(n, i, r, o); } } @@ -7851,7 +7851,7 @@ e = We(t), n = e && e.componentOptions; if (n) { - var r = En(n), + var r = An(n), o = this.include, i = this.exclude; if ((o && (!r || !kn(o, r))) || (i && r && kn(i, r))) return e; @@ -7881,7 +7881,7 @@ (t.delete = $t), (t.nextTick = re), (t.observable = function(t) { - return Et(t), t; + return At(t), t; }), (t.options = Object.create(null)), N.forEach(function(e) { @@ -7909,7 +7909,7 @@ return (this.options = Mt(this.options, t)), this; }; })(t), - An(t), + En(t), (function(t) { N.forEach(function(e) { t[e] = function(t, n) { @@ -8273,7 +8273,7 @@ } var Sr, jr = { create: Or, update: Or }; - function Ar(t, e) { + function Er(t, e) { if (!a(t.data.domProps) || !a(e.data.domProps)) { var n, r, @@ -8289,7 +8289,7 @@ if ('value' === n && 'PROGRESS' !== o.tagName) { o._value = r; var s = a(r) ? '' : String(r); - Er(o, s) && (o.value = s); + Ar(o, s) && (o.value = s); } else if ('innerHTML' === n && Kn(o.tagName) && a(o.innerHTML)) { (Sr = Sr || document.createElement('div')).innerHTML = '' + r + ''; for (var f = Sr.firstChild; o.firstChild; ) o.removeChild(o.firstChild); @@ -8301,7 +8301,7 @@ } } } - function Er(t, e) { + function Ar(t, e) { return ( !t.composing && ('OPTION' === t.tagName || @@ -8323,7 +8323,7 @@ })(t, e)) ); } - var kr = { create: Ar, update: Ar }, + var kr = { create: Er, update: Er }, Cr = O(function(t) { var e = {}, n = /:(.+)/; @@ -8560,20 +8560,20 @@ O = r.appearCancelled, S = r.duration, j = Qe, - A = Qe.$vnode; - A && A.parent; + E = Qe.$vnode; + E && E.parent; ) - (j = A.context), (A = A.parent); - var E = !j._isMounted || !t.isRootInsert; - if (!E || x || '' === x) { - var k = E && p ? p : c, - C = E && d ? d : l, - $ = E && h ? h : s, - P = (E && _) || v, - T = E && 'function' == typeof x ? x : y, - L = (E && w) || g, - R = (E && O) || b, + (j = E.context), (E = E.parent); + var A = !j._isMounted || !t.isRootInsert; + if (!A || x || '' === x) { + var k = A && p ? p : c, + C = A && d ? d : l, + $ = A && h ? h : s, + P = (A && _) || v, + T = A && 'function' == typeof x ? x : y, + L = (A && w) || g, + R = (A && O) || b, z = m(f(S) ? S.enter : S); 0; var D = !1 !== o && !Y, @@ -8802,7 +8802,7 @@ u(e.elm) && u(o) && (e = o[s] = _t(e)); var p = (e.elm = t.elm); if (c(t.isAsyncPlaceholder)) - u(e.asyncFactory.resolved) ? E(t.elm, e, n) : (e.isAsyncPlaceholder = !0); + u(e.asyncFactory.resolved) ? A(t.elm, e, n) : (e.isAsyncPlaceholder = !0); else if ( c(e.isStatic) && c(t.isStatic) && @@ -8882,8 +8882,8 @@ if (c(n) && u(t.parent)) t.parent.data.pendingInsert = e; else for (var r = 0; r < e.length; ++r) e[r].data.hook.insert(e[r]); } - var A = g('attrs,class,staticClass,staticStyle,key'); - function E(t, e, n, r) { + var E = g('attrs,class,staticClass,staticStyle,key'); + function A(t, e, n, r) { var o, i = e.tag, a = e.data, @@ -8899,7 +8899,7 @@ if (o !== t.innerHTML) return !1; } else { for (var f = !0, l = t.firstChild, h = 0; h < s.length; h++) { - if (!l || !E(l, s[h], n, r)) { + if (!l || !A(l, s[h], n, r)) { f = !1; break; } @@ -8911,7 +8911,7 @@ if (u(a)) { var v = !1; for (var m in a) - if (!A(m)) { + if (!E(m)) { (v = !0), y(e, n); break; } @@ -8935,7 +8935,7 @@ (1 === t.nodeType && t.hasAttribute('data-server-rendered') && (t.removeAttribute('data-server-rendered'), (n = !0)), - c(n) && E(t, e, p)) + c(n) && A(t, e, p)) ) return j(e, p, !0), t; (s = t), (t = new yt(i.tagName(s).toLowerCase(), {}, [], void 0, s)); @@ -8948,7 +8948,7 @@ if (((m.elm = e.elm), g)) { for (var w = 0; w < r.create.length; ++w) r.create[w](er, m); var O = m.data.hook.insert; - if (O.merged) for (var A = 1; A < O.fns.length; A++) O.fns[A](); + if (O.merged) for (var E = 1; E < O.fns.length; E++) O.fns[E](); } else tr(m); m = m.parent; } @@ -9124,10 +9124,10 @@ if (/\d-keep-alive$/.test(e.tag)) return t('keep-alive', { props: e.componentOptions.propsData }); } - var Ao = function(t) { + var Eo = function(t) { return t.tag || qe(t); }, - Eo = function(t) { + Ao = function(t) { return 'show' === t.name; }, ko = { @@ -9137,7 +9137,7 @@ render: function(t) { var e = this, n = this.$slots.default; - if (n && (n = n.filter(Ao)).length) { + if (n && (n = n.filter(Eo)).length) { 0; var r = this.mode; 0; @@ -9166,7 +9166,7 @@ c = this._vnode, f = Oo(c); if ( - (i.data.directives && i.data.directives.some(Eo) && (i.data.show = !0), + (i.data.directives && i.data.directives.some(Ao) && (i.data.show = !0), f && f.data && !(function(t, e) { @@ -9978,8 +9978,8 @@ O in g && (w.on[O] = Array.isArray(S) ? S : [S]); } for (var j in g) j in w.on ? w.on[j].push(g[j]) : (w.on[j] = m); - var A = (x.data.attrs = zo({}, x.data.attrs)); - (A.href = u), (A['aria-current'] = y); + var E = (x.data.attrs = zo({}, x.data.attrs)); + (E.href = u), (E['aria-current'] = y); } else b.on = g; } return t(this.tag, b, this.$slots.default); @@ -10003,8 +10003,8 @@ return t.preventDefault && t.preventDefault(), !0; } } - var Ai = 'undefined' != typeof window; - function Ei(t, e, n, r) { + var Ei = 'undefined' != typeof window; + function Ai(t, e, n, r) { var o = e || [], i = n || Object.create(null), a = r || Object.create(null); @@ -10058,7 +10058,7 @@ return oi(t, [], e); } function Ci(t, e) { - var n = Ei(t), + var n = Ai(t), r = n.pathList, o = n.pathMap, i = n.nameMap; @@ -10136,7 +10136,7 @@ return { match: a, addRoutes: function(t) { - Ei(t, r, o, i); + Ai(t, r, o, i); }, }; } @@ -10150,7 +10150,7 @@ } return !0; } - var Pi = Ai && window.performance && window.performance.now ? window.performance : Date; + var Pi = Ei && window.performance && window.performance.now ? window.performance : Date; function Ti() { return Pi.now().toFixed(3); } @@ -10239,7 +10239,7 @@ } var Wi, Gi = - Ai && + Ei && ((-1 === (Wi = window.navigator.userAgent).indexOf('Android 2.') && -1 === Wi.indexOf('Android 4.0')) || -1 === Wi.indexOf('Mobile Safari') || @@ -10381,7 +10381,7 @@ (this.router = t), (this.base = (function(t) { if (!t) - if (Ai) { + if (Ei) { var e = document.querySelector('base'); t = (t = (e && e.getAttribute('href')) || '/').replace(/^https?:\/\/[^\/]+/, ''); } else t = '/'; @@ -10822,7 +10822,7 @@ switch ( ((this.fallback = 'history' === e && !Gi && !1 !== t.fallback), this.fallback && (e = 'hash'), - Ai || (e = 'abstract'), + Ei || (e = 'abstract'), (this.mode = e), e) ) { @@ -11004,7 +11004,7 @@ (xa.version = '3.4.9'), (xa.isNavigationFailure = ra), (xa.NavigationFailureType = Qi), - Ai && window.Vue && window.Vue.use(xa); + Ei && window.Vue && window.Vue.use(xa); var Sa = xa; n(93), n(197), n(199), n(201), n(133), n(94), n(202), n(95); function ja(t) { @@ -11015,8 +11015,8 @@ Object.freeze(t); } n(174), n(134), n(43), n(176), n(66), n(56), n(57), n(82); - function Aa(t) { - return (Aa = + function Ea(t) { + return (Ea = 'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator ? function(t) { return typeof t; @@ -11030,7 +11030,7 @@ : typeof t; })(t); } - var Ea = n(40), + var Aa = n(40), ka = { NotFound: function() { return n.e(17).then(n.bind(null, 377)); @@ -11040,53 +11040,53 @@ }, }, Ca = { - 'v-27f2dbac': function() { - return n.e(19).then(n.bind(null, 382)); - }, - 'v-77cb6b9f': function() { - return n.e(9).then(n.bind(null, 383)); - }, 'v-11d3734f': function() { - return n.e(18).then(n.bind(null, 384)); - }, - 'v-358de850': function() { - return n.e(10).then(n.bind(null, 385)); - }, - 'v-2c7961a6': function() { - return n.e(21).then(n.bind(null, 386)); + return n.e(18).then(n.bind(null, 382)); }, 'v-50357228': function() { - return n.e(20).then(n.bind(null, 387)); + return n.e(20).then(n.bind(null, 383)); }, - 'v-3e53f828': function() { - return n.e(23).then(n.bind(null, 388)); + 'v-77cb6b9f': function() { + return n.e(9).then(n.bind(null, 384)); + }, + 'v-27f2dbac': function() { + return n.e(19).then(n.bind(null, 385)); + }, + 'v-1c499b2c': function() { + return n.e(11).then(n.bind(null, 386)); + }, + 'v-358de850': function() { + return n.e(10).then(n.bind(null, 387)); + }, + 'v-2c7961a6': function() { + return n.e(21).then(n.bind(null, 388)); }, 'v-6be2680e': function() { return n.e(22).then(n.bind(null, 389)); }, + 'v-3e53f828': function() { + return n.e(23).then(n.bind(null, 390)); + }, 'v-1995786c': function() { - return n.e(12).then(n.bind(null, 390)); + return n.e(12).then(n.bind(null, 391)); }, - 'v-f3d01ce0': function() { - return n.e(7).then(n.bind(null, 391)); - }, - 'v-1c499b2c': function() { - return n.e(11).then(n.bind(null, 392)); + 'v-4574ee28': function() { + return n.e(25).then(n.bind(null, 392)); }, 'v-25c71eb8': function() { return n.e(24).then(n.bind(null, 393)); }, + 'v-31643a8c': function() { + return n.e(13).then(n.bind(null, 394)); + }, 'v-76fd0d8c': function() { - return n.e(26).then(n.bind(null, 394)); + return n.e(26).then(n.bind(null, 395)); }, 'v-0be2f96c': function() { - return n.e(27).then(n.bind(null, 395)); + return n.e(27).then(n.bind(null, 396)); }, - 'v-31643a8c': function() { - return n.e(13).then(n.bind(null, 396)); - }, - 'v-4574ee28': function() { - return n.e(25).then(n.bind(null, 397)); + 'v-f3d01ce0': function() { + return n.e(7).then(n.bind(null, 397)); }, 'v-a9b10980': function() { return n.e(8).then(n.bind(null, 398)); @@ -11261,7 +11261,7 @@ var e; }, mounted: function() { - (this.currentMetaTags = Object(Ea.a)(document.querySelectorAll('meta'))), + (this.currentMetaTags = Object(Aa.a)(document.querySelectorAll('meta'))), this.updateMeta(), this.updateCanonicalLink(); }, @@ -11306,7 +11306,7 @@ function eu(t, e) { if ( (e && - Object(Ea.a)(e) + Object(Aa.a)(e) .filter(function(t) { return t.parentNode === document.head; }) @@ -11450,7 +11450,7 @@ t[e] || (t[e] = {}), Object.assign(t[e], n); break; case 'mixins': - t[e] || (t[e] = []), (r = t[e]).push.apply(r, Object(Ea.a)(n)); + t[e] || (t[e] = []), (r = t[e]).push.apply(r, Object(Aa.a)(n)); break; default: throw new Error('Unknown option name.'); @@ -11458,11 +11458,20 @@ })(fu, 'mixins', uu); var lu = [ { - name: 'v-27f2dbac', - path: '/zh/guide/building.html', + name: 'v-11d3734f', + path: '/', component: fu, beforeEnter: function(t, e, n) { - Wa('Layout', 'v-27f2dbac').then(n); + Wa('Layout', 'v-11d3734f').then(n); + }, + }, + { path: '/index.html', redirect: '/' }, + { + name: 'v-50357228', + path: '/zh/guide/componentDev/DSLAnalysis.html', + component: fu, + beforeEnter: function(t, e, n) { + Wa('Layout', 'v-50357228').then(n); }, }, { @@ -11475,14 +11484,21 @@ }, { path: '/zh/guide/index.html', redirect: '/zh/guide/' }, { - name: 'v-11d3734f', - path: '/', + name: 'v-27f2dbac', + path: '/zh/guide/building.html', component: fu, beforeEnter: function(t, e, n) { - Wa('Layout', 'v-11d3734f').then(n); + Wa('Layout', 'v-27f2dbac').then(n); + }, + }, + { + name: 'v-1c499b2c', + path: '/zh/guide/deployDev/deploy.html', + component: fu, + beforeEnter: function(t, e, n) { + Wa('Layout', 'v-1c499b2c').then(n); }, }, - { path: '/index.html', redirect: '/' }, { name: 'v-358de850', path: '/zh/guide/componentDev/dynamicLoading.html', @@ -11500,11 +11516,11 @@ }, }, { - name: 'v-50357228', - path: '/zh/guide/componentDev/DSLAnalysis.html', + name: 'v-6be2680e', + path: '/zh/guide/deployDev/api.html', component: fu, beforeEnter: function(t, e, n) { - Wa('Layout', 'v-50357228').then(n); + Wa('Layout', 'v-6be2680e').then(n); }, }, { @@ -11515,14 +11531,6 @@ Wa('Layout', 'v-3e53f828').then(n); }, }, - { - name: 'v-6be2680e', - path: '/zh/guide/deployDev/api.html', - component: fu, - beforeEnter: function(t, e, n) { - Wa('Layout', 'v-6be2680e').then(n); - }, - }, { name: 'v-1995786c', path: '/zh/guide/functionRealization/machinePreview.html', @@ -11532,19 +11540,11 @@ }, }, { - name: 'v-f3d01ce0', - path: '/zh/guide/functionRealization/pagePreview.html', + name: 'v-4574ee28', + path: '/zh/guide/directoryStructure.html', component: fu, beforeEnter: function(t, e, n) { - Wa('Layout', 'v-f3d01ce0').then(n); - }, - }, - { - name: 'v-1c499b2c', - path: '/zh/guide/deployDev/deploy.html', - component: fu, - beforeEnter: function(t, e, n) { - Wa('Layout', 'v-1c499b2c').then(n); + Wa('Layout', 'v-4574ee28').then(n); }, }, { @@ -11555,6 +11555,14 @@ Wa('Layout', 'v-25c71eb8').then(n); }, }, + { + name: 'v-31643a8c', + path: '/zh/guide/functionRealization/screenshot.html', + component: fu, + beforeEnter: function(t, e, n) { + Wa('Layout', 'v-31643a8c').then(n); + }, + }, { name: 'v-76fd0d8c', path: '/zh/guide/functionRealization/revocation.html', @@ -11572,19 +11580,11 @@ }, }, { - name: 'v-31643a8c', - path: '/zh/guide/functionRealization/screenshot.html', + name: 'v-f3d01ce0', + path: '/zh/guide/functionRealization/pagePreview.html', component: fu, beforeEnter: function(t, e, n) { - Wa('Layout', 'v-31643a8c').then(n); - }, - }, - { - name: 'v-4574ee28', - path: '/zh/guide/directoryStructure.html', - component: fu, - beforeEnter: function(t, e, n) { - Wa('Layout', 'v-4574ee28').then(n); + Wa('Layout', 'v-f3d01ce0').then(n); }, }, { @@ -11619,26 +11619,6 @@ base: '/doc/', headTags: [], pages: [ - { - frontmatter: {}, - regularPath: '/zh/guide/building.html', - relativePath: 'zh/guide/building.md', - key: 'v-27f2dbac', - path: '/zh/guide/building.html', - lastUpdated: '1/17/2021, 11:22:04 PM', - }, - { - frontmatter: {}, - regularPath: '/zh/guide/', - relativePath: 'zh/guide/README.md', - key: 'v-77cb6b9f', - path: '/zh/guide/', - headers: [ - { level: 2, title: '功能特点', slug: '功能特点' }, - { level: 2, title: '为什么选择 Dooring', slug: '为什么选择-dooring' }, - ], - lastUpdated: '3/22/2021, 10:16:35 AM', - }, { title: 'Home', frontmatter: { @@ -11669,6 +11649,47 @@ path: '/', lastUpdated: '1/17/2021, 11:22:04 PM', }, + { + title: 'DSL设计', + frontmatter: {}, + regularPath: '/zh/guide/componentDev/DSLAnalysis.html', + relativePath: 'zh/guide/componentDev/DSLAnalysis.md', + key: 'v-50357228', + path: '/zh/guide/componentDev/DSLAnalysis.html', + lastUpdated: '1/17/2021, 9:57:34 PM', + }, + { + frontmatter: {}, + regularPath: '/zh/guide/', + relativePath: 'zh/guide/README.md', + key: 'v-77cb6b9f', + path: '/zh/guide/', + headers: [ + { level: 2, title: '功能特点', slug: '功能特点' }, + { level: 2, title: '为什么选择 Dooring', slug: '为什么选择-dooring' }, + ], + lastUpdated: '3/22/2021, 10:16:35 AM', + }, + { + frontmatter: {}, + regularPath: '/zh/guide/building.html', + relativePath: 'zh/guide/building.md', + key: 'v-27f2dbac', + path: '/zh/guide/building.html', + lastUpdated: '1/17/2021, 11:22:04 PM', + }, + { + frontmatter: {}, + regularPath: '/zh/guide/deployDev/deploy.html', + relativePath: 'zh/guide/deployDev/deploy.md', + key: 'v-1c499b2c', + path: '/zh/guide/deployDev/deploy.html', + headers: [ + { level: 3, title: '部署架构图', slug: '部署架构图' }, + { level: 3, title: '步骤3.4详细流程', slug: '步骤3-4详细流程' }, + ], + lastUpdated: '4/20/2021, 10:19:10 PM', + }, { frontmatter: {}, regularPath: '/zh/guide/componentDev/dynamicLoading.html', @@ -11687,30 +11708,11 @@ headers: [ { level: 2, title: '组件设计', slug: '组件设计' }, { level: 2, title: 'template设计', slug: 'template设计' }, + { level: 2, title: 'schema设计', slug: 'schema设计' }, + { level: 3, title: '组件编辑区属性类型', slug: '组件编辑区属性类型' }, ], lastUpdated: '1/17/2021, 9:57:34 PM', }, - { - title: 'DSL设计', - frontmatter: {}, - regularPath: '/zh/guide/componentDev/DSLAnalysis.html', - relativePath: 'zh/guide/componentDev/DSLAnalysis.md', - key: 'v-50357228', - path: '/zh/guide/componentDev/DSLAnalysis.html', - lastUpdated: '1/17/2021, 9:57:34 PM', - }, - { - frontmatter: {}, - regularPath: '/zh/guide/deployDev/https.html', - relativePath: 'zh/guide/deployDev/https.md', - key: 'v-3e53f828', - path: '/zh/guide/deployDev/https.html', - headers: [ - { level: 3, title: '前端工程', slug: '前端工程' }, - { level: 3, title: '服务器工程', slug: '服务器工程' }, - ], - lastUpdated: '1/31/2021, 1:25:02 AM', - }, { frontmatter: {}, regularPath: '/zh/guide/deployDev/api.html', @@ -11745,6 +11747,18 @@ ], lastUpdated: '2/15/2021, 12:27:31 AM', }, + { + frontmatter: {}, + regularPath: '/zh/guide/deployDev/https.html', + relativePath: 'zh/guide/deployDev/https.md', + key: 'v-3e53f828', + path: '/zh/guide/deployDev/https.html', + headers: [ + { level: 3, title: '前端工程', slug: '前端工程' }, + { level: 3, title: '服务器工程', slug: '服务器工程' }, + ], + lastUpdated: '1/31/2021, 1:25:02 AM', + }, { frontmatter: {}, regularPath: '/zh/guide/functionRealization/machinePreview.html', @@ -11755,23 +11769,11 @@ }, { frontmatter: {}, - regularPath: '/zh/guide/functionRealization/pagePreview.html', - relativePath: 'zh/guide/functionRealization/pagePreview.md', - key: 'v-f3d01ce0', - path: '/zh/guide/functionRealization/pagePreview.html', - lastUpdated: '1/17/2021, 9:57:34 PM', - }, - { - frontmatter: {}, - regularPath: '/zh/guide/deployDev/deploy.html', - relativePath: 'zh/guide/deployDev/deploy.md', - key: 'v-1c499b2c', - path: '/zh/guide/deployDev/deploy.html', - headers: [ - { level: 3, title: '部署架构图', slug: '部署架构图' }, - { level: 3, title: '步骤3.4详细流程', slug: '步骤3-4详细流程' }, - ], - lastUpdated: '3/24/2021, 3:07:39 AM', + regularPath: '/zh/guide/directoryStructure.html', + relativePath: 'zh/guide/directoryStructure.md', + key: 'v-4574ee28', + path: '/zh/guide/directoryStructure.html', + lastUpdated: '1/17/2021, 7:12:02 PM', }, { frontmatter: {}, @@ -11782,6 +11784,14 @@ headers: [{ level: 3, title: '前端上传文件到oss', slug: '前端上传文件到oss' }], lastUpdated: '1/31/2021, 1:25:02 AM', }, + { + frontmatter: {}, + regularPath: '/zh/guide/functionRealization/screenshot.html', + relativePath: 'zh/guide/functionRealization/screenshot.md', + key: 'v-31643a8c', + path: '/zh/guide/functionRealization/screenshot.html', + lastUpdated: '1/17/2021, 9:57:34 PM', + }, { frontmatter: {}, regularPath: '/zh/guide/functionRealization/revocation.html', @@ -11800,20 +11810,12 @@ }, { frontmatter: {}, - regularPath: '/zh/guide/functionRealization/screenshot.html', - relativePath: 'zh/guide/functionRealization/screenshot.md', - key: 'v-31643a8c', - path: '/zh/guide/functionRealization/screenshot.html', + regularPath: '/zh/guide/functionRealization/pagePreview.html', + relativePath: 'zh/guide/functionRealization/pagePreview.md', + key: 'v-f3d01ce0', + path: '/zh/guide/functionRealization/pagePreview.html', lastUpdated: '1/17/2021, 9:57:34 PM', }, - { - frontmatter: {}, - regularPath: '/zh/guide/directoryStructure.html', - relativePath: 'zh/guide/directoryStructure.md', - key: 'v-4574ee28', - path: '/zh/guide/directoryStructure.html', - lastUpdated: '1/17/2021, 7:12:02 PM', - }, { frontmatter: {}, regularPath: '/zh/guide/functionRealization/templateLibrary.html', @@ -11992,12 +11994,12 @@ Ro.component('Home', function() { return Promise.all([n.e(0), n.e(3)]).then(n.bind(null, 379)); }), - Ro.component('CodeBlock', function() { - return Promise.all([n.e(0), n.e(5)]).then(n.bind(null, 380)); - }), Ro.component('Badge', function() { return Promise.all([n.e(0), n.e(4)]).then(n.bind(null, 401)); }), + Ro.component('CodeBlock', function() { + return Promise.all([n.e(0), n.e(5)]).then(n.bind(null, 380)); + }), Ro.component('CodeGroup', function() { return Promise.all([n.e(0), n.e(6)]).then(n.bind(null, 381)); }); @@ -12057,7 +12059,7 @@ } n(138), n(98); function _u(t, e) { - return !e || ('object' !== Aa(e) && 'function' != typeof e) + return !e || ('object' !== Ea(e) && 'function' != typeof e) ? (function(t) { if (void 0 === t) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); @@ -12172,7 +12174,7 @@ }).length > 0 ); } - var Au = { + var Eu = { props: { pageKey: String, slotKey: { type: String, default: 'default' } }, render: function(t) { var e = this.pageKey || this.$parent.$page.key; @@ -12183,7 +12185,7 @@ ); }, }, - Eu = { + Au = { functional: !0, props: { slotKey: String, required: !0 }, render: function(t, e) { @@ -12476,8 +12478,8 @@ })(); }, pu), ), - Ro.component('Content', Au), - Ro.component('ContentSlotsDistributor', Eu), + Ro.component('Content', Eu), + Ro.component('ContentSlotsDistributor', Au), Ro.component('OutboundLink', Cu), Ro.component('ClientOnly', { functional: !0, @@ -12496,7 +12498,7 @@ var e = this.$site.base; return '/' === t.charAt(0) ? e + t.slice(1) : t; }), - (window.__VUEPRESS__ = { version: '1.8.0', hash: 'c24264e' }), + (window.__VUEPRESS__ = { version: '1.8.0', hash: '615c49f' }), (function(t) { return $u.apply(this, arguments); })(!1).then(function(t) { diff --git a/doc-dist/index.html b/doc-dist/index.html index b482da5..213c863 100644 --- a/doc-dist/index.html +++ b/doc-dist/index.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
- + diff --git a/doc-dist/zh/guide/building.html b/doc-dist/zh/guide/building.html index bc44294..808a529 100644 --- a/doc-dist/zh/guide/building.html +++ b/doc-dist/zh/guide/building.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

正在建设中...

Last Updated: 1/17/2021, 11:22:04 PM
- + diff --git a/doc-dist/zh/guide/componentDev/DSLAnalysis.html b/doc-dist/zh/guide/componentDev/DSLAnalysis.html index 2118b4f..4fd2e87 100644 --- a/doc-dist/zh/guide/componentDev/DSLAnalysis.html +++ b/doc-dist/zh/guide/componentDev/DSLAnalysis.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
- + diff --git a/doc-dist/zh/guide/componentDev/componentStructure.html b/doc-dist/zh/guide/componentDev/componentStructure.html index 682e5f1..092a377 100644 --- a/doc-dist/zh/guide/componentDev/componentStructure.html +++ b/doc-dist/zh/guide/componentDev/componentStructure.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

# 组件结构

dooring的组件设计包含以下3个部分组件：

1、component 组件主体

2、schema 组件的DSL，结构协议层

3、template 定义了组件的类型、外观、从属关系，后期考虑纳入schema

接下来我会介绍一个基本的组件主体设计，以为template设计，在下一章会具体介绍schema部分。

# 组件设计

我们这里拿基本的header组件来举例，如下是header组件的代码：

interface HeaderPropTypes extends IHeaderConfig {
+   (opens new window)

# 组件结构

dooring的组件设计包含以下3个部分组件：

1、component 组件主体

2、schema 组件的DSL，结构协议层

3、template 定义了组件的类型、外观、从属关系，后期考虑纳入schema

接下来我会介绍一个基本的组件主体设计，以为template设计，在下一章会具体介绍schema部分。

# 组件设计

我们这里拿基本的header组件来举例，如下是header组件的代码：

interface HeaderPropTypes extends IHeaderConfig {
   isTpl: boolean;
 }
 
@@ -55,7 +55,91 @@
   displayName: '页头组件'
 };
 export default template;
-

以上就是我们template的结构，type用来定义组件的类型，方便渲染器动态查找，h代表组件的初始化高度，我们可以自由设置。displayName是组件的中文名，用来在左侧组件面板中展示，方便用户理解，我们可以在template中自定义更多辅助信息，方便使用者更高效的使用我们的编辑器。

Last Updated: 1/17/2021, 9:57:34 PM

+

以上就是我们template的结构，type用来定义组件的类型，方便渲染器动态查找，h代表组件的初始化高度，我们可以自由设置。displayName是组件的中文名，用来在左侧组件面板中展示，方便用户理解，我们可以在template中自定义更多辅助信息，方便使用者更高效的使用我们的编辑器。

# schema设计

开发一个自定义组件需要包含3部分, Component, Schema 和 Template. 接下来我们看一下 Header 组件的 Schema.

import {
+  IColorConfigType,
+  INumberConfigType,
+  ITextConfigType,
+  IUploadConfigType,
+  TColorDefaultType,
+  TNumberDefaultType,
+  TTextDefaultType,
+  TUploadDefaultType,
+} from '@/components/FormComponents/types';
+import { baseConfig, baseDefault, ICommonBaseType } from '../../common';
+
+export type THeaderEditData = Array<
+  IColorConfigType | INumberConfigType | IUploadConfigType | ITextConfigType
+>;
+export interface IHeaderConfig extends ICommonBaseType {
+  bgColor: TColorDefaultType;
+  logo: TUploadDefaultType;
+  logoText: TTextDefaultType;
+  fontSize: TNumberDefaultType;
+  color: TColorDefaultType;
+  height: TNumberDefaultType;
+}
+
+export interface IHeaderSchema {
+  editData: THeaderEditData;
+  config: IHeaderConfig;
+}
+
+const Header: IHeaderSchema = {
+  editData: [
+    ...baseConfig,
+    {
+      key: 'bgColor',
+      name: '背景色',
+      type: 'Color',
+    },
+    {
+      key: 'height',
+      name: '高度',
+      type: 'Number',
+    },
+    {
+      key: 'logo',
+      name: 'logo',
+      type: 'Upload',
+      isCrop: true,
+      cropRate: 1000 / 618,
+    },
+    {
+      key: 'logoText',
+      name: 'logo文字',
+      type: 'Text',
+    },
+    {
+      key: 'color',
+      name: '文字颜色',
+      type: 'Color',
+    },
+    {
+      key: 'fontSize',
+      name: '文字大小',
+      type: 'Number',
+    },
+  ],
+  config: {
+    bgColor: 'rgba(0,0,0,1)',
+    logo: [
+      {
+        uid: '001',
+        name: 'image.png',
+        status: 'done',
+        url: 'http://49.234.61.19/uploads/3_1740be8a482.png',
+      },
+    ],
+    logoText: '页头Header',
+    fontSize: 20,
+    color: 'rgba(255,255,255,1)',
+    height: 50,
+    ...baseDefault,
+  },
+};
+
+export default Header;
+

editData表示组件的可编辑属性, 我们可以自定义哪些组件可编辑. config为组件接收的属性, 和editData数组项中的key一一对应.

# 组件编辑区属性类型

Dooring组件编辑面板有如下对应编辑类型:

  • Upload 上传组件
  • Text 文本框
  • RichText 富文本
  • TextArea 多行文本
  • Number 数字输入框
  • DataList 列表编辑器
  • FileList 文件列表编辑器
  • InteractionData 交互设置
  • Color 颜色面板
  • MutiText 多文本
  • Select 选择下拉框
  • Radio 单选框
  • Switch 开关切换
  • CardPicker 卡片面板
  • Table 表格编辑器
  • Pos 坐标编辑器
  • FormItems 表单设计器
Last Updated: 1/17/2021, 9:57:34 PM

← →

- + diff --git a/doc-dist/zh/guide/componentDev/dynamicLoading.html b/doc-dist/zh/guide/componentDev/dynamicLoading.html index 2b718b1..dfaa7fb 100644 --- a/doc-dist/zh/guide/componentDev/dynamicLoading.html +++ b/doc-dist/zh/guide/componentDev/dynamicLoading.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
- + diff --git a/doc-dist/zh/guide/deployDev/api.html b/doc-dist/zh/guide/deployDev/api.html index 38b1af1..32f734f 100644 --- a/doc-dist/zh/guide/deployDev/api.html +++ b/doc-dist/zh/guide/deployDev/api.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
- + diff --git a/doc-dist/zh/guide/deployDev/deploy.html b/doc-dist/zh/guide/deployDev/deploy.html index 4553a7e..4ab18b8 100644 --- a/doc-dist/zh/guide/deployDev/deploy.html +++ b/doc-dist/zh/guide/deployDev/deploy.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

私有化部署需要获取4个核心项目包, 包括

  • H5编辑器(h5_plus)
  • H5基座(h5)
  • Dooring管理后台(Dooring-Admin)
  • 服务端项目(Server)

获取以上四个核心源码工程需要满足商业授权协议, 具体可参考商业授权方案 (opens new window)

# 部署架构图

H5-dooring部署

部署流程如下:

  1. 下载4个源码工程, 安装依赖(npm install 或 yarn)
  2. 打包3个前端工程至server的static目录下
  3. 在server下本地运行 yarn start 或 npm start 启动服务端进行本地测试
  4. 打包服务端代码, yarn build 生成 dist 目录, 建议使用 pm2 做nodejs服务的负载均衡, 运行 pm2 start dist/index.js启动生产环境代码

也可以将以上步骤集成到gitlab等CI, CD服务中, 进行自动化打包发布, 或者采用docker进行容器化部署.

# 步骤3.4详细流程

# 1. 安装项目环境

服务器需提前安装node和pm2, 将本项目上传至服务器指定的目录(如/www/activity), 进入项目目录, 执行:

npm install
-

# 2. 修改项目域名

进入./src/config/index.js, 修改staticPath变量为当前服务器域名/ip, 如http://xxx.com或http://xxx.com:8080(如非80端口)

# 3. 编译项目

执行npm run build编译项目, 生成dist目录

# 4. 运行项目

在项目根目录执行 pm2 start dist/index.js启动项目

Last Updated: 3/24/2021, 3:07:39 AM

+

# 2. 修改项目域名

进入./src/config/index.js, 修改staticPath变量为当前服务器域名/ip, 如http://xxx.com或http://xxx.com:8080(如非80端口)

# 3. 编译项目

执行npm run build编译项目, 生成dist目录

# 4. 运行项目

在项目根目录执行 pm2 start dist/index.js启动项目

Last Updated: 4/20/2021, 10:19:10 PM

← →

- + diff --git a/doc-dist/zh/guide/deployDev/https.html b/doc-dist/zh/guide/deployDev/https.html index fbc102f..cbe98ab 100644 --- a/doc-dist/zh/guide/deployDev/https.html +++ b/doc-dist/zh/guide/deployDev/https.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
- + diff --git a/doc-dist/zh/guide/deployDev/oss.html b/doc-dist/zh/guide/deployDev/oss.html index a56797b..df80352 100644 --- a/doc-dist/zh/guide/deployDev/oss.html +++ b/doc-dist/zh/guide/deployDev/oss.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
- + diff --git a/doc-dist/zh/guide/directoryStructure.html b/doc-dist/zh/guide/directoryStructure.html index 399e9d5..cbb8435 100644 --- a/doc-dist/zh/guide/directoryStructure.html +++ b/doc-dist/zh/guide/directoryStructure.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
- + diff --git a/doc-dist/zh/guide/functionRealization/machinePreview.html b/doc-dist/zh/guide/functionRealization/machinePreview.html index 53f2e18..1585cc5 100644 --- a/doc-dist/zh/guide/functionRealization/machinePreview.html +++ b/doc-dist/zh/guide/functionRealization/machinePreview.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
- + diff --git a/doc-dist/zh/guide/functionRealization/pagePreview.html b/doc-dist/zh/guide/functionRealization/pagePreview.html index a8f2401..bd7dd50 100644 --- a/doc-dist/zh/guide/functionRealization/pagePreview.html +++ b/doc-dist/zh/guide/functionRealization/pagePreview.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
- + diff --git a/doc-dist/zh/guide/functionRealization/revocation.html b/doc-dist/zh/guide/functionRealization/revocation.html index 3f3cb5f..613b43e 100644 --- a/doc-dist/zh/guide/functionRealization/revocation.html +++ b/doc-dist/zh/guide/functionRealization/revocation.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
- + diff --git a/doc-dist/zh/guide/functionRealization/saveJson.html b/doc-dist/zh/guide/functionRealization/saveJson.html index 494740d..9a37e8b 100644 --- a/doc-dist/zh/guide/functionRealization/saveJson.html +++ b/doc-dist/zh/guide/functionRealization/saveJson.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
- + diff --git a/doc-dist/zh/guide/functionRealization/screenshot.html b/doc-dist/zh/guide/functionRealization/screenshot.html index 988426e..577cd75 100644 --- a/doc-dist/zh/guide/functionRealization/screenshot.html +++ b/doc-dist/zh/guide/functionRealization/screenshot.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
- + diff --git a/doc-dist/zh/guide/functionRealization/templateLibrary.html b/doc-dist/zh/guide/functionRealization/templateLibrary.html index 18fa509..2010996 100644 --- a/doc-dist/zh/guide/functionRealization/templateLibrary.html +++ b/doc-dist/zh/guide/functionRealization/templateLibrary.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
- + diff --git a/doc-dist/zh/guide/index.html b/doc-dist/zh/guide/index.html index e1f6392..4cf11b2 100644 --- a/doc-dist/zh/guide/index.html +++ b/doc-dist/zh/guide/index.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
- + diff --git a/doc-dist/zh/guide/introduced.html b/doc-dist/zh/guide/introduced.html index 058c232..f152d82 100644 --- a/doc-dist/zh/guide/introduced.html +++ b/doc-dist/zh/guide/introduced.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
- + diff --git a/doc-dist/zh/guide/startedQuickly.html b/doc-dist/zh/guide/startedQuickly.html index 9ac3025..40e88e2 100644 --- a/doc-dist/zh/guide/startedQuickly.html +++ b/doc-dist/zh/guide/startedQuickly.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
- + diff --git a/doc/zh/guide/componentDev/componentStructure.md b/doc/zh/guide/componentDev/componentStructure.md index d273357..b9b2c73 100644 --- a/doc/zh/guide/componentDev/componentStructure.md +++ b/doc/zh/guide/componentDev/componentStructure.md @@ -59,3 +59,121 @@ export default template; ``` 以上就是我们template的结构，type用来定义组件的类型，方便渲染器动态查找，h代表组件的初始化高度，我们可以自由设置。displayName是组件的中文名，用来在左侧组件面板中展示，方便用户理解，我们可以在template中自定义更多辅助信息，方便使用者更高效的使用我们的编辑器。 + + +## schema设计 + +开发一个自定义组件需要包含3部分, `Component`, `Schema` 和 `Template`. 接下来我们看一下 `Header` 组件的 `Schema`. + +``` js +import { + IColorConfigType, + INumberConfigType, + ITextConfigType, + IUploadConfigType, + TColorDefaultType, + TNumberDefaultType, + TTextDefaultType, + TUploadDefaultType, +} from '@/components/FormComponents/types'; +import { baseConfig, baseDefault, ICommonBaseType } from '../../common'; + +export type THeaderEditData = Array< + IColorConfigType | INumberConfigType | IUploadConfigType | ITextConfigType +>; +export interface IHeaderConfig extends ICommonBaseType { + bgColor: TColorDefaultType; + logo: TUploadDefaultType; + logoText: TTextDefaultType; + fontSize: TNumberDefaultType; + color: TColorDefaultType; + height: TNumberDefaultType; +} + +export interface IHeaderSchema { + editData: THeaderEditData; + config: IHeaderConfig; +} + +const Header: IHeaderSchema = { + editData: [ + ...baseConfig, + { + key: 'bgColor', + name: '背景色', + type: 'Color', + }, + { + key: 'height', + name: '高度', + type: 'Number', + }, + { + key: 'logo', + name: 'logo', + type: 'Upload', + isCrop: true, + cropRate: 1000 / 618, + }, + { + key: 'logoText', + name: 'logo文字', + type: 'Text', + }, + { + key: 'color', + name: '文字颜色', + type: 'Color', + }, + { + key: 'fontSize', + name: '文字大小', + type: 'Number', + }, + ], + config: { + bgColor: 'rgba(0,0,0,1)', + logo: [ + { + uid: '001', + name: 'image.png', + status: 'done', + url: 'http://49.234.61.19/uploads/3_1740be8a482.png', + }, + ], + logoText: '页头Header', + fontSize: 20, + color: 'rgba(255,255,255,1)', + height: 50, + ...baseDefault, + }, +}; + +export default Header; +``` + +`editData`表示组件的可编辑属性, 我们可以自定义哪些组件可编辑. `config`为组件接收的属性, 和`editData`数组项中的`key`一一对应. + + +### 组件编辑区属性类型 + +`Dooring`组件编辑面板有如下对应编辑类型: + +- Upload 上传组件 +- Text 文本框 +- RichText 富文本 +- TextArea 多行文本 +- Number 数字输入框 +- DataList 列表编辑器 +- FileList 文件列表编辑器 +- InteractionData 交互设置 +- Color 颜色面板 +- MutiText 多文本 +- Select 选择下拉框 +- Radio 单选框 +- Switch 开关切换 +- CardPicker 卡片面板 +- Table 表格编辑器 +- Pos 坐标编辑器 +- FormItems 表单设计器 +