diff --git a/doc-dist/404.html b/doc-dist/404.html index 669cde5..de2fa59 100644 --- a/doc-dist/404.html +++ b/doc-dist/404.html @@ -8,13 +8,13 @@ - - + + -

404

Looks like we've got some broken links.
+ - + diff --git a/doc-dist/assets/css/0.styles.690c58c3.css b/doc-dist/assets/css/0.styles.150aeb2b.css similarity index 97% rename from doc-dist/assets/css/0.styles.690c58c3.css rename to doc-dist/assets/css/0.styles.150aeb2b.css index 5d19ff0..d95d779 100644 --- a/doc-dist/assets/css/0.styles.690c58c3.css +++ b/doc-dist/assets/css/0.styles.150aeb2b.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}}.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 +/*! 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-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}.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} \ No newline at end of file diff --git a/doc-dist/assets/js/10.2d5d3aaa.js b/doc-dist/assets/js/10.b0d462d3.js similarity index 98% rename from doc-dist/assets/js/10.2d5d3aaa.js rename to doc-dist/assets/js/10.b0d462d3.js index 74b28b4..fd24475 100644 --- a/doc-dist/assets/js/10.2d5d3aaa.js +++ b/doc-dist/assets/js/10.b0d462d3.js @@ -4,7 +4,7 @@ 359: function(t, r, a) { t.exports = a.p + 'assets/img/dynamic.15a5303a.png'; }, - 388: function(t, r, a) { + 387: function(t, r, a) { 'use strict'; a.r(r); var n = a(42), diff --git a/doc-dist/assets/js/11.df257dc3.js b/doc-dist/assets/js/11.6f1d3bfc.js similarity index 98% rename from doc-dist/assets/js/11.df257dc3.js rename to doc-dist/assets/js/11.6f1d3bfc.js index 08d30a8..8436011 100644 --- a/doc-dist/assets/js/11.df257dc3.js +++ b/doc-dist/assets/js/11.6f1d3bfc.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [11], { - 360: function(t, _, v) { + 361: function(t, _, v) { t.exports = v.p + 'assets/img/deploy.d1b1d698.png'; }, - 391: function(t, _, v) { + 394: function(t, _, v) { 'use strict'; v.r(_); var a = v(42), @@ -50,7 +50,7 @@ t._v(' 部署架构图'), ]), t._v(' '), - a('img', { attrs: { src: v(360), alt: 'H5-dooring部署' } }), + a('img', { attrs: { src: v(361), alt: 'H5-dooring部署' } }), t._v(' '), a('p', [t._v('部署流程如下:')]), t._v(' '), diff --git a/doc-dist/assets/js/12.f89f1db1.js b/doc-dist/assets/js/12.fab21abd.js similarity index 98% rename from doc-dist/assets/js/12.f89f1db1.js rename to doc-dist/assets/js/12.fab21abd.js index 026f2cc..76df81f 100644 --- a/doc-dist/assets/js/12.f89f1db1.js +++ b/doc-dist/assets/js/12.fab21abd.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [12], { - 361: function(t, v, _) { + 360: function(t, v, _) { t.exports = _.p + 'assets/img/v6.deploy.43cbe0de.png'; }, - 393: function(t, v, _) { + 388: function(t, v, _) { 'use strict'; _.r(v); var e = _(42), @@ -48,7 +48,7 @@ t._v(' 部署架构图'), ]), t._v(' '), - e('img', { attrs: { src: _(361), alt: 'H5-dooring部署' } }), + e('img', { attrs: { src: _(360), alt: 'H5-dooring部署' } }), t._v(' '), e('p', [t._v('部署流程如下:')]), t._v(' '), diff --git a/doc-dist/assets/js/13.cf14fabe.js b/doc-dist/assets/js/13.96be485c.js similarity index 96% rename from doc-dist/assets/js/13.cf14fabe.js rename to doc-dist/assets/js/13.96be485c.js index 788e579..b1e4488 100644 --- a/doc-dist/assets/js/13.cf14fabe.js +++ b/doc-dist/assets/js/13.96be485c.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [13], { - 370: function(s, a, t) { + 362: function(s, a, t) { s.exports = t.p + 'assets/img/down.75812dab.png'; }, - 406: function(s, a, t) { + 395: function(s, a, t) { 'use strict'; t.r(a); var n = t(42), @@ -24,7 +24,7 @@ s._v( '目前Dooring已支持下载源码功能, 我们可以使用编辑器页面头部的下载按钮来实现下载用户搭建的H5源码.\n', ), - n('img', { attrs: { src: t(370), alt: 'foo' } }), + n('img', { attrs: { src: t(362), alt: 'foo' } }), ]), s._v(' '), n('p', [ diff --git a/doc-dist/assets/js/14.0938030a.js b/doc-dist/assets/js/14.c3ed6dd7.js similarity index 90% rename from doc-dist/assets/js/14.0938030a.js rename to doc-dist/assets/js/14.c3ed6dd7.js index 0d79bb0..ac7f124 100644 --- a/doc-dist/assets/js/14.0938030a.js +++ b/doc-dist/assets/js/14.c3ed6dd7.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [14], { - 362: function(t, e, s) { + 365: function(t, e, s) { t.exports = s.p + 'assets/img/preview-machine.895a0711.png'; }, - 398: function(t, e, s) { + 401: 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(362), alt: 'foo' } }), + a('img', { attrs: { src: s(365), alt: 'foo' } }), t._v(' '), a('p', [t._v('由于不同机型预览的效果有些许不同，最终效果以实际看到的为主。')]), ]); diff --git a/doc-dist/assets/js/15.8ae75417.js b/doc-dist/assets/js/15.751a6d56.js similarity index 90% rename from doc-dist/assets/js/15.8ae75417.js rename to doc-dist/assets/js/15.751a6d56.js index 40ba5fe..07b6f91 100644 --- a/doc-dist/assets/js/15.8ae75417.js +++ b/doc-dist/assets/js/15.751a6d56.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [15], { - 365: function(t, s, e) { + 368: function(t, s, e) { t.exports = e.p + 'assets/img/screenshot.daeecedd.png'; }, - 402: function(t, s, e) { + 405: function(t, s, e) { 'use strict'; e.r(s); var a = e(42), @@ -27,7 +27,7 @@ ), ]), this._v(' '), - s('img', { attrs: { src: e(365), alt: 'foo' } }), + s('img', { attrs: { src: e(368), alt: 'foo' } }), ]); }, [], diff --git a/doc-dist/assets/js/16.ce961f82.js b/doc-dist/assets/js/16.b025618a.js similarity index 85% rename from doc-dist/assets/js/16.ce961f82.js rename to doc-dist/assets/js/16.b025618a.js index 484a908..28b457a 100644 --- a/doc-dist/assets/js/16.ce961f82.js +++ b/doc-dist/assets/js/16.b025618a.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [16], { - 368: function(t, s, e) { + 370: function(t, s, e) { t.exports = e.p + 'assets/img/framework.1c9c696b.png'; }, - 404: function(t, s, e) { + 407: function(t, s, e) { 'use strict'; e.r(s); var n = e(42), @@ -14,7 +14,7 @@ var t = this.$createElement, s = this._self._c || t; return s('ContentSlotsDistributor', { attrs: { 'slot-key': this.$parent.slotKey } }, [ - s('img', { attrs: { src: e(368), alt: 'foo' } }), + s('img', { attrs: { src: e(370), alt: 'foo' } }), this._v(' '), s('p', [this._v('注：灰色部分还未实现，正在更新中...')]), ]); diff --git a/doc-dist/assets/js/17.47167e97.js b/doc-dist/assets/js/17.bf2e8f73.js similarity index 99% rename from doc-dist/assets/js/17.47167e97.js rename to doc-dist/assets/js/17.bf2e8f73.js index 8f35a1c..65a1492 100644 --- a/doc-dist/assets/js/17.47167e97.js +++ b/doc-dist/assets/js/17.bf2e8f73.js @@ -4,7 +4,7 @@ 369: function(t, a, r) { t.exports = r.p + 'assets/img/home.f76105db.png'; }, - 405: function(t, a, r) { + 406: function(t, a, r) { 'use strict'; r.r(a); var e = r(42), diff --git a/doc-dist/assets/js/20.59b1f4bf.js b/doc-dist/assets/js/20.3e91412b.js similarity index 94% rename from doc-dist/assets/js/20.59b1f4bf.js rename to doc-dist/assets/js/20.3e91412b.js index 0e77c92..4b73238 100644 --- a/doc-dist/assets/js/20.59b1f4bf.js +++ b/doc-dist/assets/js/20.3e91412b.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [20], { - 385: function(t, e, n) { + 390: function(t, e, n) { 'use strict'; n.r(e); var s = n(42), diff --git a/doc-dist/assets/js/21.1434ff6f.js b/doc-dist/assets/js/21.ab262167.js similarity index 95% rename from doc-dist/assets/js/21.1434ff6f.js rename to doc-dist/assets/js/21.ab262167.js index ef135ae..2a1dab0 100644 --- a/doc-dist/assets/js/21.1434ff6f.js +++ b/doc-dist/assets/js/21.ab262167.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [21], { - 387: 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/23.61d86371.js b/doc-dist/assets/js/23.b2f0953d.js similarity index 99% rename from doc-dist/assets/js/23.61d86371.js rename to doc-dist/assets/js/23.b2f0953d.js index b7febad..5ecc447 100644 --- a/doc-dist/assets/js/23.61d86371.js +++ b/doc-dist/assets/js/23.b2f0953d.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [23], { - 389: function(t, s, a) { + 391: function(t, s, a) { 'use strict'; a.r(s); var n = a(42), diff --git a/doc-dist/assets/js/24.04e2a2e3.js b/doc-dist/assets/js/24.945f07e2.js similarity index 99% rename from doc-dist/assets/js/24.04e2a2e3.js rename to doc-dist/assets/js/24.945f07e2.js index c2572a2..5bf4f82 100644 --- a/doc-dist/assets/js/24.04e2a2e3.js +++ b/doc-dist/assets/js/24.945f07e2.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [24], { - 390: function(t, s, a) { + 389: function(t, s, a) { 'use strict'; a.r(s); var n = a(42), @@ -28,9 +28,9 @@ t._v(' 用户相关'), ]), t._v(' '), - a('h3', { attrs: { id: '登录' } }, [ - a('a', { staticClass: 'header-anchor', attrs: { href: '#登录' } }, [t._v('#')]), - t._v(' 登录'), + a('h3', { attrs: { id: '用户登录' } }, [ + a('a', { staticClass: 'header-anchor', attrs: { href: '#用户登录' } }, [t._v('#')]), + t._v(' 用户登录'), ]), t._v(' '), a('p', [t._v('用户登录接口')]), diff --git a/doc-dist/assets/js/25.40d3ee9b.js b/doc-dist/assets/js/25.55896e11.js similarity index 98% rename from doc-dist/assets/js/25.40d3ee9b.js rename to doc-dist/assets/js/25.55896e11.js index f0dca59..5b4ac87 100644 --- a/doc-dist/assets/js/25.40d3ee9b.js +++ b/doc-dist/assets/js/25.55896e11.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [25], { - 394: function(v, _, l) { + 392: function(v, _, l) { 'use strict'; l.r(_); var i = l(42), diff --git a/doc-dist/assets/js/28.f3f980e4.js b/doc-dist/assets/js/26.3f135e70.js similarity index 61% rename from doc-dist/assets/js/28.f3f980e4.js rename to doc-dist/assets/js/26.3f135e70.js index 07f05f1..9648fe9 100644 --- a/doc-dist/assets/js/28.f3f980e4.js +++ b/doc-dist/assets/js/26.3f135e70.js @@ -1,217 +1,56 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [28], + [26], { - 396: function(t, s, a) { + 393: function(t, s, a) { 'use strict'; a.r(s); var n = a(42), - e = Object(n.a)( + 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('p', [ - a('strong', [t._v('H5-Dooring')]), - t._v('全面支持第三方对象存储服务, 我们以七牛云对象存储为例.'), - ]), - t._v(' '), - a('h3', { attrs: { id: '前端上传文件到oss' } }, [ - a('a', { staticClass: 'header-anchor', attrs: { href: '#前端上传文件到oss' } }, [ + a('h3', { attrs: { id: '获取form组件的值数据' } }, [ + a('a', { staticClass: 'header-anchor', attrs: { href: '#获取form组件的值数据' } }, [ t._v('#'), ]), - t._v(' 前端上传文件到oss'), + t._v(' 获取Form组件的值数据'), ]), t._v(' '), a('p', [ + t._v('Form表单组件在'), + a('code', [t._v('editor')]), + t._v('目录下'), + a('code', [t._v('src/components/BasicShop/BasicComponents')]), + t._v('位置.'), + ]), + t._v(' '), + a('p', [ + t._v('Form组件是'), + a('code', [t._v('Dooring')]), t._v( - '首先我们需要在第三方对象储存服务中配置对应的服务和域名. 其次安装对应的sdk, 如七牛云sdk:', + '的核心组件之一, 内部的值通过Form组件内部收集, 当然我们也可以暴露出来让其他交互或者组件消费(需要一定的二次开发), 关键代码如下:', ), ]), 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 operator' } }, [t._v('*')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('as')]), - t._v(' qiniu '), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('from')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'qiniu-js'")]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), - t._v('\n'), - ]), - ]), - ]), - a('p', [ - t._v('其次我们修改'), - a('code', [t._v('h5_plus')]), - t._v('工程的'), - a('code', [t._v('Upload')]), - t._v('组件, 详细地址为'), - a('code', [t._v('src/core/FormComponents/Upload')]), - t._v('.'), - ]), - t._v(' '), - a('p', [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('const')]), - t._v(' fileName '), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), - t._v(' file'), + t._v('req'), a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - t._v('name\n'), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), - t._v(' suffix '), - 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 keyword' } }, [t._v('const')]), - t._v(' putExtra '), - 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 fname'), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), - t._v(' fileName'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), - t._v('\n params'), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), - 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('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(' uid '), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('+')]), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('new')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token class-name' } }, [t._v('Date')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('post')]), a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), - 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 function' } }, [t._v('uuid')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), - a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('16')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('8')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('+')]), - t._v(' suffix\n'), - a('span', { pre: !0, attrs: { class: 'token comment' } }, [ - t._v( - '// 使用七牛云上传api, 前提是提前在前端拿到对应的ticket, 可以通过请求的方式获取', - ), - ]), - t._v('\n'), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), - t._v(' observe '), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), - t._v(' qiniu'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('upload')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), - t._v('file'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), - t._v(' uid'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('this')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - t._v('state'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - t._v('qnToken'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - t._v('ticket'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), - t._v(' putExtra'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), - 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 punctuation' } }, [t._v(')')]), - t._v('\nobserve'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('subscribe')]), - 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(' '), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=>')]), - 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 punctuation' } }, [t._v(',')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('null')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), - a('span', { pre: !0, attrs: { class: 'token parameter' } }, [t._v('res')]), - 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 comment' } }, [ - t._v('// 拼接路径'), - ]), - t._v('\n '), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), - t._v(' url '), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), - t._v(' '), a('span', { pre: !0, attrs: { class: 'token template-string' } }, [ a( 'span', { pre: !0, attrs: { class: 'token template-punctuation string' } }, [t._v('`')], ), - a('span', { pre: !0, attrs: { class: 'token interpolation' } }, [ - a( - 'span', - { - pre: !0, - attrs: { class: 'token interpolation-punctuation punctuation' }, - }, - [t._v('${')], - ), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('this')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - t._v('state'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - t._v('qnToken'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - t._v('domain'), - a( - 'span', - { - pre: !0, - attrs: { class: 'token interpolation-punctuation punctuation' }, - }, - [t._v('}')], - ), + a('span', { pre: !0, attrs: { class: 'token string' } }, [ + t._v('/vip/h5/form/post'), ]), - a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v('/')]), a('span', { pre: !0, attrs: { class: 'token interpolation' } }, [ a( 'span', @@ -221,9 +60,9 @@ }, [t._v('${')], ), - t._v('res'), + t._v('location'), a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - t._v('key'), + t._v('search'), a( 'span', { @@ -239,60 +78,262 @@ [t._v('`')], ), ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('...')]), + t._v('fields'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('...')]), + t._v('formData'), + 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 function' } }, [t._v('then')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token parameter' } }, [t._v('res')]), + 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('if')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + t._v('type '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('===')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'link'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token comment' } }, [ + t._v('// 解析参数'), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('let')]), + t._v(' isPre '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' content'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('indexOf')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'?'")]), + 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 number' } }, [t._v('0')]), a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), t._v('\n '), - a('span', { pre: !0, attrs: { class: 'token comment' } }, [t._v('// 存库')]), - t._v('\n '), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), - t._v(' fileList '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('let')]), + t._v(' query '), a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), t._v(' '), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('[')]), a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - t._v(' uid'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), - t._v(' name'), + t._v('dr'), a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), - t._v(' fileName'), + t._v(' Date'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('now')]), + 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(' 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(' url '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('from')]), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' urlParmas'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('tid'), 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('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('this')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('setState')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('try')]), + t._v(' '), a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), - t._v('\n curImgUrl'), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), - t._v(' url'), + t._v('\n query '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' params '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('?')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('...')]), + a('span', { pre: !0, attrs: { class: 'token constant' } }, [t._v('JSON')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('parse')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + t._v('params'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), - t._v('\n fileList\n '), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('...')]), + t._v('query'), a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' query'), + 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 keyword' } }, [t._v('catch')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + t._v('err'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n console'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('log')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + t._v('err'), a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), t._v('\n '), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('this')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - t._v('props'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - t._v('onChange '), - a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('&&')]), - t._v(' '), - a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('this')]), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - t._v('props'), - a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), - a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('onChange')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + t._v('\n\n '), + a('span', { pre: !0, attrs: { class: 'token comment' } }, [t._v('// 跳转')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('if')]), a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), - t._v('fileList'), + t._v('content'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('indexOf')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'http'")]), 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 operator' } }, [t._v('-')]), + a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('1')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n window'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('location'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('href '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' content '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('+')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('urlencode')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + t._v('query'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' isPre'), + 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('return')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + t._v('\n\n history'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('push')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token template-string' } }, [ + a( + 'span', + { pre: !0, attrs: { class: 'token template-punctuation string' } }, + [t._v('`')], + ), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v('/m?tid=')]), + a('span', { pre: !0, attrs: { class: 'token interpolation' } }, [ + a( + 'span', + { + pre: !0, + attrs: { class: 'token interpolation-punctuation punctuation' }, + }, + [t._v('${')], + ), + t._v('content'), + a( + 'span', + { + pre: !0, + attrs: { class: 'token interpolation-punctuation punctuation' }, + }, + [t._v('}')], + ), + ]), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v('&')]), + a('span', { pre: !0, attrs: { class: 'token interpolation' } }, [ + a( + 'span', + { + pre: !0, + attrs: { class: 'token interpolation-punctuation punctuation' }, + }, + [t._v('${')], + ), + a('span', { pre: !0, attrs: { class: 'token function' } }, [ + t._v('urlencode'), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + t._v('query'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), + a( + 'span', + { + pre: !0, + attrs: { class: 'token interpolation-punctuation punctuation' }, + }, + [t._v('}')], + ), + ]), + a( + 'span', + { pre: !0, attrs: { class: 'token template-punctuation string' } }, + [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('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('else')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('if')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + t._v('type '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('===')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'modal'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token function' } }, [ + t._v('setVisible'), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token boolean' } }, [t._v('true')]), + 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 keyword' } }, [t._v('else')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('if')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + t._v('type '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('===')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'code'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('eval')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + t._v('content'), + 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'), a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), @@ -301,20 +342,13 @@ ]), ]), a('p', [ - t._v('其他oss服务类似, 如果不清楚如何配置, 可以在'), - a( - 'a', - { - attrs: { - href: 'http://h5.dooring.cn/', - target: '_blank', - rel: 'noopener noreferrer', - }, - }, - [t._v('H5-Dooring官网'), a('OutboundLink')], - 1, - ), - t._v('中找到我们.'), + t._v('数据收集提交的核心代码在Form组件的第56-149行, 也就是'), + a('code', [t._v('submit')]), + t._v('方法. 表单组件收集到的数据统一存放在代码中的'), + a('code', [t._v('formData')]), + t._v('字段, 所以要想在其他地方获取用户表单填写的值, 我们只需要手动将'), + a('code', [t._v('formData')]), + t._v('传递出去, 或者挂载到全局(如window对象, localStorage, indexedDB等).'), ]), ]); }, @@ -324,7 +358,7 @@ null, null, ); - s.default = e.exports; + s.default = p.exports; }, }, ]); diff --git a/doc-dist/assets/js/26.f579aed8.js b/doc-dist/assets/js/27.3c7e8c9e.js similarity index 99% rename from doc-dist/assets/js/26.f579aed8.js rename to doc-dist/assets/js/27.3c7e8c9e.js index 84f6151..064616e 100644 --- a/doc-dist/assets/js/26.f579aed8.js +++ b/doc-dist/assets/js/27.3c7e8c9e.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [26], + [27], { - 392: function(t, s, a) { + 398: function(t, s, a) { 'use strict'; a.r(s); var n = a(42), diff --git a/doc-dist/assets/js/27.fa94fd1c.js b/doc-dist/assets/js/27.fa94fd1c.js deleted file mode 100644 index 928d323..0000000 --- a/doc-dist/assets/js/27.fa94fd1c.js +++ /dev/null @@ -1,102 +0,0 @@ -(window.webpackJsonp = window.webpackJsonp || []).push([ - [27], - { - 395: function(_, v, t) { - 'use strict'; - t.r(v); - var a = t(42), - i = Object(a.a)( - {}, - function() { - var _ = this, - v = _.$createElement, - t = _._self._c || v; - return t('ContentSlotsDistributor', { attrs: { 'slot-key': _.$parent.slotKey } }, [ - t('h3', { attrs: { id: '更新日志' } }, [ - t('a', { staticClass: 'header-anchor', attrs: { href: '#更新日志' } }, [_._v('#')]), - _._v(' 更新日志'), - ]), - _._v(' '), - t('h4', { attrs: { id: '_1-95' } }, [ - t('a', { staticClass: 'header-anchor', attrs: { href: '#_1-95' } }, [_._v('#')]), - _._v(' 1.95'), - ]), - _._v(' '), - t('ol', [ - t('li', [_._v('dooring文档添加更新日志模块')]), - _._v(' '), - t('li', [_._v('dooring增报错监控函数, 提供一键清空缓存按钮和自动重载功能')]), - _._v(' '), - t('li', [_._v('新增电商商品H5模版')]), - _._v(' '), - t('li', [_._v('页面配置增加背景模式和背景重复')]), - _._v(' '), - t('li', [_._v('表单添加字段名配置项')]), - ]), - _._v(' '), - t('h4', { attrs: { id: '_1-94' } }, [ - t('a', { staticClass: 'header-anchor', attrs: { href: '#_1-94' } }, [_._v('#')]), - _._v(' 1.94'), - ]), - _._v(' '), - t('ol', [ - t('li', [_._v('转盘组件支持转盘交互功能(跳转链接/打开弹窗/自定义代码)')]), - _._v(' '), - t('li', [_._v('添加网站拦截, 防止页面误关导致页面无法保存')]), - _._v(' '), - t('li', [_._v('优化页面控制条组件样式')]), - _._v(' '), - t('li', [_._v('按钮组件添加组件动画')]), - _._v(' '), - t('li', [_._v('图片组件添加组件动画')]), - _._v(' '), - t('li', [_._v('媒体组件icon优化')]), - _._v(' '), - t('li', [_._v('全局错误监控组件添加一键清除缓存功能')]), - ]), - _._v(' '), - t('h4', { attrs: { id: '_1-93' } }, [ - t('a', { staticClass: 'header-anchor', attrs: { href: '#_1-93' } }, [_._v('#')]), - _._v(' 1.93'), - ]), - _._v(' '), - t('ol', [ - t('li', [_._v('上线源码下载功能')]), - _._v(' '), - t('li', [_._v('服务端支持下载源码服务和下载次数限制')]), - _._v(' '), - t('li', [_._v('界面部分文案优化')]), - _._v(' '), - t('li', [_._v('出码基座优化')]), - _._v(' '), - t('li', [_._v('抽奖组件支持抽奖后自定义交互(弹窗/链接/自定义代码)')]), - ]), - _._v(' '), - t('h4', { attrs: { id: '_1-92' } }, [ - t('a', { staticClass: 'header-anchor', attrs: { href: '#_1-92' } }, [_._v('#')]), - _._v(' 1.92'), - ]), - _._v(' '), - t('ol', [ - t('li', [_._v('修复背景图预览适配问题')]), - _._v(' '), - t('li', [_._v('转盘组件支持中奖后自定义交互/弹窗/自定义代码')]), - _._v(' '), - t('li', [_._v('界面局部调整')]), - _._v(' '), - t('li', [_._v('后台管理表单数据支持多键查询')]), - _._v(' '), - t('li', [_._v('可视化大屏柱状图组件支持实时数据请求')]), - ]), - ]); - }, - [], - !1, - null, - null, - null, - ); - v.default = i.exports; - }, - }, -]); diff --git a/doc-dist/assets/js/28.47b21cca.js b/doc-dist/assets/js/28.47b21cca.js new file mode 100644 index 0000000..16c6ee7 --- /dev/null +++ b/doc-dist/assets/js/28.47b21cca.js @@ -0,0 +1,146 @@ +(window.webpackJsonp = window.webpackJsonp || []).push([ + [28], + { + 400: function(_, v, i) { + 'use strict'; + i.r(v); + var t = i(42), + l = Object(t.a)( + {}, + function() { + var _ = this, + v = _.$createElement, + i = _._self._c || v; + return i('ContentSlotsDistributor', { attrs: { 'slot-key': _.$parent.slotKey } }, [ + i('h3', { attrs: { id: '更新日志' } }, [ + i('a', { staticClass: 'header-anchor', attrs: { href: '#更新日志' } }, [_._v('#')]), + _._v(' 更新日志'), + ]), + _._v(' '), + i('h4', { attrs: { id: '_1-98' } }, [ + i('a', { staticClass: 'header-anchor', attrs: { href: '#_1-98' } }, [_._v('#')]), + _._v(' 1.98'), + ]), + _._v(' '), + i('ol', [ + i('li', [_._v('编辑器功能区添加更多折叠下拉框, 优化头部界面')]), + _._v(' '), + i('li', [_._v('添加数据源入口和界面')]), + _._v(' '), + i('li', [_._v('模版库优化, 剔除无用模版, 累计60+模版')]), + _._v(' '), + i('li', [_._v('入口页添加赞助墙')]), + _._v(' '), + i('li', [_._v('升级视频组件, 支持弹幕, 截屏, 模式设置等功能')]), + _._v(' '), + i('li', [_._v('文件上传路径兼容window服务器本地化部署')]), + ]), + _._v(' '), + i('h4', { attrs: { id: '_1-96' } }, [ + i('a', { staticClass: 'header-anchor', attrs: { href: '#_1-96' } }, [_._v('#')]), + _._v(' 1.96'), + ]), + _._v(' '), + i('ol', [ + i('li', [_._v('修复首页推荐项目外链地址和站内文案')]), + _._v(' '), + i('li', [_._v('替换Dooring网站logo')]), + _._v(' '), + i('li', [_._v('优化ios8以下访问H5时可能出现的页面卡顿问题')]), + _._v(' '), + i('li', [_._v('图片上传组件添加svg, gif图片格式支持')]), + _._v(' '), + i('li', [_._v('后台管理系统添加一键跳编辑器按钮')]), + _._v(' '), + i('li', [_._v('服务端编辑侧路由加固')]), + _._v(' '), + i('li', [ + _._v( + '文件上传组件添加自定义上传文档，支持七牛云，腾讯云，阿里oss等第三方图床方式', + ), + ]), + ]), + _._v(' '), + i('h4', { attrs: { id: '_1-95' } }, [ + i('a', { staticClass: 'header-anchor', attrs: { href: '#_1-95' } }, [_._v('#')]), + _._v(' 1.95'), + ]), + _._v(' '), + i('ol', [ + i('li', [_._v('dooring文档添加更新日志模块')]), + _._v(' '), + i('li', [_._v('dooring增报错监控函数, 提供一键清空缓存按钮和自动重载功能')]), + _._v(' '), + i('li', [_._v('新增电商商品H5模版')]), + _._v(' '), + i('li', [_._v('页面配置增加背景模式和背景重复')]), + _._v(' '), + i('li', [_._v('表单添加字段名配置项')]), + ]), + _._v(' '), + i('h4', { attrs: { id: '_1-94' } }, [ + i('a', { staticClass: 'header-anchor', attrs: { href: '#_1-94' } }, [_._v('#')]), + _._v(' 1.94'), + ]), + _._v(' '), + i('ol', [ + i('li', [_._v('转盘组件支持转盘交互功能(跳转链接/打开弹窗/自定义代码)')]), + _._v(' '), + i('li', [_._v('添加网站拦截, 防止页面误关导致页面无法保存')]), + _._v(' '), + i('li', [_._v('优化页面控制条组件样式')]), + _._v(' '), + i('li', [_._v('按钮组件添加组件动画')]), + _._v(' '), + i('li', [_._v('图片组件添加组件动画')]), + _._v(' '), + i('li', [_._v('媒体组件icon优化')]), + _._v(' '), + i('li', [_._v('全局错误监控组件添加一键清除缓存功能')]), + ]), + _._v(' '), + i('h4', { attrs: { id: '_1-93' } }, [ + i('a', { staticClass: 'header-anchor', attrs: { href: '#_1-93' } }, [_._v('#')]), + _._v(' 1.93'), + ]), + _._v(' '), + i('ol', [ + i('li', [_._v('上线源码下载功能')]), + _._v(' '), + i('li', [_._v('服务端支持下载源码服务和下载次数限制')]), + _._v(' '), + i('li', [_._v('界面部分文案优化')]), + _._v(' '), + i('li', [_._v('出码基座优化')]), + _._v(' '), + i('li', [_._v('抽奖组件支持抽奖后自定义交互(弹窗/链接/自定义代码)')]), + ]), + _._v(' '), + i('h4', { attrs: { id: '_1-92' } }, [ + i('a', { staticClass: 'header-anchor', attrs: { href: '#_1-92' } }, [_._v('#')]), + _._v(' 1.92'), + ]), + _._v(' '), + i('ol', [ + i('li', [_._v('修复背景图预览适配问题')]), + _._v(' '), + i('li', [_._v('转盘组件支持中奖后自定义交互/弹窗/自定义代码')]), + _._v(' '), + i('li', [_._v('界面局部调整')]), + _._v(' '), + i('li', [_._v('后台管理表单数据支持多键查询')]), + _._v(' '), + i('li', [_._v('可视化大屏柱状图组件支持实时数据请求')]), + ]), + ]); + }, + [], + !1, + null, + null, + null, + ); + v.default = l.exports; + }, + }, +]); diff --git a/doc-dist/assets/js/29.27514922.js b/doc-dist/assets/js/29.27514922.js new file mode 100644 index 0000000..e581b5b --- /dev/null +++ b/doc-dist/assets/js/29.27514922.js @@ -0,0 +1,996 @@ +(window.webpackJsonp = window.webpackJsonp || []).push([ + [29], + { + 396: 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('p', [ + a('strong', [t._v('H5-Dooring')]), + t._v('全面支持第三方对象存储服务, 我们以七牛云对象存储为例.'), + ]), + t._v(' '), + a('h3', { attrs: { id: '前端上传文件到oss' } }, [ + a('a', { staticClass: 'header-anchor', attrs: { href: '#前端上传文件到oss' } }, [ + t._v('#'), + ]), + t._v(' 前端上传文件到oss'), + ]), + t._v(' '), + a('p', [ + t._v( + '首先我们需要在第三方对象储存服务中配置对应的服务和域名. 其次安装对应的sdk, 如七牛云sdk:', + ), + ]), + 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 operator' } }, [t._v('*')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('as')]), + t._v(' qiniu '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('from')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'qiniu-js'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n'), + ]), + ]), + ]), + a('p', [ + t._v('其次我们修改'), + a('code', [t._v('h5_plus')]), + t._v('工程的'), + a('code', [t._v('Upload')]), + t._v('组件, 详细地址为'), + a('code', [t._v('src/core/FormComponents/Upload')]), + t._v('.'), + ]), + t._v(' '), + a('p', [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('const')]), + t._v(' fileName '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' file'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('name\n'), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), + t._v(' suffix '), + 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 keyword' } }, [t._v('const')]), + t._v(' putExtra '), + 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 fname'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' fileName'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n params'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + 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('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(' uid '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('+')]), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('new')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token class-name' } }, [t._v('Date')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + 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 function' } }, [t._v('uuid')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('16')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('8')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('+')]), + t._v(' suffix\n'), + a('span', { pre: !0, attrs: { class: 'token comment' } }, [ + t._v( + '// 使用七牛云上传api, 前提是提前在前端拿到对应的ticket, 可以通过请求的方式获取', + ), + ]), + t._v('\n'), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), + t._v(' observe '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' qiniu'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('upload')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + t._v('file'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' uid'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('this')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('state'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('qnToken'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('ticket'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' putExtra'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + 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 punctuation' } }, [t._v(')')]), + t._v('\nobserve'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('subscribe')]), + 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(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=>')]), + 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 punctuation' } }, [t._v(',')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('null')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token parameter' } }, [t._v('res')]), + 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 comment' } }, [ + t._v('// 拼接路径'), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), + t._v(' url '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token template-string' } }, [ + a( + 'span', + { pre: !0, attrs: { class: 'token template-punctuation string' } }, + [t._v('`')], + ), + a('span', { pre: !0, attrs: { class: 'token interpolation' } }, [ + a( + 'span', + { + pre: !0, + attrs: { class: 'token interpolation-punctuation punctuation' }, + }, + [t._v('${')], + ), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('this')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('state'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('qnToken'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('domain'), + a( + 'span', + { + pre: !0, + attrs: { class: 'token interpolation-punctuation punctuation' }, + }, + [t._v('}')], + ), + ]), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v('/')]), + a('span', { pre: !0, attrs: { class: 'token interpolation' } }, [ + a( + 'span', + { + pre: !0, + attrs: { class: 'token interpolation-punctuation punctuation' }, + }, + [t._v('${')], + ), + t._v('res'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('key'), + a( + 'span', + { + pre: !0, + attrs: { class: 'token interpolation-punctuation punctuation' }, + }, + [t._v('}')], + ), + ]), + a( + 'span', + { pre: !0, attrs: { class: 'token template-punctuation string' } }, + [t._v('`')], + ), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token comment' } }, [t._v('// 存库')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), + t._v(' fileList '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('[')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v(' uid'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' name'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' fileName'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' 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(' url '), + 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('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('this')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('setState')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n curImgUrl'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' url'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n fileList\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('this')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('props'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('onChange '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('&&')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('this')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('props'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('onChange')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + t._v('fileList'), + 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('p', [ + t._v('其他oss服务类似, 如果不清楚如何配置, 可以在'), + a( + 'a', + { + attrs: { + href: 'http://h5.dooring.cn/', + target: '_blank', + rel: 'noopener noreferrer', + }, + }, + [t._v('H5-Dooring官网'), a('OutboundLink')], + 1, + ), + t._v('中找到我们.'), + ]), + t._v(' '), + a('h3', { attrs: { id: '如何接入任何第三方上传服务' } }, [ + a( + 'a', + { staticClass: 'header-anchor', attrs: { href: '#如何接入任何第三方上传服务' } }, + [t._v('#')], + ), + t._v(' 如何接入任何第三方上传服务'), + ]), + t._v(' '), + a('p', [ + t._v('首先我们的上传组件'), + a('code', [t._v('Upload')]), + t._v('使用内部的服务接口来实现上传功能, 所以需要给组件的'), + a('code', [t._v('action')]), + t._v('赋值, 如下:'), + ]), + 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 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 class-name' } }, [ + t._v('Upload'), + ]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ + t._v('fileList'), + ]), + 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('fileList'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ + t._v('onPreview'), + ]), + 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 keyword' } }, [t._v('this')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('handlePreview'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ + t._v('onChange'), + ]), + 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 keyword' } }, [t._v('this')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('handleChange'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ + t._v('onRemove'), + ]), + 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 keyword' } }, [t._v('this')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('handleRemove'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [t._v('name')]), + a('span', { pre: !0, attrs: { class: 'token attr-value' } }, [ + a('span', { pre: !0, attrs: { class: 'token punctuation attr-equals' } }, [ + t._v('='), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('"')]), + t._v('file'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('"')]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ + t._v('listType'), + ]), + a('span', { pre: !0, attrs: { class: 'token attr-value' } }, [ + a('span', { pre: !0, attrs: { class: 'token punctuation attr-equals' } }, [ + t._v('='), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('"')]), + t._v('picture-card'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('"')]), + ]), + t._v('\n '), + 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('avatarUploader'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [t._v('action')]), + 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('sdk_upload_api '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('||')]), + t._v(' action'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ + t._v('withCredentials'), + ]), + 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('withCredentials'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ + t._v('headers'), + ]), + 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('\n '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [ + t._v("'x-requested-with'"), + ]), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' localStorage'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [ + t._v('getItem'), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'user'")]), + 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 string' } }, [t._v("''")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [ + t._v("'authorization'"), + ]), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' localStorage'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [ + t._v('getItem'), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'token'")]), + 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 string' } }, [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('headers\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 attr-name' } }, [ + t._v('beforeUpload'), + ]), + 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 keyword' } }, [t._v('this')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('handleBeforeUpload'), + 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 plain-text' } }, [t._v('\n ')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('fileList'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('length '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('>=')]), + t._v(' maxLen '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('?')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('null')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' uploadButton'), + 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('p', [ + t._v('如果需要集成第三方oss, 如七牛云, 阿里oss等, 我们需要将'), + a('code', [t._v('Upload')]), + t._v('组件的'), + a('code', [t._v('action')]), + t._v('属性设置为空字符串, 其次删除'), + a('code', [t._v('onChange')]), + t._v('属性, 上传操作统一在'), + a('code', [t._v('beforeUpload')]), + t._v('中进行. 案例如下:'), + ]), + 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 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 class-name' } }, [ + t._v('Upload'), + ]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ + t._v('fileList'), + ]), + 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('fileList'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [t._v('action')]), + a('span', { pre: !0, attrs: { class: 'token attr-value' } }, [ + a('span', { pre: !0, attrs: { class: 'token punctuation attr-equals' } }, [ + 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('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ + t._v('onPreview'), + ]), + 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 keyword' } }, [t._v('this')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('handlePreview'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ + t._v('onRemove'), + ]), + 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 keyword' } }, [t._v('this')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('onRemove'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [t._v('name')]), + a('span', { pre: !0, attrs: { class: 'token attr-value' } }, [ + a('span', { pre: !0, attrs: { class: 'token punctuation attr-equals' } }, [ + t._v('='), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('"')]), + t._v('file'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('"')]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ + t._v('listType'), + ]), + a('span', { pre: !0, attrs: { class: 'token attr-value' } }, [ + a('span', { pre: !0, attrs: { class: 'token punctuation attr-equals' } }, [ + t._v('='), + ]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('"')]), + t._v('picture-card'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('"')]), + ]), + t._v('\n '), + 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('avatarUploader'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('}')]), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token attr-name' } }, [ + t._v('headers'), + ]), + 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('{')]), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('...')]), + t._v('headers'), + 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 attr-name' } }, [ + t._v('beforeUpload'), + ]), + 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 keyword' } }, [t._v('this')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('handleBeforeUpload'), + 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 plain-text' } }, [t._v('\n ')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('fileList'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('length '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('>=')]), + t._v(' maxLen '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('?')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('null')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' uploadButton'), + 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('p', [ + t._v('自定义上传的核心逻辑放在了'), + a('code', [t._v('beforeUpload')]), + t._v('上. 我们具体看看'), + a('code', [t._v('beforeUpload')]), + 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 function-variable function' } }, [ + t._v('handleBeforeUpload'), + ]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token parameter' } }, [ + t._v('file'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v('RcFile'), + ]), + 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 comment' } }, [ + t._v('// 1. 限制图片类型'), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), + t._v(' isJpgOrPng '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' file'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('type '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('===')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [ + t._v("'image/jpeg'"), + ]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('||')]), + t._v(' file'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('type '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('===')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'image/png'")]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('||')]), + t._v(' file'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('type '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('===')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'image/jpg'")]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('||')]), + t._v(' file'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('type '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('===')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v("'image/gif'")]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('if')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('!')]), + t._v('isJpgOrPng'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n message'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('error')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token string' } }, [ + t._v("'只能上传格式为jpeg/png/gif的图片'"), + ]), + 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 '), + a('span', { pre: !0, attrs: { class: 'token comment' } }, [ + t._v('// 限制上传文件大小'), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), + t._v(' isLt3M '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' file'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('size '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('/')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('1024')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('/')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('1024')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('<')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token number' } }, [t._v('3')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(';')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('if')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('!')]), + t._v('isLt3M'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n message'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('error')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token string' } }, [ + t._v("'图片必须小于3MB!'"), + ]), + 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 '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('if')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + t._v('isJpgOrPng '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('&&')]), + t._v(' isLt3M'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(')')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token comment' } }, [ + t._v('// 3. 正常上传逻辑'), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), + t._v(' fileName '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' file'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('name\n '), + a('span', { pre: !0, attrs: { class: 'token comment' } }, [ + t._v('// 3.1 调用oss接口, 将图片上传oss'), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token comment' } }, [ + t._v('// 3.2 将接口返回的url信息, 组装成fileList数据结构, 并更新state'), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('const')]), + t._v(' fileList '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('=')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('[')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v(' uid'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' name'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' fileName'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v(' 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(' url '), + 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('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('this')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('setState')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n curImgUrl'), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' url'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v(',')]), + t._v('\n fileList'), + 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 comment' } }, [ + t._v('// 3.3 将数据传给上层保存'), + ]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('this')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('props'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('onChange '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('&&')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('this')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + t._v('props'), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('.')]), + a('span', { pre: !0, attrs: { class: 'token function' } }, [t._v('onChange')]), + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('(')]), + t._v('fileList'), + 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 '), + a('span', { pre: !0, attrs: { class: 'token keyword' } }, [t._v('return')]), + t._v(' isJpgOrPng '), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v('&&')]), + t._v(' isLt3M'), + 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'), + ]), + ]), + ]), + ]); + }, + [], + !1, + null, + null, + null, + ); + s.default = p.exports; + }, + }, +]); diff --git a/doc-dist/assets/js/29.e89094bb.js b/doc-dist/assets/js/30.e6444117.js similarity index 99% rename from doc-dist/assets/js/29.e89094bb.js rename to doc-dist/assets/js/30.e6444117.js index ff66685..9fc8988 100644 --- a/doc-dist/assets/js/29.e89094bb.js +++ b/doc-dist/assets/js/30.e6444117.js @@ -1,5 +1,5 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [29], + [30], { 397: function(n, e, s) { 'use strict'; diff --git a/doc-dist/assets/js/30.0b84ff01.js b/doc-dist/assets/js/31.7251d101.js similarity index 99% rename from doc-dist/assets/js/30.0b84ff01.js rename to doc-dist/assets/js/31.7251d101.js index 9e6c23d..1717bdc 100644 --- a/doc-dist/assets/js/30.0b84ff01.js +++ b/doc-dist/assets/js/31.7251d101.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [30], + [31], { - 400: function(t, s, a) { + 402: function(t, s, a) { 'use strict'; a.r(s); var n = a(42), diff --git a/doc-dist/assets/js/31.29d66811.js b/doc-dist/assets/js/32.dab5a5d2.js similarity index 98% rename from doc-dist/assets/js/31.29d66811.js rename to doc-dist/assets/js/32.dab5a5d2.js index a522ae5..37a937e 100644 --- a/doc-dist/assets/js/31.29d66811.js +++ b/doc-dist/assets/js/32.dab5a5d2.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [31], + [32], { - 401: function(t, n, e) { + 404: function(t, n, e) { 'use strict'; e.r(n); var o = e(42), diff --git a/doc-dist/assets/js/4.1eeab90b.js b/doc-dist/assets/js/4.cde629ec.js similarity index 96% rename from doc-dist/assets/js/4.1eeab90b.js rename to doc-dist/assets/js/4.cde629ec.js index 12d5729..495ef89 100644 --- a/doc-dist/assets/js/4.1eeab90b.js +++ b/doc-dist/assets/js/4.cde629ec.js @@ -6,7 +6,7 @@ 'use strict'; n(333); }, - 407: function(t, e, n) { + 408: function(t, e, n) { 'use strict'; n.r(e); var i = { diff --git a/doc-dist/assets/js/5.315fb3a4.js b/doc-dist/assets/js/5.be0f7e94.js similarity index 86% rename from doc-dist/assets/js/5.315fb3a4.js rename to doc-dist/assets/js/5.be0f7e94.js index b9ad3eb..767eed5 100644 --- a/doc-dist/assets/js/5.315fb3a4.js +++ b/doc-dist/assets/js/5.be0f7e94.js @@ -1,19 +1,19 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [5], { - 334: function(e, t, c) {}, - 374: function(e, t, c) { + 335: function(e, t, c) {}, + 375: function(e, t, c) { 'use strict'; - c(334); + c(335); }, - 382: function(e, t, c) { + 383: function(e, t, c) { 'use strict'; c.r(t); var i = { name: 'CodeBlock', props: { title: { type: String, required: !0 }, active: { type: Boolean, default: !1 } }, }, - n = (c(374), c(42)), + n = (c(375), c(42)), s = Object(n.a)( i, function() { diff --git a/doc-dist/assets/js/6.f057afa6.js b/doc-dist/assets/js/6.4ee07341.js similarity index 96% rename from doc-dist/assets/js/6.f057afa6.js rename to doc-dist/assets/js/6.4ee07341.js index 6b244fb..8ef52be 100644 --- a/doc-dist/assets/js/6.f057afa6.js +++ b/doc-dist/assets/js/6.4ee07341.js @@ -1,12 +1,12 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [6], { - 335: function(e, t, o) {}, - 375: function(e, t, o) { + 334: function(e, t, o) {}, + 374: function(e, t, o) { 'use strict'; - o(335); + o(334); }, - 383: function(e, t, o) { + 382: function(e, t, o) { 'use strict'; o.r(t); o(23), o(93), o(65), o(95); @@ -45,7 +45,7 @@ }, }, }, - c = (o(375), o(42)), + c = (o(374), o(42)), n = Object(c.a)( a, function() { diff --git a/doc-dist/assets/js/app.86394b57.js b/doc-dist/assets/js/app.95eb3fd8.js similarity index 99% rename from doc-dist/assets/js/app.86394b57.js rename to doc-dist/assets/js/app.95eb3fd8.js index b6f4288..56b47e4 100644 --- a/doc-dist/assets/js/app.86394b57.js +++ b/doc-dist/assets/js/app.95eb3fd8.js @@ -49,34 +49,35 @@ { 2: 'a5de04a4', 3: 'ececc857', - 4: '1eeab90b', - 5: '315fb3a4', - 6: 'f057afa6', + 4: 'cde629ec', + 5: 'be0f7e94', + 6: '4ee07341', 7: '4f98f3a5', 8: '63e7a89b', 9: 'b96234f5', - 10: '2d5d3aaa', - 11: 'df257dc3', - 12: 'f89f1db1', - 13: 'cf14fabe', - 14: '0938030a', - 15: '8ae75417', - 16: 'ce961f82', - 17: '47167e97', + 10: 'b0d462d3', + 11: '6f1d3bfc', + 12: 'fab21abd', + 13: '96be485c', + 14: 'c3ed6dd7', + 15: '751a6d56', + 16: 'b025618a', + 17: 'bf2e8f73', 18: '81ac15ea', 19: '67f92c26', - 20: '59b1f4bf', - 21: '1434ff6f', + 20: '3e91412b', + 21: 'ab262167', 22: 'a7421118', - 23: '61d86371', - 24: '04e2a2e3', - 25: '40d3ee9b', - 26: 'f579aed8', - 27: 'fa94fd1c', - 28: 'f3f980e4', - 29: 'e89094bb', - 30: '0b84ff01', - 31: '29d66811', + 23: 'b2f0953d', + 24: '945f07e2', + 25: '55896e11', + 26: '3f135e70', + 27: '3c7e8c9e', + 28: '47b21cca', + 29: '27514922', + 30: 'e6444117', + 31: '7251d101', + 32: 'dab5a5d2', }[t] + '.js' ); @@ -11047,71 +11048,74 @@ 'v-50357228': function() { return n.e(22).then(n.bind(null, 384)); }, - 'v-11d3734f': function() { - return n.e(20).then(n.bind(null, 385)); + 'v-27f2dbac': function() { + return n.e(21).then(n.bind(null, 385)); }, 'v-77cb6b9f': function() { return n.e(9).then(n.bind(null, 386)); }, - 'v-27f2dbac': function() { - return n.e(21).then(n.bind(null, 387)); - }, 'v-358de850': function() { - return n.e(10).then(n.bind(null, 388)); - }, - 'v-2c7961a6': function() { - return n.e(23).then(n.bind(null, 389)); - }, - 'v-6be2680e': function() { - return n.e(24).then(n.bind(null, 390)); - }, - 'v-1c499b2c': function() { - return n.e(11).then(n.bind(null, 391)); - }, - 'v-3e53f828': function() { - return n.e(26).then(n.bind(null, 392)); + return n.e(10).then(n.bind(null, 387)); }, 'v-94956b5c': function() { - return n.e(12).then(n.bind(null, 393)); + return n.e(12).then(n.bind(null, 388)); + }, + 'v-6be2680e': function() { + return n.e(24).then(n.bind(null, 389)); + }, + 'v-11d3734f': function() { + return n.e(20).then(n.bind(null, 390)); + }, + 'v-2c7961a6': function() { + return n.e(23).then(n.bind(null, 391)); }, 'v-50c154a8': function() { - return n.e(25).then(n.bind(null, 394)); + return n.e(25).then(n.bind(null, 392)); }, - 'v-8736ca8c': function() { - return n.e(27).then(n.bind(null, 395)); + 'v-632f6f4c': function() { + return n.e(26).then(n.bind(null, 393)); + }, + 'v-1c499b2c': function() { + return n.e(11).then(n.bind(null, 394)); + }, + 'v-41a433e8': function() { + return n.e(13).then(n.bind(null, 395)); }, 'v-25c71eb8': function() { - return n.e(28).then(n.bind(null, 396)); + return n.e(29).then(n.bind(null, 396)); }, 'v-4574ee28': function() { - return n.e(29).then(n.bind(null, 397)); + return n.e(30).then(n.bind(null, 397)); }, - 'v-1995786c': function() { - return n.e(14).then(n.bind(null, 398)); + 'v-3e53f828': function() { + return n.e(27).then(n.bind(null, 398)); }, 'v-f3d01ce0': function() { return n.e(7).then(n.bind(null, 399)); }, + 'v-8736ca8c': function() { + return n.e(28).then(n.bind(null, 400)); + }, + 'v-1995786c': function() { + return n.e(14).then(n.bind(null, 401)); + }, 'v-76fd0d8c': function() { - return n.e(30).then(n.bind(null, 400)); - }, - 'v-0be2f96c': function() { - return n.e(31).then(n.bind(null, 401)); - }, - 'v-31643a8c': function() { - return n.e(15).then(n.bind(null, 402)); + return n.e(31).then(n.bind(null, 402)); }, 'v-a9b10980': function() { return n.e(8).then(n.bind(null, 403)); }, - 'v-c2ed5468': function() { - return n.e(16).then(n.bind(null, 404)); + 'v-0be2f96c': function() { + return n.e(32).then(n.bind(null, 404)); + }, + 'v-31643a8c': function() { + return n.e(15).then(n.bind(null, 405)); }, 'v-3f5a1068': function() { - return n.e(17).then(n.bind(null, 405)); + return n.e(17).then(n.bind(null, 406)); }, - 'v-41a433e8': function() { - return n.e(13).then(n.bind(null, 406)); + 'v-c2ed5468': function() { + return n.e(16).then(n.bind(null, 407)); }, }; function $a(t) { @@ -11482,14 +11486,13 @@ }, }, { - 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); }, }, - { path: '/index.html', redirect: '/' }, { name: 'v-77cb6b9f', path: '/zh/guide/', @@ -11499,14 +11502,6 @@ }, }, { path: '/zh/guide/index.html', redirect: '/zh/guide/' }, - { - name: 'v-27f2dbac', - path: '/zh/guide/building.html', - component: fu, - beforeEnter: function(t, e, n) { - Wa('Layout', 'v-27f2dbac').then(n); - }, - }, { name: 'v-358de850', path: '/zh/guide/componentDev/dynamicLoading.html', @@ -11515,38 +11510,6 @@ Wa('Layout', 'v-358de850').then(n); }, }, - { - name: 'v-2c7961a6', - path: '/zh/guide/componentDev/componentStructure.html', - component: fu, - beforeEnter: function(t, e, n) { - Wa('Layout', 'v-2c7961a6').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-1c499b2c', - path: '/zh/guide/deployDev/deploy.html', - component: fu, - beforeEnter: function(t, e, n) { - Wa('Layout', 'v-1c499b2c').then(n); - }, - }, - { - name: 'v-3e53f828', - path: '/zh/guide/deployDev/https.html', - component: fu, - beforeEnter: function(t, e, n) { - Wa('Layout', 'v-3e53f828').then(n); - }, - }, { name: 'v-94956b5c', path: '/zh/guide/deployDev/deploy_v6.html', @@ -11555,6 +11518,31 @@ Wa('Layout', 'v-94956b5c').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-11d3734f', + path: '/', + component: fu, + beforeEnter: function(t, e, n) { + Wa('Layout', 'v-11d3734f').then(n); + }, + }, + { path: '/index.html', redirect: '/' }, + { + name: 'v-2c7961a6', + path: '/zh/guide/componentDev/componentStructure.html', + component: fu, + beforeEnter: function(t, e, n) { + Wa('Layout', 'v-2c7961a6').then(n); + }, + }, { name: 'v-50c154a8', path: '/zh/guide/deployDev/dir.html', @@ -11564,11 +11552,27 @@ }, }, { - name: 'v-8736ca8c', - path: '/zh/guide/deployDev/log.html', + name: 'v-632f6f4c', + path: '/zh/guide/deployDev/form.html', component: fu, beforeEnter: function(t, e, n) { - Wa('Layout', 'v-8736ca8c').then(n); + Wa('Layout', 'v-632f6f4c').then(n); + }, + }, + { + name: 'v-1c499b2c', + path: '/zh/guide/deployDev/deploy.html', + component: fu, + beforeEnter: function(t, e, n) { + Wa('Layout', 'v-1c499b2c').then(n); + }, + }, + { + name: 'v-41a433e8', + path: '/zh/guide/functionRealization/download.html', + component: fu, + beforeEnter: function(t, e, n) { + Wa('Layout', 'v-41a433e8').then(n); }, }, { @@ -11588,11 +11592,11 @@ }, }, { - name: 'v-1995786c', - path: '/zh/guide/functionRealization/machinePreview.html', + name: 'v-3e53f828', + path: '/zh/guide/deployDev/https.html', component: fu, beforeEnter: function(t, e, n) { - Wa('Layout', 'v-1995786c').then(n); + Wa('Layout', 'v-3e53f828').then(n); }, }, { @@ -11603,6 +11607,22 @@ Wa('Layout', 'v-f3d01ce0').then(n); }, }, + { + name: 'v-8736ca8c', + path: '/zh/guide/deployDev/log.html', + component: fu, + beforeEnter: function(t, e, n) { + Wa('Layout', 'v-8736ca8c').then(n); + }, + }, + { + name: 'v-1995786c', + path: '/zh/guide/functionRealization/machinePreview.html', + component: fu, + beforeEnter: function(t, e, n) { + Wa('Layout', 'v-1995786c').then(n); + }, + }, { name: 'v-76fd0d8c', path: '/zh/guide/functionRealization/revocation.html', @@ -11611,6 +11631,14 @@ Wa('Layout', 'v-76fd0d8c').then(n); }, }, + { + name: 'v-a9b10980', + path: '/zh/guide/functionRealization/templateLibrary.html', + component: fu, + beforeEnter: function(t, e, n) { + Wa('Layout', 'v-a9b10980').then(n); + }, + }, { name: 'v-0be2f96c', path: '/zh/guide/functionRealization/saveJson.html', @@ -11627,22 +11655,6 @@ Wa('Layout', 'v-31643a8c').then(n); }, }, - { - name: 'v-a9b10980', - path: '/zh/guide/functionRealization/templateLibrary.html', - component: fu, - beforeEnter: function(t, e, n) { - Wa('Layout', 'v-a9b10980').then(n); - }, - }, - { - name: 'v-c2ed5468', - path: '/zh/guide/introduced.html', - component: fu, - beforeEnter: function(t, e, n) { - Wa('Layout', 'v-c2ed5468').then(n); - }, - }, { name: 'v-3f5a1068', path: '/zh/guide/startedQuickly.html', @@ -11652,11 +11664,11 @@ }, }, { - name: 'v-41a433e8', - path: '/zh/guide/functionRealization/download.html', + name: 'v-c2ed5468', + path: '/zh/guide/introduced.html', component: fu, beforeEnter: function(t, e, n) { - Wa('Layout', 'v-41a433e8').then(n); + Wa('Layout', 'v-c2ed5468').then(n); }, }, { path: '*', component: fu }, @@ -11676,6 +11688,83 @@ path: '/zh/guide/componentDev/DSLAnalysis.html', lastUpdated: '1/17/2021, 9:57:34 PM', }, + { + 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', + }, + { + frontmatter: {}, + regularPath: '/zh/guide/componentDev/dynamicLoading.html', + relativePath: 'zh/guide/componentDev/dynamicLoading.md', + key: 'v-358de850', + path: '/zh/guide/componentDev/dynamicLoading.html', + headers: [{ level: 2, title: 'umi3提供的dynamic', slug: 'umi3提供的dynamic' }], + lastUpdated: '1/17/2021, 9:57:34 PM', + }, + { + frontmatter: {}, + regularPath: '/zh/guide/deployDev/deploy_v6.html', + relativePath: 'zh/guide/deployDev/deploy_v6.md', + key: 'v-94956b5c', + path: '/zh/guide/deployDev/deploy_v6.html', + headers: [ + { level: 3, title: '部署架构图', slug: '部署架构图' }, + { level: 3, title: '步骤3.4详细流程', slug: '步骤3-4详细流程' }, + ], + lastUpdated: '5/8/2021, 12:34:13 AM', + }, + { + frontmatter: {}, + regularPath: '/zh/guide/deployDev/api.html', + relativePath: 'zh/guide/deployDev/api.md', + key: 'v-6be2680e', + path: '/zh/guide/deployDev/api.html', + headers: [ + { level: 2, title: '用户相关', slug: '用户相关' }, + { level: 3, title: '用户登录', slug: '用户登录' }, + { level: 3, title: '注销登录', slug: '注销登录' }, + { level: 3, title: '权限控制', slug: '权限控制' }, + { level: 3, title: '用户列表', slug: '用户列表' }, + { level: 3, title: '添加用户', slug: '添加用户' }, + { level: 3, title: '生成登录码', slug: '生成登录码' }, + { level: 3, title: '获取用户真实密码', slug: '获取用户真实密码' }, + { level: 3, title: '修改用户信息', slug: '修改用户信息' }, + { level: 3, title: '删除用户', slug: '删除用户' }, + { level: 2, title: 'H5页面管理', slug: 'h5页面管理' }, + { level: 3, title: '获取H5数据', slug: '获取h5数据' }, + { level: 3, title: '保存H5数据', slug: '保存h5数据' }, + { level: 3, title: '删除H5数据', slug: '删除h5数据' }, + { level: 2, title: 'H5表单数据管理', slug: 'h5表单数据管理' }, + { level: 3, title: '保存表单数据', slug: '保存表单数据' }, + { level: 3, title: '批量导入表单数据', slug: '批量导入表单数据' }, + { level: 3, title: '删除表单数据', slug: '删除表单数据' }, + { level: 2, title: '模版管理', slug: '模版管理' }, + { level: 3, title: '获取模版库', slug: '获取模版库' }, + { level: 3, title: '保存模版', slug: '保存模版' }, + { level: 3, title: '删除模版', slug: '删除模版' }, + { level: 2, title: '文件上传', slug: '文件上传' }, + { level: 2, title: '数据统计', slug: '数据统计' }, + { level: 3, title: '数据大盘接口', slug: '数据大盘接口' }, + { level: 3, title: '页面埋点', slug: '页面埋点' }, + ], + lastUpdated: '5/21/2021, 12:53:47 AM', + }, { title: 'Home', frontmatter: { @@ -11706,35 +11795,6 @@ path: '/', 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', - }, - { - 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/componentDev/dynamicLoading.html', - relativePath: 'zh/guide/componentDev/dynamicLoading.md', - key: 'v-358de850', - path: '/zh/guide/componentDev/dynamicLoading.html', - headers: [{ level: 2, title: 'umi3提供的dynamic', slug: 'umi3提供的dynamic' }], - lastUpdated: '1/17/2021, 9:57:34 PM', - }, { frontmatter: {}, regularPath: '/zh/guide/componentDev/componentStructure.html', @@ -11751,39 +11811,19 @@ }, { frontmatter: {}, - regularPath: '/zh/guide/deployDev/api.html', - relativePath: 'zh/guide/deployDev/api.md', - key: 'v-6be2680e', - path: '/zh/guide/deployDev/api.html', - headers: [ - { level: 2, title: '用户相关', slug: '用户相关' }, - { level: 3, title: '登录', slug: '登录' }, - { level: 3, title: '注销登录', slug: '注销登录' }, - { level: 3, title: '权限控制', slug: '权限控制' }, - { level: 3, title: '用户列表', slug: '用户列表' }, - { level: 3, title: '添加用户', slug: '添加用户' }, - { level: 3, title: '生成登录码', slug: '生成登录码' }, - { level: 3, title: '获取用户真实密码', slug: '获取用户真实密码' }, - { level: 3, title: '修改用户信息', slug: '修改用户信息' }, - { level: 3, title: '删除用户', slug: '删除用户' }, - { level: 2, title: 'H5页面管理', slug: 'h5页面管理' }, - { level: 3, title: '获取H5数据', slug: '获取h5数据' }, - { level: 3, title: '保存H5数据', slug: '保存h5数据' }, - { level: 3, title: '删除H5数据', slug: '删除h5数据' }, - { level: 2, title: 'H5表单数据管理', slug: 'h5表单数据管理' }, - { level: 3, title: '保存表单数据', slug: '保存表单数据' }, - { level: 3, title: '批量导入表单数据', slug: '批量导入表单数据' }, - { level: 3, title: '删除表单数据', slug: '删除表单数据' }, - { level: 2, title: '模版管理', slug: '模版管理' }, - { level: 3, title: '获取模版库', slug: '获取模版库' }, - { level: 3, title: '保存模版', slug: '保存模版' }, - { level: 3, title: '删除模版', slug: '删除模版' }, - { level: 2, title: '文件上传', slug: '文件上传' }, - { level: 2, title: '数据统计', slug: '数据统计' }, - { level: 3, title: '数据大盘接口', slug: '数据大盘接口' }, - { level: 3, title: '页面埋点', slug: '页面埋点' }, - ], - lastUpdated: '2/15/2021, 12:27:31 AM', + regularPath: '/zh/guide/deployDev/dir.html', + relativePath: 'zh/guide/deployDev/dir.md', + key: 'v-50c154a8', + path: '/zh/guide/deployDev/dir.html', + lastUpdated: '5/13/2021, 9:56:54 PM', + }, + { + frontmatter: {}, + regularPath: '/zh/guide/deployDev/form.html', + relativePath: 'zh/guide/deployDev/form.md', + key: 'v-632f6f4c', + path: '/zh/guide/deployDev/form.html', + headers: [{ level: 3, title: '获取Form组件的值数据', slug: '获取form组件的值数据' }], }, { frontmatter: {}, @@ -11799,44 +11839,12 @@ }, { 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/deploy_v6.html', - relativePath: 'zh/guide/deployDev/deploy_v6.md', - key: 'v-94956b5c', - path: '/zh/guide/deployDev/deploy_v6.html', - headers: [ - { level: 3, title: '部署架构图', slug: '部署架构图' }, - { level: 3, title: '步骤3.4详细流程', slug: '步骤3-4详细流程' }, - ], - lastUpdated: '5/8/2021, 12:34:13 AM', - }, - { - frontmatter: {}, - regularPath: '/zh/guide/deployDev/dir.html', - relativePath: 'zh/guide/deployDev/dir.md', - key: 'v-50c154a8', - path: '/zh/guide/deployDev/dir.html', - lastUpdated: '5/13/2021, 9:56:54 PM', - }, - { - frontmatter: {}, - regularPath: '/zh/guide/deployDev/log.html', - relativePath: 'zh/guide/deployDev/log.md', - key: 'v-8736ca8c', - path: '/zh/guide/deployDev/log.html', - headers: [{ level: 3, title: '更新日志', slug: '更新日志' }], - lastUpdated: '5/15/2021, 8:32:35 PM', + regularPath: '/zh/guide/functionRealization/download.html', + relativePath: 'zh/guide/functionRealization/download.md', + key: 'v-41a433e8', + path: '/zh/guide/functionRealization/download.html', + headers: [{ level: 2, title: '下载源码', slug: '下载源码' }], + lastUpdated: '5/18/2021, 9:49:30 PM', }, { frontmatter: {}, @@ -11844,7 +11852,10 @@ relativePath: 'zh/guide/deployDev/oss.md', key: 'v-25c71eb8', path: '/zh/guide/deployDev/oss.html', - headers: [{ level: 3, title: '前端上传文件到oss', slug: '前端上传文件到oss' }], + headers: [ + { level: 3, title: '前端上传文件到oss', slug: '前端上传文件到oss' }, + { level: 3, title: '如何接入任何第三方上传服务', slug: '如何接入任何第三方上传服务' }, + ], lastUpdated: '1/31/2021, 1:25:02 AM', }, { @@ -11857,11 +11868,15 @@ }, { frontmatter: {}, - regularPath: '/zh/guide/functionRealization/machinePreview.html', - relativePath: 'zh/guide/functionRealization/machinePreview.md', - key: 'v-1995786c', - path: '/zh/guide/functionRealization/machinePreview.html', - lastUpdated: '1/17/2021, 9:57:34 PM', + 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: {}, @@ -11871,6 +11886,23 @@ path: '/zh/guide/functionRealization/pagePreview.html', lastUpdated: '1/17/2021, 9:57:34 PM', }, + { + frontmatter: {}, + regularPath: '/zh/guide/deployDev/log.html', + relativePath: 'zh/guide/deployDev/log.md', + key: 'v-8736ca8c', + path: '/zh/guide/deployDev/log.html', + headers: [{ level: 3, title: '更新日志', slug: '更新日志' }], + lastUpdated: '5/21/2021, 12:53:47 AM', + }, + { + frontmatter: {}, + regularPath: '/zh/guide/functionRealization/machinePreview.html', + relativePath: 'zh/guide/functionRealization/machinePreview.md', + key: 'v-1995786c', + path: '/zh/guide/functionRealization/machinePreview.html', + lastUpdated: '1/17/2021, 9:57:34 PM', + }, { frontmatter: {}, regularPath: '/zh/guide/functionRealization/revocation.html', @@ -11879,6 +11911,19 @@ path: '/zh/guide/functionRealization/revocation.html', lastUpdated: '1/17/2021, 9:57:34 PM', }, + { + frontmatter: {}, + regularPath: '/zh/guide/functionRealization/templateLibrary.html', + relativePath: 'zh/guide/functionRealization/templateLibrary.md', + key: 'v-a9b10980', + path: '/zh/guide/functionRealization/templateLibrary.html', + headers: [ + { level: 2, title: '模板库实现思路', slug: '模板库实现思路' }, + { level: 3, title: '模板前台展示：', slug: '模板前台展示' }, + { level: 3, title: '模板后台展示：', slug: '模板后台展示' }, + ], + lastUpdated: '1/17/2021, 9:57:34 PM', + }, { frontmatter: {}, regularPath: '/zh/guide/functionRealization/saveJson.html', @@ -11895,27 +11940,6 @@ path: '/zh/guide/functionRealization/screenshot.html', lastUpdated: '1/17/2021, 9:57:34 PM', }, - { - frontmatter: {}, - regularPath: '/zh/guide/functionRealization/templateLibrary.html', - relativePath: 'zh/guide/functionRealization/templateLibrary.md', - key: 'v-a9b10980', - path: '/zh/guide/functionRealization/templateLibrary.html', - headers: [ - { level: 2, title: '模板库实现思路', slug: '模板库实现思路' }, - { level: 3, title: '模板前台展示：', slug: '模板前台展示' }, - { level: 3, title: '模板后台展示：', slug: '模板后台展示' }, - ], - lastUpdated: '1/17/2021, 9:57:34 PM', - }, - { - frontmatter: {}, - regularPath: '/zh/guide/introduced.html', - relativePath: 'zh/guide/introduced.md', - key: 'v-c2ed5468', - path: '/zh/guide/introduced.html', - lastUpdated: '1/17/2021, 7:12:02 PM', - }, { title: '快速上手', frontmatter: {}, @@ -11933,12 +11957,11 @@ }, { frontmatter: {}, - regularPath: '/zh/guide/functionRealization/download.html', - relativePath: 'zh/guide/functionRealization/download.md', - key: 'v-41a433e8', - path: '/zh/guide/functionRealization/download.html', - headers: [{ level: 2, title: '下载源码', slug: '下载源码' }], - lastUpdated: '5/18/2021, 9:49:30 PM', + regularPath: '/zh/guide/introduced.html', + relativePath: 'zh/guide/introduced.md', + key: 'v-c2ed5468', + path: '/zh/guide/introduced.html', + lastUpdated: '1/17/2021, 7:12:02 PM', }, ], themeConfig: { @@ -12086,6 +12109,12 @@ collapsable: !1, sidebarDepth: 1, }, + { + title: '获取Form组件的值数据', + path: '/zh/guide/deployDev/form', + collapsable: !1, + sidebarDepth: 1, + }, { title: 'API接口文档', path: '/zh/guide/deployDev/api', @@ -12108,13 +12137,13 @@ return Promise.all([n.e(0), n.e(3)]).then(n.bind(null, 381)); }), Ro.component('Badge', function() { - return Promise.all([n.e(0), n.e(4)]).then(n.bind(null, 407)); - }), - Ro.component('CodeBlock', function() { - return Promise.all([n.e(0), n.e(5)]).then(n.bind(null, 382)); + return Promise.all([n.e(0), n.e(4)]).then(n.bind(null, 408)); }), Ro.component('CodeGroup', function() { - return Promise.all([n.e(0), n.e(6)]).then(n.bind(null, 383)); + return Promise.all([n.e(0), n.e(6)]).then(n.bind(null, 382)); + }), + Ro.component('CodeBlock', function() { + return Promise.all([n.e(0), n.e(5)]).then(n.bind(null, 383)); }); n(302); var hu = [ @@ -12611,7 +12640,7 @@ var e = this.$site.base; return '/' === t.charAt(0) ? e + t.slice(1) : t; }), - (window.__VUEPRESS__ = { version: '1.8.0', hash: '9fde4bc' }), + (window.__VUEPRESS__ = { version: '1.8.0', hash: 'bc4d899' }), (function(t) { return $u.apply(this, arguments); })(!1).then(function(t) { diff --git a/doc-dist/index.html b/doc-dist/index.html index 0b05c30..83b5810 100644 --- a/doc-dist/index.html +++ b/doc-dist/index.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

hero一款所见即所得的H5编辑器

1

简洁方便

任何人只需傻瓜式拖拽或进行简单编辑即可生成精美的H5页面

2

插拔式体验

产品以GPL协议开源, 授权后可植入任何系统，并支持二次开发

3

持续迭代，无限可能

目前正在持续迭代中，后续可根据需求开发功能更强大的可视化系统

+ (opens new window)

hero一款所见即所得的H5编辑器

1

简洁方便

任何人只需傻瓜式拖拽或进行简单编辑即可生成精美的H5页面

2

插拔式体验

产品以GPL协议开源, 授权后可植入任何系统，并支持二次开发

3

持续迭代，无限可能

目前正在持续迭代中，后续可根据需求开发功能更强大的可视化系统

快速上手 →

GPL Licensed | Copyright © 2020-present H5-Dooring
- + diff --git a/doc-dist/zh/guide/building.html b/doc-dist/zh/guide/building.html index 8be4737..4a55360 100644 --- a/doc-dist/zh/guide/building.html +++ b/doc-dist/zh/guide/building.html @@ -8,8 +8,8 @@ - - + +

正在建设中...

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 1169092..1d9ea4d 100644 --- a/doc-dist/zh/guide/componentDev/DSLAnalysis.html +++ b/doc-dist/zh/guide/componentDev/DSLAnalysis.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

# DSL设计

DSL层主要约定了Dooring组件的数据协议，包括组件的可编辑属性、编辑类型、初始值等，之所以定义一致的协议层，主要是方便后期的组件扩展，配置后移，有助于不同后端语言开发和数据存储，接下来我们看看header组件的schema。

1.editData 可编辑的属性类型DSL

2.config 可编辑组件的默认属性

const Header: IHeaderSchema = {
+   (opens new window)

# DSL设计

DSL层主要约定了Dooring组件的数据协议，包括组件的可编辑属性、编辑类型、初始值等，之所以定义一致的协议层，主要是方便后期的组件扩展，配置后移，有助于不同后端语言开发和数据存储，接下来我们看看header组件的schema。

1.editData 可编辑的属性类型DSL

2.config 可编辑组件的默认属性

const Header: IHeaderSchema = {
   editData: [
     {
       key: 'bgColor',
@@ -88,6 +88,6 @@
       
       →
- + diff --git a/doc-dist/zh/guide/componentDev/componentStructure.html b/doc-dist/zh/guide/componentDev/componentStructure.html index 466b62c..dea9709 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;
 }
 
@@ -148,6 +148,6 @@
       
       →
- + diff --git a/doc-dist/zh/guide/componentDev/dynamicLoading.html b/doc-dist/zh/guide/componentDev/dynamicLoading.html index 8461005..82d4c53 100644 --- a/doc-dist/zh/guide/componentDev/dynamicLoading.html +++ b/doc-dist/zh/guide/componentDev/dynamicLoading.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

# 组件动态加载

目前H5-Dooring的组件都是通过动态加载的方式引入，好处是我们在页面中只会加载我们需要的组件，不需要的组件不会被加载，这样可以提高页面加载的速度，这样做也会出现一些问题，比如一个长页面，配置了很多组件，那么一个页面加载过程可以会触发多次请求，目前还没有遇到性能问题，但后续会逐渐优化这个问题。

# umi3提供的dynamic

目前组件的动态加载我们采用的umi的dynamic方案，基于它我们上层封装了一个组件动态加载器，原理如下：

foo

具体代码可以参考Dooring的Github地址：https://github.com/MrXujiang/h5-Dooring (opens new window)

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

+ (opens new window)

# 组件动态加载

目前H5-Dooring的组件都是通过动态加载的方式引入，好处是我们在页面中只会加载我们需要的组件，不需要的组件不会被加载，这样可以提高页面加载的速度，这样做也会出现一些问题，比如一个长页面，配置了很多组件，那么一个页面加载过程可以会触发多次请求，目前还没有遇到性能问题，但后续会逐渐优化这个问题。

# umi3提供的dynamic

目前组件的动态加载我们采用的umi的dynamic方案，基于它我们上层封装了一个组件动态加载器，原理如下：

foo

具体代码可以参考Dooring的Github地址：https://github.com/MrXujiang/h5-Dooring (opens new window)

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

← →

- + diff --git a/doc-dist/zh/guide/deployDev/api.html b/doc-dist/zh/guide/deployDev/api.html index ece72e9..7b05f77 100644 --- a/doc-dist/zh/guide/deployDev/api.html +++ b/doc-dist/zh/guide/deployDev/api.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

H5-Dooring后端部分主要使用 Nodejs 开发, 为了满足更多定制化需求和服务的可移植性, 特意编写了API接口文档, -方便大家使用不同的后端语言实现服务接入.

  • 注意: 接口统一前缀为/api/v0

# 用户相关

# 登录

用户登录接口

  • POST /vip/check
参数名 是否必选 类型 说明
n true string 用户名
co true string 密码

返回示例

{
+   (opens new window)

H5-Dooring后端部分主要使用 Nodejs 开发, 为了满足更多定制化需求和服务的可移植性, 特意编写了API接口文档, +方便大家使用不同的后端语言实现服务接入.

  • 注意: 接口统一前缀为/api/v0

# 用户相关

# 用户登录

用户登录接口

  • POST /vip/check
参数名 是否必选 类型 说明
n true string 用户名
co true string 密码

返回示例

{
     "result": { 
         "n": "test", 
         "od": [], 
@@ -309,15 +309,15 @@
     "result": null,
     "msg": "删除成功"
 }
-

# 文件上传

# 数据统计

# 数据大盘接口

# 页面埋点

Last Updated: 2/15/2021, 12:27:31 AM

+

# 文件上传

# 数据统计

# 数据大盘接口

# 页面埋点

Last Updated: 5/21/2021, 12:53:47 AM

← - 更新日志 →

- + diff --git a/doc-dist/zh/guide/deployDev/deploy.html b/doc-dist/zh/guide/deployDev/deploy.html index da85e77..31ddb4e 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
+   (opens new window)

私有化部署需要获取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: 4/20/2021, 10:19:10 PM

← →

- + diff --git a/doc-dist/zh/guide/deployDev/deploy_v6.html b/doc-dist/zh/guide/deployDev/deploy_v6.html index 1675ca9..ed0922c 100644 --- a/doc-dist/zh/guide/deployDev/deploy_v6.html +++ b/doc-dist/zh/guide/deployDev/deploy_v6.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

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

  • 可视化大屏编辑器(v6.dooring/)
  • v6管理后台(v6.dooring/manage)
  • 服务端项目(v6.dooring/server)

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

# 部署架构图

H5-dooring部署

部署流程如下:

  1. 下载3个源码工程, 安装依赖(npm install 或 yarn)
  2. 打包2个前端工程至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
+   (opens new window)

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

  • 可视化大屏编辑器(v6.dooring/)
  • v6管理后台(v6.dooring/manage)
  • 服务端项目(v6.dooring/server)

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

# 部署架构图

H5-dooring部署

部署流程如下:

  1. 下载3个源码工程, 安装依赖(npm install 或 yarn)
  2. 打包2个前端工程至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: 5/8/2021, 12:34:13 AM

← →

- + diff --git a/doc-dist/zh/guide/deployDev/dir.html b/doc-dist/zh/guide/deployDev/dir.html index f7adf65..ba09d74 100644 --- a/doc-dist/zh/guide/deployDev/dir.html +++ b/doc-dist/zh/guide/deployDev/dir.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

服务端主要是我们的server工程, 数据主要存放在server/public下, 具体数据指代含义我们接下来会详细介绍.

  • bed 存放图片库中的分类图片, 私有化部署的用户可以直接在此处扩充图片(更好的建议是直接存到第三方图床)
  • h5 用户保存的h5数据文件, 一个页面对应一个json文件
  • h5_tpl 平台保存的模版数据文件夹 + (opens new window)

服务端主要是我们的server工程, 数据主要存放在server/public下, 具体数据指代含义我们接下来会详细介绍.

  • bed 存放图片库中的分类图片, 私有化部署的用户可以直接在此处扩充图片(更好的建议是直接存到第三方图床)
  • h5 用户保存的h5数据文件, 一个页面对应一个json文件
  • h5_tpl 平台保存的模版数据文件夹
    • xxx.json 模版页面文件
    • tpls.json 模版库中的模版列表数据, 可以手动清空
  • h5_vip 会员数据目录
    • form 会员制作的含表单页面的表单收集数据
    • view.json 用户浏览量数据
    • vip.json 会员列表数据
    • vipCard.json 会员订单数据(暂时无用, 可删除)
  • image.json 图片库, 主要用来渲染页面的图片库数据
  • city.json 省市3级联动数据, 为表单组件提供数据支持
Last Updated: 5/13/2021, 9:56:54 PM

← @@ -39,6 +39,6 @@ →

- + diff --git a/doc-dist/zh/guide/deployDev/form.html b/doc-dist/zh/guide/deployDev/form.html new file mode 100644 index 0000000..77f0d14 --- /dev/null +++ b/doc-dist/zh/guide/deployDev/form.html @@ -0,0 +1,66 @@ + + + + + + h5-dooring + + + + + + + + +
h5-dooring

# 获取Form组件的值数据

Form表单组件在editor目录下src/components/BasicShop/BasicComponents位置.

Form组件是Dooring的核心组件之一, 内部的值通过Form组件内部收集, 当然我们也可以暴露出来让其他交互或者组件消费(需要一定的二次开发), 关键代码如下:

req.post(`/vip/h5/form/post${location.search}`, {...fields, ...formData}).then(res => {
+    if(type === 'link') {
+    // 解析参数
+    let isPre = content.indexOf('?') < 0;
+    let query = {dr: Date.now(), from: urlParmas.tid};
+    try {
+        query = params ? {...JSON.parse(params), ...query} : query;
+    }catch(err) {
+        console.log(err)
+    }
+
+    // 跳转
+    if(content.indexOf('http') > -1) {
+        window.location.href = content + urlencode(query, isPre);
+        return
+    }
+
+    history.push(`/m?tid=${content}&${urlencode(query)}`);
+    }else if(type === 'modal') {
+    setVisible(true);
+    }else if(type === 'code') {
+    eval(content);
+    }
+})
+

数据收集提交的核心代码在Form组件的第56-149行, 也就是submit方法. 表单组件收集到的数据统一存放在代码中的formData字段, 所以要想在其他地方获取用户表单填写的值, 我们只需要手动将formData传递出去, 或者挂载到全局(如window对象, localStorage, indexedDB等).

+ ← + + API接口文档 + + → +

+ + + diff --git a/doc-dist/zh/guide/deployDev/https.html b/doc-dist/zh/guide/deployDev/https.html index 0673fa1..4c27d55 100644 --- a/doc-dist/zh/guide/deployDev/https.html +++ b/doc-dist/zh/guide/deployDev/https.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

目前H5-Dooring全面支持https部署, 具体方式方案如下.

# 前端工程

我们需要在前端工程中的src/pages/document.ejs中的head中添加如下代码:

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
+   (opens new window)

目前H5-Dooring全面支持https部署, 具体方式方案如下.

# 前端工程

我们需要在前端工程中的src/pages/document.ejs中的head中添加如下代码:

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

目的是强制将页面中HTTP请求转换为HTTPS.

# 服务器工程

# 1. 申请SSL证书

# 2. 生成 server.csr+server.key

# 3. 通过证书链生成.pem文件

# 在server中的src/index.js按如下方式修改

// 忽略部分无影响代码
 import https from 'https';
 
@@ -66,6 +66,6 @@
       
       →
- + diff --git a/doc-dist/zh/guide/deployDev/log.html b/doc-dist/zh/guide/deployDev/log.html index 2844b17..40eb697 100644 --- a/doc-dist/zh/guide/deployDev/log.html +++ b/doc-dist/zh/guide/deployDev/log.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

# 更新日志

# 1.95

  1. dooring文档添加更新日志模块
  2. dooring增报错监控函数, 提供一键清空缓存按钮和自动重载功能
  3. 新增电商商品H5模版
  4. 页面配置增加背景模式和背景重复
  5. 表单添加字段名配置项

# 1.94

  1. 转盘组件支持转盘交互功能(跳转链接/打开弹窗/自定义代码)
  2. 添加网站拦截, 防止页面误关导致页面无法保存
  3. 优化页面控制条组件样式
  4. 按钮组件添加组件动画
  5. 图片组件添加组件动画
  6. 媒体组件icon优化
  7. 全局错误监控组件添加一键清除缓存功能

# 1.93

  1. 上线源码下载功能
  2. 服务端支持下载源码服务和下载次数限制
  3. 界面部分文案优化
  4. 出码基座优化
  5. 抽奖组件支持抽奖后自定义交互(弹窗/链接/自定义代码)

# 1.92

  1. 修复背景图预览适配问题
  2. 转盘组件支持中奖后自定义交互/弹窗/自定义代码
  3. 界面局部调整
  4. 后台管理表单数据支持多键查询
  5. 可视化大屏柱状图组件支持实时数据请求
Last Updated: 5/15/2021, 8:32:35 PM

+ (opens new window)

# 更新日志

# 1.98

  1. 编辑器功能区添加更多折叠下拉框, 优化头部界面
  2. 添加数据源入口和界面
  3. 模版库优化, 剔除无用模版, 累计60+模版
  4. 入口页添加赞助墙
  5. 升级视频组件, 支持弹幕, 截屏, 模式设置等功能
  6. 文件上传路径兼容window服务器本地化部署

# 1.96

  1. 修复首页推荐项目外链地址和站内文案
  2. 替换Dooring网站logo
  3. 优化ios8以下访问H5时可能出现的页面卡顿问题
  4. 图片上传组件添加svg, gif图片格式支持
  5. 后台管理系统添加一键跳编辑器按钮
  6. 服务端编辑侧路由加固
  7. 文件上传组件添加自定义上传文档，支持七牛云，腾讯云，阿里oss等第三方图床方式

# 1.95

  1. dooring文档添加更新日志模块
  2. dooring增报错监控函数, 提供一键清空缓存按钮和自动重载功能
  3. 新增电商商品H5模版
  4. 页面配置增加背景模式和背景重复
  5. 表单添加字段名配置项

# 1.94

  1. 转盘组件支持转盘交互功能(跳转链接/打开弹窗/自定义代码)
  2. 添加网站拦截, 防止页面误关导致页面无法保存
  3. 优化页面控制条组件样式
  4. 按钮组件添加组件动画
  5. 图片组件添加组件动画
  6. 媒体组件icon优化
  7. 全局错误监控组件添加一键清除缓存功能

# 1.93

  1. 上线源码下载功能
  2. 服务端支持下载源码服务和下载次数限制
  3. 界面部分文案优化
  4. 出码基座优化
  5. 抽奖组件支持抽奖后自定义交互(弹窗/链接/自定义代码)

# 1.92

  1. 修复背景图预览适配问题
  2. 转盘组件支持中奖后自定义交互/弹窗/自定义代码
  3. 界面局部调整
  4. 后台管理表单数据支持多键查询
  5. 可视化大屏柱状图组件支持实时数据请求
Last Updated: 5/21/2021, 12:53:47 AM

←

- + diff --git a/doc-dist/zh/guide/deployDev/oss.html b/doc-dist/zh/guide/deployDev/oss.html index 40444dd..3f6b392 100644 --- a/doc-dist/zh/guide/deployDev/oss.html +++ b/doc-dist/zh/guide/deployDev/oss.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

H5-Dooring全面支持第三方对象存储服务, 我们以七牛云对象存储为例.

# 前端上传文件到oss

首先我们需要在第三方对象储存服务中配置对应的服务和域名. 其次安装对应的sdk, 如七牛云sdk:

import * as qiniu from 'qiniu-js';
+   (opens new window)

H5-Dooring全面支持第三方对象存储服务, 我们以七牛云对象存储为例.

# 前端上传文件到oss

首先我们需要在第三方对象储存服务中配置对应的服务和域名. 其次安装对应的sdk, 如七牛云sdk:

import * as qiniu from 'qiniu-js';

其次我们修改h5_plus工程的Upload组件, 详细地址为src/core/FormComponents/Upload.

修改内容如下:

const fileName = file.name
 const suffix = '自定义文件后缀'
 const putExtra = {
@@ -49,15 +49,73 @@ observe.subs
     })
     this.props.onChange && this.props.onChange(fileList)
 })
-

其他oss服务类似, 如果不清楚如何配置, 可以在H5-Dooring官网 (opens new window)中找到我们.

Last Updated: 1/31/2021, 1:25:02 AM

+

其他oss服务类似, 如果不清楚如何配置, 可以在H5-Dooring官网 (opens new window)中找到我们.

# 如何接入任何第三方上传服务

首先我们的上传组件Upload使用内部的服务接口来实现上传功能, 所以需要给组件的action赋值, 如下:

<Upload
+  fileList={fileList}
+  onPreview={this.handlePreview}
+  onChange={this.handleChange}
+  onRemove={this.handleRemove}
+  name="file"
+  listType="picture-card"
+  className={styles.avatarUploader}
+  action={sdk_upload_api || action}
+  withCredentials={withCredentials}
+  headers={{
+    'x-requested-with': localStorage.getItem('user') || '',
+    'authorization': localStorage.getItem('token') || '',
+    ...headers
+  }}
+  beforeUpload={this.handleBeforeUpload}
+>
+  {fileList.length >= maxLen ? null : uploadButton}
+</Upload>
+

如果需要集成第三方oss, 如七牛云, 阿里oss等, 我们需要将Upload组件的action属性设置为空字符串, 其次删除onChange属性, 上传操作统一在beforeUpload中进行. 案例如下:

<Upload
+    fileList={fileList}
+    action=""
+    onPreview={this.handlePreview}
+    onRemove={this.onRemove}
+    name="file"
+    listType="picture-card"
+    className={styles.avatarUploader}
+    headers={{...headers}}
+    beforeUpload={this.handleBeforeUpload}
+>
+    {fileList.length >= maxLen ? null : uploadButton}
+</Upload>
+

自定义上传的核心逻辑放在了beforeUpload上. 我们具体看看beforeUpload这个方法如何实现.

handleBeforeUpload = (file:RcFile) => {
+    // 1. 限制图片类型
+    const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/jpg' || file.type === 'image/gif';
+    if (!isJpgOrPng) {
+      message.error('只能上传格式为jpeg/png/gif的图片');
+    }
+    // 限制上传文件大小
+    const isLt3M = file.size / 1024 / 1024 < 3;
+    if (!isLt3M) {
+      message.error('图片必须小于3MB!');
+    }
+    if(isJpgOrPng && isLt3M) {
+      // 3. 正常上传逻辑
+      const fileName = file.name
+      // 3.1 调用oss接口, 将图片上传oss
+      // 3.2 将接口返回的url信息, 组装成fileList数据结构, 并更新state
+      const fileList = [{ uid, name: fileName, status: 'done', url }];
+        this.setState({
+          curImgUrl: url,
+          fileList,
+        })
+      // 3.3 将数据传给上层保存
+      this.props.onChange && this.props.onChange(fileList)
+    }
+    return isJpgOrPng && isLt3M;
+  }
+
Last Updated: 1/31/2021, 1:25:02 AM

← - API接口文档 + + 获取Form组件的值数据 →

- + diff --git a/doc-dist/zh/guide/directoryStructure.html b/doc-dist/zh/guide/directoryStructure.html index 90a941d..bf16097 100644 --- a/doc-dist/zh/guide/directoryStructure.html +++ b/doc-dist/zh/guide/directoryStructure.html @@ -8,8 +8,8 @@ - - + +
h5-dooring 
src
+   (opens new window)
src
 ├─ assets
 │  ├─ header.png
 │  ├─ form.png
@@ -322,6 +322,6 @@
       
       →
- + diff --git a/doc-dist/zh/guide/functionRealization/download.html b/doc-dist/zh/guide/functionRealization/download.html index 6815524..dbd2ae4 100644 --- a/doc-dist/zh/guide/functionRealization/download.html +++ b/doc-dist/zh/guide/functionRealization/download.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

# 下载源码

目前Dooring已支持下载源码功能, 我们可以使用编辑器页面头部的下载按钮来实现下载用户搭建的H5源码. + (opens new window)

# 下载源码

目前Dooring已支持下载源码功能, 我们可以使用编辑器页面头部的下载按钮来实现下载用户搭建的H5源码. foo

源码下载之后是完整的React项目源代码, 开发人员可以直接根据自己的业务需求来二次编写代码来满足不同的业务需求.

在拿到源码之后, 我们需要进入项目, 使用npm或者yarn安装项目依赖, 如下:

npm install
 // 或者
 yarn
@@ -47,6 +47,6 @@
       
       →
- + diff --git a/doc-dist/zh/guide/functionRealization/machinePreview.html b/doc-dist/zh/guide/functionRealization/machinePreview.html index fc6aab5..4c78da0 100644 --- a/doc-dist/zh/guide/functionRealization/machinePreview.html +++ b/doc-dist/zh/guide/functionRealization/machinePreview.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

# 真机预览

真机预览和网页预览的流程类似，工作流程如下：

foo

由于不同机型预览的效果有些许不同，最终效果以实际看到的为主。

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

+ (opens new window)

# 真机预览

真机预览和网页预览的流程类似，工作流程如下：

foo

由于不同机型预览的效果有些许不同，最终效果以实际看到的为主。

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

← →

- + diff --git a/doc-dist/zh/guide/functionRealization/pagePreview.html b/doc-dist/zh/guide/functionRealization/pagePreview.html index 1adfa1b..1b3c5a2 100644 --- a/doc-dist/zh/guide/functionRealization/pagePreview.html +++ b/doc-dist/zh/guide/functionRealization/pagePreview.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

# 网页预览

我们看看网页预览的工作流程：

foo

前端预览界面：

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

+ (opens new window)

# 网页预览

我们看看网页预览的工作流程：

foo

前端预览界面：

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

← →

- + diff --git a/doc-dist/zh/guide/functionRealization/revocation.html b/doc-dist/zh/guide/functionRealization/revocation.html index 3dc5b4e..641ce01 100644 --- a/doc-dist/zh/guide/functionRealization/revocation.html +++ b/doc-dist/zh/guide/functionRealization/revocation.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

# 撤销/重做

撤销重做我们主要使用了redux-undo这个库，配合Dva使用，具体使用方法参考如下操作：

import { createLogger } from 'redux-logger';
+   (opens new window)

# 撤销/重做

撤销重做我们主要使用了redux-undo这个库，配合Dva使用，具体使用方法参考如下操作：

import { createLogger } from 'redux-logger';
 import { message } from 'antd';
 import undoable, { StateWithHistory } from 'redux-undo';
 import { Reducer, AnyAction } from 'redux';
@@ -58,6 +58,6 @@
       
       →
- + diff --git a/doc-dist/zh/guide/functionRealization/saveJson.html b/doc-dist/zh/guide/functionRealization/saveJson.html index abd140a..f9fb668 100644 --- a/doc-dist/zh/guide/functionRealization/saveJson.html +++ b/doc-dist/zh/guide/functionRealization/saveJson.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

# 保存json

我们配置好H5页面之后，如果希望其他人观看，我们可以保存页面并发送链接。但是如果有多人协作的需求，比如一个H5页面可能由多个人完成，这个时候该怎么实现呢？基于已有的方案，我们可以采用socket实现多人协同编辑，但是成本比较大，所有这里我们提供了保存json的功能。

我们可以将配置好的页面导出为json，发送给另一个人，这样另一个人通过导入该json文件可以实时看到当前的页面，这里还是依靠我们的页面渲染引擎viewEngine。实现思路也很简单，可以在github[https://github.com/MrXujiang/h5-Dooring (opens new window)]上参考体验。

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

+ (opens new window)

# 保存json

我们配置好H5页面之后，如果希望其他人观看，我们可以保存页面并发送链接。但是如果有多人协作的需求，比如一个H5页面可能由多个人完成，这个时候该怎么实现呢？基于已有的方案，我们可以采用socket实现多人协同编辑，但是成本比较大，所有这里我们提供了保存json的功能。

我们可以将配置好的页面导出为json，发送给另一个人，这样另一个人通过导入该json文件可以实时看到当前的页面，这里还是依靠我们的页面渲染引擎viewEngine。实现思路也很简单，可以在github[https://github.com/MrXujiang/h5-Dooring (opens new window)]上参考体验。

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

← →

- + diff --git a/doc-dist/zh/guide/functionRealization/screenshot.html b/doc-dist/zh/guide/functionRealization/screenshot.html index f07df03..286c563 100644 --- a/doc-dist/zh/guide/functionRealization/screenshot.html +++ b/doc-dist/zh/guide/functionRealization/screenshot.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

# 截图功能

截图功能这里我们主要使用了dom-to-image这个库，来将html转化为图片，并进行分享。

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

+ (opens new window)

# 截图功能

截图功能这里我们主要使用了dom-to-image这个库，来将html转化为图片，并进行分享。

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

← →

- + diff --git a/doc-dist/zh/guide/functionRealization/templateLibrary.html b/doc-dist/zh/guide/functionRealization/templateLibrary.html index 4cc9d59..4b8cf93 100644 --- a/doc-dist/zh/guide/functionRealization/templateLibrary.html +++ b/doc-dist/zh/guide/functionRealization/templateLibrary.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

# 模板库实现思路

我们目前开放了模板库功能，一方面我们会定期配置行业模板，另一个方面Dooring还支持用户自己配置模板，可以一键保存到云端供用户使用。我们也可以将模板变成自己的页面共享给其他人。实现方式本质上是保存用户的配置信息，上传到服务器中做存储，在后台提供了管理模板的模块，可以修改，删除模板。如下图所示：

# 模板前台展示：

foo

# 模板后台展示：

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

+ (opens new window)

# 模板库实现思路

我们目前开放了模板库功能，一方面我们会定期配置行业模板，另一个方面Dooring还支持用户自己配置模板，可以一键保存到云端供用户使用。我们也可以将模板变成自己的页面共享给其他人。实现方式本质上是保存用户的配置信息，上传到服务器中做存储，在后台提供了管理模板的模块，可以修改，删除模板。如下图所示：

# 模板前台展示：

foo

# 模板后台展示：

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

← →

- + diff --git a/doc-dist/zh/guide/index.html b/doc-dist/zh/guide/index.html index 68744c0..a6b185a 100644 --- a/doc-dist/zh/guide/index.html +++ b/doc-dist/zh/guide/index.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
foo

H5-Dooring 是一款功能强大，高可扩展的 H5 可视化页面配置解决方案，致力于提供一套简单方便、专业可靠、无限可能的 H5 落地页最佳实践。

# 功能特点

🎉 可扩展， Dooring 实现了较为完整的业务闭环，并使其模块化，编辑器内部功能接口也全部可以对接不同服务端语言，实现了标准化接口。此外还支持自定义组件，二次开发，设计模板等能力，以满足功能和跨领域的分层需求。

📦 开箱即用， Dooring 内置了表单渲染器、页面渲染器、动态加载内核等，仅需一套源码即可上手开发。并且还提供针对 React 的定制插件，内涵丰富的功能，可满足日常 80%的页面制作需求。

🚀 大量自研， 包含整个编辑器架构、组件设计、文档、请求库封装，后台管理系统等，满足日常项目的周边需求。

🚄 与时俱进， 在满足需求的同时，我们也不会停止对新技术的探索。比如更多营销组件、业务功能，后台管理可视化，PC 页面编辑器，数据大屏定制等等。

# 为什么选择 Dooring

目前github已超过 3000+star，上线 2 个月累计 500+用户使用，解决完善了 100+问题，后续会持续迭代，更新，自研优秀，先进的 lowcode/nocode 解决方案。

Last Updated: 3/22/2021, 10:16:35 AM

+ (opens new window)

foo

H5-Dooring 是一款功能强大，高可扩展的 H5 可视化页面配置解决方案，致力于提供一套简单方便、专业可靠、无限可能的 H5 落地页最佳实践。

# 功能特点

🎉 可扩展， Dooring 实现了较为完整的业务闭环，并使其模块化，编辑器内部功能接口也全部可以对接不同服务端语言，实现了标准化接口。此外还支持自定义组件，二次开发，设计模板等能力，以满足功能和跨领域的分层需求。

📦 开箱即用， Dooring 内置了表单渲染器、页面渲染器、动态加载内核等，仅需一套源码即可上手开发。并且还提供针对 React 的定制插件，内涵丰富的功能，可满足日常 80%的页面制作需求。

🚀 大量自研， 包含整个编辑器架构、组件设计、文档、请求库封装，后台管理系统等，满足日常项目的周边需求。

🚄 与时俱进， 在满足需求的同时，我们也不会停止对新技术的探索。比如更多营销组件、业务功能，后台管理可视化，PC 页面编辑器，数据大屏定制等等。

# 为什么选择 Dooring

目前github已超过 3000+star，上线 2 个月累计 500+用户使用，解决完善了 100+问题，后续会持续迭代，更新，自研优秀，先进的 lowcode/nocode 解决方案。

Last Updated: 3/22/2021, 10:16:35 AM

doring如何工作 →

- + diff --git a/doc-dist/zh/guide/introduced.html b/doc-dist/zh/guide/introduced.html index 5408dda..b2dfc5c 100644 --- a/doc-dist/zh/guide/introduced.html +++ b/doc-dist/zh/guide/introduced.html @@ -8,8 +8,8 @@ - - + +
h5-dooring
foo

注：灰色部分还未实现，正在更新中...

Last Updated: 1/17/2021, 7:12:02 PM

+ (opens new window)

foo

注：灰色部分还未实现，正在更新中...

Last Updated: 1/17/2021, 7:12:02 PM

← →

- + diff --git a/doc-dist/zh/guide/startedQuickly.html b/doc-dist/zh/guide/startedQuickly.html index 443fd32..8ab0c79 100644 --- a/doc-dist/zh/guide/startedQuickly.html +++ b/doc-dist/zh/guide/startedQuickly.html @@ -8,8 +8,8 @@ - - + +
h5-dooring

# 快速上手

# 从零搭建一个H5表单页面

# 环境准备

首先得有 node，并确保 node 版本是 10.13 或以上，（mac/win 下推荐使用 n 来管理 node 版本）

$ node-v
+   (opens new window)

# 快速上手

# 从零搭建一个H5表单页面

# 环境准备

首先得有 node，并确保 node 版本是 10.13 或以上，（mac/win 下推荐使用 n 来管理 node 版本）

$ node-v
 v10.13.0

注：推荐使用 yarn 管理 npm 依赖

# 源码工程

h5_plus(编辑器项目) admin(管理后台) Server(服务端项目)

本地拿到源码工程之后先安装对应依赖，在对应工程目录里执行 yarn 命令，等待依赖安装完成。

# 本地运行

1.首先本地启动 server，在 src 目录的 index.js 中修改跨域白名单，改为本地的 ip+端口，如http://192.167.0.3:8000

2.其次本地启动 h5_plus,启动完毕在浏览器打开对应的启动地址即可查看，如下：

foo
Last Updated: 5/8/2021, 12:34:13 AM

← @@ -39,6 +39,6 @@ v10.13.0 →

- + diff --git a/doc/.vuepress/config.js b/doc/.vuepress/config.js index 7fdd471..9f690a8 100755 --- a/doc/.vuepress/config.js +++ b/doc/.vuepress/config.js @@ -154,6 +154,12 @@ module.exports = { collapsable: false, sidebarDepth: 1, }, + { + title: '获取Form组件的值数据', + path: '/zh/guide/deployDev/form', + collapsable: false, + sidebarDepth: 1, + }, { title: 'API接口文档', path: '/zh/guide/deployDev/api', diff --git a/doc/zh/guide/deployDev/api.md b/doc/zh/guide/deployDev/api.md index 81099f3..c86ecfe 100644 --- a/doc/zh/guide/deployDev/api.md +++ b/doc/zh/guide/deployDev/api.md @@ -11,7 +11,7 @@ ## 用户相关 -### 登录 +### 用户登录 用户登录接口 - `POST` /vip/check diff --git a/doc/zh/guide/deployDev/form.md b/doc/zh/guide/deployDev/form.md new file mode 100644 index 0000000..fbccc59 --- /dev/null +++ b/doc/zh/guide/deployDev/form.md @@ -0,0 +1,41 @@ + + +### 获取Form组件的值数据 + +Form表单组件在`editor`目录下`src/components/BasicShop/BasicComponents`位置. + +Form组件是`Dooring`的核心组件之一, 内部的值通过Form组件内部收集, 当然我们也可以暴露出来让其他交互或者组件消费(需要一定的二次开发), 关键代码如下: + +``` js +req.post(`/vip/h5/form/post${location.search}`, {...fields, ...formData}).then(res => { + if(type === 'link') { + // 解析参数 + let isPre = content.indexOf('?') < 0; + let query = {dr: Date.now(), from: urlParmas.tid}; + try { + query = params ? {...JSON.parse(params), ...query} : query; + }catch(err) { + console.log(err) + } + + // 跳转 + if(content.indexOf('http') > -1) { + window.location.href = content + urlencode(query, isPre); + return + } + + history.push(`/m?tid=${content}&${urlencode(query)}`); + }else if(type === 'modal') { + setVisible(true); + }else if(type === 'code') { + eval(content); + } +}) +``` + +数据收集提交的核心代码在Form组件的第56-149行, 也就是`submit`方法. 表单组件收集到的数据统一存放在代码中的`formData`字段, 所以要想在其他地方获取用户表单填写的值, 我们只需要手动将`formData`传递出去, 或者挂载到全局(如window对象, localStorage, indexedDB等). \ No newline at end of file diff --git a/doc/zh/guide/deployDev/log.md b/doc/zh/guide/deployDev/log.md index a6d20c6..c000be0 100644 --- a/doc/zh/guide/deployDev/log.md +++ b/doc/zh/guide/deployDev/log.md @@ -7,6 +7,25 @@ ### 更新日志 +#### 1.98 + +1. 编辑器功能区添加更多折叠下拉框, 优化头部界面 +2. 添加数据源入口和界面 +3. 模版库优化, 剔除无用模版, 累计60+模版 +4. 入口页添加赞助墙 +5. 升级视频组件, 支持弹幕, 截屏, 模式设置等功能 +6. 文件上传路径兼容window服务器本地化部署 + +#### 1.96 + +1. 修复首页推荐项目外链地址和站内文案 +2. 替换Dooring网站logo +3. 优化ios8以下访问H5时可能出现的页面卡顿问题 +4. 图片上传组件添加svg, gif图片格式支持 +5. 后台管理系统添加一键跳编辑器按钮 +6. 服务端编辑侧路由加固 +7. 文件上传组件添加自定义上传文档，支持七牛云，腾讯云，阿里oss等第三方图床方式 + #### 1.95 1. dooring文档添加更新日志模块 diff --git a/doc/zh/guide/deployDev/oss.md b/doc/zh/guide/deployDev/oss.md index 1e9e284..96ce6be 100644 --- a/doc/zh/guide/deployDev/oss.md +++ b/doc/zh/guide/deployDev/oss.md @@ -43,3 +43,76 @@ observe.subscribe(() => {}, null, (res) => { 其他oss服务类似, 如果不清楚如何配置, 可以在[H5-Dooring官网](http://h5.dooring.cn/)中找到我们. +### 如何接入任何第三方上传服务 + +首先我们的上传组件`Upload`使用内部的服务接口来实现上传功能, 所以需要给组件的`action`赋值, 如下: + +``` jsx + + {fileList.length >= maxLen ? null : uploadButton} + +``` +如果需要集成第三方oss, 如七牛云, 阿里oss等, 我们需要将`Upload`组件的`action`属性设置为空字符串, 其次删除`onChange`属性, 上传操作统一在`beforeUpload`中进行. 案例如下: + +``` jsx + + {fileList.length >= maxLen ? null : uploadButton} + +``` +自定义上传的核心逻辑放在了`beforeUpload`上. 我们具体看看`beforeUpload`这个方法如何实现. + +``` js +handleBeforeUpload = (file:RcFile) => { + // 1. 限制图片类型 + const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/jpg' || file.type === 'image/gif'; + if (!isJpgOrPng) { + message.error('只能上传格式为jpeg/png/gif的图片'); + } + // 限制上传文件大小 + const isLt3M = file.size / 1024 / 1024 < 3; + if (!isLt3M) { + message.error('图片必须小于3MB!'); + } + if(isJpgOrPng && isLt3M) { + // 3. 正常上传逻辑 + const fileName = file.name + // 3.1 调用oss接口, 将图片上传oss + // 3.2 将接口返回的url信息, 组装成fileList数据结构, 并更新state + const fileList = [{ uid, name: fileName, status: 'done', url }]; + this.setState({ + curImgUrl: url, + fileList, + }) + // 3.3 将数据传给上层保存 + this.props.onChange && this.props.onChange(fileList) + } + return isJpgOrPng && isLt3M; + } +``` +