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

404

How did we get here?
+ - + 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/img/down.75812dab.png b/doc-dist/assets/img/down.75812dab.png new file mode 100644 index 0000000..e9befda Binary files /dev/null and b/doc-dist/assets/img/down.75812dab.png differ diff --git a/doc-dist/assets/js/11.c5f47d34.js b/doc-dist/assets/js/11.6f1d3bfc.js similarity index 98% rename from doc-dist/assets/js/11.c5f47d34.js rename to doc-dist/assets/js/11.6f1d3bfc.js index ca99cee..8436011 100644 --- a/doc-dist/assets/js/11.c5f47d34.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'; }, - 388: 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.f88d7615.js b/doc-dist/assets/js/12.fab21abd.js similarity index 98% rename from doc-dist/assets/js/12.f88d7615.js rename to doc-dist/assets/js/12.fab21abd.js index 0346e78..76df81f 100644 --- a/doc-dist/assets/js/12.f88d7615.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'; }, - 391: 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.96be485c.js b/doc-dist/assets/js/13.96be485c.js new file mode 100644 index 0000000..b1e4488 --- /dev/null +++ b/doc-dist/assets/js/13.96be485c.js @@ -0,0 +1,96 @@ +(window.webpackJsonp = window.webpackJsonp || []).push([ + [13], + { + 362: function(s, a, t) { + s.exports = t.p + 'assets/img/down.75812dab.png'; + }, + 395: function(s, a, t) { + 'use strict'; + t.r(a); + var n = t(42), + e = Object(n.a)( + {}, + function() { + var s = this, + a = s.$createElement, + n = s._self._c || a; + return n('ContentSlotsDistributor', { attrs: { 'slot-key': s.$parent.slotKey } }, [ + n('h2', { attrs: { id: '下载源码' } }, [ + n('a', { staticClass: 'header-anchor', attrs: { href: '#下载源码' } }, [s._v('#')]), + s._v(' 下载源码'), + ]), + s._v(' '), + n('p', [ + s._v( + '目前Dooring已支持下载源码功能, 我们可以使用编辑器页面头部的下载按钮来实现下载用户搭建的H5源码.\n', + ), + n('img', { attrs: { src: t(362), alt: 'foo' } }), + ]), + s._v(' '), + n('p', [ + s._v( + '源码下载之后是完整的React项目源代码, 开发人员可以直接根据自己的业务需求来二次编写代码来满足不同的业务需求.', + ), + ]), + s._v(' '), + n('p', [ + s._v('在拿到源码之后, 我们需要进入项目, 使用npm或者yarn安装项目依赖, 如下:'), + ]), + s._v(' '), + n('div', { staticClass: 'language-bash extra-class' }, [ + n('pre', { pre: !0, attrs: { class: 'language-bash' } }, [ + n('code', [ + n('span', { pre: !0, attrs: { class: 'token function' } }, [s._v('npm')]), + s._v(' '), + n('span', { pre: !0, attrs: { class: 'token function' } }, [s._v('install')]), + s._v('\n// 或者\n'), + n('span', { pre: !0, attrs: { class: 'token function' } }, [s._v('yarn')]), + s._v('\n'), + ]), + ]), + ]), + n('p', [s._v('之后我们就可以本地运行项目了:')]), + s._v(' '), + n('div', { staticClass: 'language-bash extra-class' }, [ + n('pre', { pre: !0, attrs: { class: 'language-bash' } }, [ + n('code', [ + n('span', { pre: !0, attrs: { class: 'token function' } }, [s._v('npm')]), + s._v(' start\n// 或者\n'), + n('span', { pre: !0, attrs: { class: 'token function' } }, [s._v('yarn')]), + s._v(' start\n'), + ]), + ]), + ]), + n('p', [ + s._v('因为源码工程采用'), + n('code', [s._v('umi3.0')]), + s._v('搭建, 所以代码配置可以参考'), + n('code', [s._v('umi3.0')]), + s._v('规范, 比如路由配置, '), + n('code', [s._v('history')]), + s._v('模式, 打包路径等, 二次开发完成之后, 我们可以执行:'), + ]), + s._v(' '), + n('div', { staticClass: 'language-bash extra-class' }, [ + n('pre', { pre: !0, attrs: { class: 'language-bash' } }, [ + n('code', [ + n('span', { pre: !0, attrs: { class: 'token function' } }, [s._v('npm')]), + s._v(' run build\n// 或者\n'), + n('span', { pre: !0, attrs: { class: 'token function' } }, [s._v('yarn')]), + s._v(' build\n'), + ]), + ]), + ]), + n('p', [s._v('将项目打包成html, 以便部署到任何服务器中.')]), + ]); + }, + [], + !1, + null, + null, + null, + ); + a.default = e.exports; + }, + }, +]); diff --git a/doc-dist/assets/js/13.92f62c85.js b/doc-dist/assets/js/14.c3ed6dd7.js similarity index 89% rename from doc-dist/assets/js/13.92f62c85.js rename to doc-dist/assets/js/14.c3ed6dd7.js index 4a87d94..ac7f124 100644 --- a/doc-dist/assets/js/13.92f62c85.js +++ b/doc-dist/assets/js/14.c3ed6dd7.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [13], + [14], { - 362: function(t, e, s) { + 365: function(t, e, s) { t.exports = s.p + 'assets/img/preview-machine.895a0711.png'; }, - 395: 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/14.0f62422c.js b/doc-dist/assets/js/15.751a6d56.js similarity index 89% rename from doc-dist/assets/js/14.0f62422c.js rename to doc-dist/assets/js/15.751a6d56.js index fc8632f..07b6f91 100644 --- a/doc-dist/assets/js/14.0f62422c.js +++ b/doc-dist/assets/js/15.751a6d56.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [14], + [15], { - 365: function(t, s, e) { + 368: function(t, s, e) { t.exports = e.p + 'assets/img/screenshot.daeecedd.png'; }, - 401: 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/15.32ecee4e.js b/doc-dist/assets/js/16.b025618a.js similarity index 84% rename from doc-dist/assets/js/15.32ecee4e.js rename to doc-dist/assets/js/16.b025618a.js index 4d9de4b..28b457a 100644 --- a/doc-dist/assets/js/15.32ecee4e.js +++ b/doc-dist/assets/js/16.b025618a.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [15], + [16], { - 368: function(t, s, e) { + 370: function(t, s, e) { t.exports = e.p + 'assets/img/framework.1c9c696b.png'; }, - 403: 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/16.35510801.js b/doc-dist/assets/js/17.bf2e8f73.js similarity index 99% rename from doc-dist/assets/js/16.35510801.js rename to doc-dist/assets/js/17.bf2e8f73.js index 0755ca3..65a1492 100644 --- a/doc-dist/assets/js/16.35510801.js +++ b/doc-dist/assets/js/17.bf2e8f73.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [16], + [17], { 369: function(t, a, r) { t.exports = r.p + 'assets/img/home.f76105db.png'; }, - 404: 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/17.c8b6849e.js b/doc-dist/assets/js/18.81ac15ea.js similarity index 98% rename from doc-dist/assets/js/17.c8b6849e.js rename to doc-dist/assets/js/18.81ac15ea.js index f771512..be52e82 100644 --- a/doc-dist/assets/js/17.c8b6849e.js +++ b/doc-dist/assets/js/18.81ac15ea.js @@ -1,12 +1,12 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [17], + [18], { - 379: function(t, e, a) { + 380: function(t, e, a) { 'use strict'; a.r(e); - var o = a(375), - n = a(376), - i = a(377), + var o = a(376), + n = a(377), + i = a(378), s = a(308), r = { name: 'Layout', diff --git a/doc-dist/assets/js/18.e7ced042.js b/doc-dist/assets/js/19.67f92c26.js similarity index 97% rename from doc-dist/assets/js/18.e7ced042.js rename to doc-dist/assets/js/19.67f92c26.js index d76f80e..ffdacd7 100644 --- a/doc-dist/assets/js/18.e7ced042.js +++ b/doc-dist/assets/js/19.67f92c26.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [18], + [19], { - 378: function(t, e, s) { + 379: function(t, e, s) { 'use strict'; s.r(e); var n = [ diff --git a/doc-dist/assets/js/2.917402d3.js b/doc-dist/assets/js/2.a5de04a4.js similarity index 99% rename from doc-dist/assets/js/2.917402d3.js rename to doc-dist/assets/js/2.a5de04a4.js index 45ddab4..4329cce 100644 --- a/doc-dist/assets/js/2.917402d3.js +++ b/doc-dist/assets/js/2.a5de04a4.js @@ -1290,7 +1290,7 @@ 'use strict'; n(331); }, - 375: function(t, e, n) { + 376: function(t, e, n) { 'use strict'; n(339), n(23), @@ -1705,7 +1705,7 @@ )); e.a = f.exports; }, - 376: function(t, e, n) { + 377: function(t, e, n) { 'use strict'; n(43), n(66); var i = n(325), @@ -2019,7 +2019,7 @@ )); e.a = m.exports; }, - 377: function(t, e, n) { + 378: function(t, e, n) { 'use strict'; var i = n(336), r = n(337), diff --git a/doc-dist/assets/js/19.90149f22.js b/doc-dist/assets/js/20.3e91412b.js similarity index 93% rename from doc-dist/assets/js/19.90149f22.js rename to doc-dist/assets/js/20.3e91412b.js index 07c6d00..4b73238 100644 --- a/doc-dist/assets/js/19.90149f22.js +++ b/doc-dist/assets/js/20.3e91412b.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [19], + [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/20.fdb45864.js b/doc-dist/assets/js/21.ab262167.js similarity index 93% rename from doc-dist/assets/js/20.fdb45864.js rename to doc-dist/assets/js/21.ab262167.js index 20d65c2..2a1dab0 100644 --- a/doc-dist/assets/js/20.fdb45864.js +++ b/doc-dist/assets/js/21.ab262167.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [20], + [21], { - 383: 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/21.d6a1c6a8.js b/doc-dist/assets/js/22.a7421118.js similarity index 99% rename from doc-dist/assets/js/21.d6a1c6a8.js rename to doc-dist/assets/js/22.a7421118.js index 55bfce2..a19ea69 100644 --- a/doc-dist/assets/js/21.d6a1c6a8.js +++ b/doc-dist/assets/js/22.a7421118.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [21], + [22], { - 386: function(t, s, a) { + 384: function(t, s, a) { 'use strict'; a.r(s); var n = a(42), diff --git a/doc-dist/assets/js/22.be7d4cd5.js b/doc-dist/assets/js/23.b2f0953d.js similarity index 99% rename from doc-dist/assets/js/22.be7d4cd5.js rename to doc-dist/assets/js/23.b2f0953d.js index 598883e..5ecc447 100644 --- a/doc-dist/assets/js/22.be7d4cd5.js +++ b/doc-dist/assets/js/23.b2f0953d.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [22], + [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/23.64cb6fc9.js b/doc-dist/assets/js/24.945f07e2.js similarity index 95% rename from doc-dist/assets/js/23.64cb6fc9.js rename to doc-dist/assets/js/24.945f07e2.js index 4ec4075..5bf4f82 100644 --- a/doc-dist/assets/js/23.64cb6fc9.js +++ b/doc-dist/assets/js/24.945f07e2.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [23], + [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('用户登录接口')]), @@ -416,6 +416,115 @@ ]), ]), ]), + a('h3', { attrs: { id: '生成登录码' } }, [ + a('a', { staticClass: 'header-anchor', attrs: { href: '#生成登录码' } }, [ + t._v('#'), + ]), + t._v(' 生成登录码'), + ]), + t._v(' '), + a('p', [t._v('生成登录码接口')]), + t._v(' '), + a('ul', [a('li', [a('code', [t._v('GET')]), t._v(' /vip/gcode')])]), + t._v(' '), + a('p', [t._v('先决条件:')]), + t._v(' '), + a('ul', [a('li', [t._v('用户已登陆')]), t._v(' '), a('li', [t._v('为超级管理员')])]), + t._v(' '), + a('p', [ + t._v('注: 生成登录码是由笔者写的'), + a('code', [t._v('加密算法')]), + t._v('实现, 不需要手动实现, 如果有自定义需求, 可以自行二次开发实现.'), + ]), + t._v(' '), + a('p', [t._v('返回示例')]), + t._v(' '), + a('div', { staticClass: 'language-json extra-class' }, [ + a('pre', { pre: !0, attrs: { class: 'language-json' } }, [ + a('code', [ + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token property' } }, [t._v('"co"')]), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [ + t._v('"1x2fgggteee3456_zdd4"'), + ]), + 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('p', [ + a('code', [t._v('说明:')]), + t._v(' 为了保护用户信息安全, 返回的登录码是加密后的密文, 会调用笔者写的'), + a('code', [t._v('xib.xip')]), + t._v('方法进行加密, 如果想看到原始密码, 需要调用'), + a('code', [t._v('xib.uxip')]), + 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('获取用户真实密码接口')]), + t._v(' '), + a('ul', [a('li', [a('code', [t._v('GET')]), t._v(' /vip/gcode/get')])]), + t._v(' '), + a('p', [t._v('先决条件:')]), + t._v(' '), + a('ul', [a('li', [t._v('用户已登陆')]), t._v(' '), a('li', [t._v('为超级管理员')])]), + t._v(' '), + a('table', [ + a('thead', [ + a('tr', [ + a('th', [t._v('参数名')]), + t._v(' '), + a('th', { staticStyle: { 'text-align': 'center' } }, [t._v('是否必选')]), + t._v(' '), + a('th', { staticStyle: { 'text-align': 'center' } }, [t._v('类型')]), + t._v(' '), + a('th', { staticStyle: { 'text-align': 'right' } }, [t._v('说明')]), + ]), + ]), + t._v(' '), + a('tbody', [ + a('tr', [ + a('td', [t._v('co')]), + t._v(' '), + a('td', { staticStyle: { 'text-align': 'center' } }, [t._v('true')]), + t._v(' '), + a('td', { staticStyle: { 'text-align': 'center' } }, [t._v('string')]), + t._v(' '), + a('td', { staticStyle: { 'text-align': 'right' } }, [t._v('加密后的密码')]), + ]), + ]), + ]), + t._v(' '), + a('p', [t._v('返回示例')]), + t._v(' '), + a('div', { staticClass: 'language-json extra-class' }, [ + a('pre', { pre: !0, attrs: { class: 'language-json' } }, [ + a('code', [ + a('span', { pre: !0, attrs: { class: 'token punctuation' } }, [t._v('{')]), + t._v('\n '), + a('span', { pre: !0, attrs: { class: 'token property' } }, [t._v('"co"')]), + a('span', { pre: !0, attrs: { class: 'token operator' } }, [t._v(':')]), + t._v(' '), + a('span', { pre: !0, attrs: { class: 'token string' } }, [t._v('"12345678"')]), + 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('h3', { attrs: { id: '修改用户信息' } }, [ a('a', { staticClass: 'header-anchor', attrs: { href: '#修改用户信息' } }, [ t._v('#'), diff --git a/doc-dist/assets/js/24.0fb33088.js b/doc-dist/assets/js/25.55896e11.js similarity index 98% rename from doc-dist/assets/js/24.0fb33088.js rename to doc-dist/assets/js/25.55896e11.js index 2886fb5..5b4ac87 100644 --- a/doc-dist/assets/js/24.0fb33088.js +++ b/doc-dist/assets/js/25.55896e11.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [24], + [25], { - 397: function(v, _, l) { + 392: function(v, _, l) { 'use strict'; l.r(_); var i = l(42), diff --git a/doc-dist/assets/js/27.8cd051f4.js b/doc-dist/assets/js/26.3f135e70.js similarity index 61% rename from doc-dist/assets/js/27.8cd051f4.js rename to doc-dist/assets/js/26.3f135e70.js index 3d071dc..9648fe9 100644 --- a/doc-dist/assets/js/27.8cd051f4.js +++ b/doc-dist/assets/js/26.3f135e70.js @@ -1,217 +1,56 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [27], + [26], { - 394: 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.c490ea36.js b/doc-dist/assets/js/26.c490ea36.js deleted file mode 100644 index a251a01..0000000 --- a/doc-dist/assets/js/26.c490ea36.js +++ /dev/null @@ -1,85 +0,0 @@ -(window.webpackJsonp = window.webpackJsonp || []).push([ - [26], - { - 392: function(_, v, t) { - 'use strict'; - t.r(v); - var a = t(42), - l = 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-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 = l.exports; - }, - }, -]); diff --git a/doc-dist/assets/js/25.f099e2dd.js b/doc-dist/assets/js/27.3c7e8c9e.js similarity index 99% rename from doc-dist/assets/js/25.f099e2dd.js rename to doc-dist/assets/js/27.3c7e8c9e.js index c0a4176..064616e 100644 --- a/doc-dist/assets/js/25.f099e2dd.js +++ b/doc-dist/assets/js/27.3c7e8c9e.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [25], + [27], { - 393: 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/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/3.d2d22c88.js b/doc-dist/assets/js/3.ececc857.js similarity index 99% rename from doc-dist/assets/js/3.d2d22c88.js rename to doc-dist/assets/js/3.ececc857.js index 38472fe..85f82b6 100644 --- a/doc-dist/assets/js/3.d2d22c88.js +++ b/doc-dist/assets/js/3.ececc857.js @@ -454,14 +454,14 @@ }; }, 332: function(t, n, e) {}, - 370: function(t, n, e) { + 371: function(t, n, e) { t.exports = e.p + 'assets/img/logo.001d04e6.svg'; }, - 371: function(t, n, e) { + 372: function(t, n, e) { 'use strict'; e(332); }, - 380: function(t, n, e) { + 381: function(t, n, e) { 'use strict'; e.r(n); var r = { @@ -476,7 +476,7 @@ }, }, }, - i = (e(371), e(42)), + i = (e(372), e(42)), a = Object(i.a)( r, function() { @@ -493,7 +493,7 @@ r('header', { staticClass: 'hero' }, [ null !== t.data.heroText ? r('h1', { attrs: { id: 'main-title' } }, [ - r('img', { attrs: { src: e(370), alt: t.data.heroAlt || 'hero' } }), + r('img', { attrs: { src: e(371), alt: t.data.heroAlt || 'hero' } }), r('span', [t._v(t._s(t.data.heroText || t.$title || 'Hello'))]), ]) : t._e(), diff --git a/doc-dist/assets/js/28.a632ec96.js b/doc-dist/assets/js/30.e6444117.js similarity index 99% rename from doc-dist/assets/js/28.a632ec96.js rename to doc-dist/assets/js/30.e6444117.js index 5607811..9fc8988 100644 --- a/doc-dist/assets/js/28.a632ec96.js +++ b/doc-dist/assets/js/30.e6444117.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [28], + [30], { - 396: function(n, e, s) { + 397: function(n, e, s) { 'use strict'; s.r(e); var t = s(42), diff --git a/doc-dist/assets/js/29.4deb4e94.js b/doc-dist/assets/js/31.7251d101.js similarity index 99% rename from doc-dist/assets/js/29.4deb4e94.js rename to doc-dist/assets/js/31.7251d101.js index 915f55d..1717bdc 100644 --- a/doc-dist/assets/js/29.4deb4e94.js +++ b/doc-dist/assets/js/31.7251d101.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [29], + [31], { - 399: 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/30.78ee027a.js b/doc-dist/assets/js/32.dab5a5d2.js similarity index 98% rename from doc-dist/assets/js/30.78ee027a.js rename to doc-dist/assets/js/32.dab5a5d2.js index 80e1587..37a937e 100644 --- a/doc-dist/assets/js/30.78ee027a.js +++ b/doc-dist/assets/js/32.dab5a5d2.js @@ -1,7 +1,7 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ - [30], + [32], { - 400: 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.d6c5e12d.js b/doc-dist/assets/js/4.cde629ec.js similarity index 90% rename from doc-dist/assets/js/4.d6c5e12d.js rename to doc-dist/assets/js/4.cde629ec.js index 3199f48..495ef89 100644 --- a/doc-dist/assets/js/4.d6c5e12d.js +++ b/doc-dist/assets/js/4.cde629ec.js @@ -2,11 +2,11 @@ [4], { 333: function(t, e, n) {}, - 372: function(t, e, n) { + 373: function(t, e, n) { 'use strict'; n(333); }, - 405: function(t, e, n) { + 408: function(t, e, n) { 'use strict'; n.r(e); var i = { @@ -26,7 +26,7 @@ ); }, }, - r = (n(372), n(42)), + r = (n(373), n(42)), p = Object(r.a)(i, void 0, void 0, !1, null, '15b7b770', null); e.default = p.exports; }, diff --git a/doc-dist/assets/js/5.262c1769.js b/doc-dist/assets/js/5.be0f7e94.js similarity index 86% rename from doc-dist/assets/js/5.262c1769.js rename to doc-dist/assets/js/5.be0f7e94.js index bf6a8e2..767eed5 100644 --- a/doc-dist/assets/js/5.262c1769.js +++ b/doc-dist/assets/js/5.be0f7e94.js @@ -1,19 +1,19 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [5], { - 334: function(e, t, c) {}, - 373: function(e, t, c) { + 335: function(e, t, c) {}, + 375: function(e, t, c) { 'use strict'; - c(334); + c(335); }, - 381: 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(373), c(42)), + n = (c(375), c(42)), s = Object(n.a)( i, function() { diff --git a/doc-dist/assets/js/6.5f53f889.js b/doc-dist/assets/js/6.4ee07341.js similarity index 98% rename from doc-dist/assets/js/6.5f53f889.js rename to doc-dist/assets/js/6.4ee07341.js index dc46018..8ef52be 100644 --- a/doc-dist/assets/js/6.5f53f889.js +++ b/doc-dist/assets/js/6.4ee07341.js @@ -1,10 +1,10 @@ (window.webpackJsonp = window.webpackJsonp || []).push([ [6], { - 335: function(e, t, o) {}, + 334: function(e, t, o) {}, 374: function(e, t, o) { 'use strict'; - o(335); + o(334); }, 382: function(e, t, o) { 'use strict'; diff --git a/doc-dist/assets/js/7.b81baac3.js b/doc-dist/assets/js/7.4f98f3a5.js similarity index 97% rename from doc-dist/assets/js/7.b81baac3.js rename to doc-dist/assets/js/7.4f98f3a5.js index e1771f6..e20d3d5 100644 --- a/doc-dist/assets/js/7.b81baac3.js +++ b/doc-dist/assets/js/7.4f98f3a5.js @@ -7,7 +7,7 @@ 364: function(t, s, e) { t.exports = e.p + 'assets/img/preview-page.3ec86df5.png'; }, - 398: function(t, s, e) { + 399: function(t, s, e) { 'use strict'; e.r(s); var r = e(42), diff --git a/doc-dist/assets/js/8.774e8d70.js b/doc-dist/assets/js/8.63e7a89b.js similarity index 98% rename from doc-dist/assets/js/8.774e8d70.js rename to doc-dist/assets/js/8.63e7a89b.js index d29f36b..46cdc3b 100644 --- a/doc-dist/assets/js/8.774e8d70.js +++ b/doc-dist/assets/js/8.63e7a89b.js @@ -7,7 +7,7 @@ 367: function(t, s, a) { t.exports = a.p + 'assets/img/template-bg.244b9ac7.png'; }, - 402: function(t, s, a) { + 403: function(t, s, a) { 'use strict'; a.r(s); var e = a(42), diff --git a/doc-dist/assets/js/9.5e6217e4.js b/doc-dist/assets/js/9.b96234f5.js similarity index 99% rename from doc-dist/assets/js/9.5e6217e4.js rename to doc-dist/assets/js/9.b96234f5.js index 380c16d..dd7c9da 100644 --- a/doc-dist/assets/js/9.5e6217e4.js +++ b/doc-dist/assets/js/9.b96234f5.js @@ -4,7 +4,7 @@ 358: function(t, o, r) { t.exports = r.p + 'assets/img/logo.001d04e6.svg'; }, - 384: function(t, o, r) { + 386: function(t, o, r) { 'use strict'; r.r(o); var s = r(42), diff --git a/doc-dist/assets/js/app.6f018bb2.js b/doc-dist/assets/js/app.95eb3fd8.js similarity index 97% rename from doc-dist/assets/js/app.6f018bb2.js rename to doc-dist/assets/js/app.95eb3fd8.js index 811e9a5..56b47e4 100644 --- a/doc-dist/assets/js/app.6f018bb2.js +++ b/doc-dist/assets/js/app.95eb3fd8.js @@ -47,35 +47,37 @@ ({}[t] || t) + '.' + { - 2: '917402d3', - 3: 'd2d22c88', - 4: 'd6c5e12d', - 5: '262c1769', - 6: '5f53f889', - 7: 'b81baac3', - 8: '774e8d70', - 9: '5e6217e4', + 2: 'a5de04a4', + 3: 'ececc857', + 4: 'cde629ec', + 5: 'be0f7e94', + 6: '4ee07341', + 7: '4f98f3a5', + 8: '63e7a89b', + 9: 'b96234f5', 10: 'b0d462d3', - 11: 'c5f47d34', - 12: 'f88d7615', - 13: '92f62c85', - 14: '0f62422c', - 15: '32ecee4e', - 16: '35510801', - 17: 'c8b6849e', - 18: 'e7ced042', - 19: '90149f22', - 20: 'fdb45864', - 21: 'd6a1c6a8', - 22: 'be7d4cd5', - 23: '64cb6fc9', - 24: '0fb33088', - 25: 'f099e2dd', - 26: 'c490ea36', - 27: '8cd051f4', - 28: 'a632ec96', - 29: '4deb4e94', - 30: '78ee027a', + 11: '6f1d3bfc', + 12: 'fab21abd', + 13: '96be485c', + 14: 'c3ed6dd7', + 15: '751a6d56', + 16: 'b025618a', + 17: 'bf2e8f73', + 18: '81ac15ea', + 19: '67f92c26', + 20: '3e91412b', + 21: 'ab262167', + 22: 'a7421118', + 23: 'b2f0953d', + 24: '945f07e2', + 25: '55896e11', + 26: '3f135e70', + 27: '3c7e8c9e', + 28: '47b21cca', + 29: '27514922', + 30: 'e6444117', + 31: '7251d101', + 32: 'dab5a5d2', }[t] + '.js' ); @@ -1040,8 +1042,8 @@ T = n(45), L = n(2), R = n(135), - D = n(136), - z = n(49), + z = n(136), + D = n(49), I = n(28), M = n(29).forEach, N = $('hidden'), @@ -1192,7 +1194,7 @@ a || k(V, 'propertyIsEnumerable', ct, { unsafe: !0 }))), r({ global: !0, wrap: !0, forced: !c, sham: !c }, { Symbol: H }), M(_(tt), function(t) { - D(t); + z(t); }), r( { target: 'Symbol', stat: !0, forced: !c }, @@ -1271,7 +1273,7 @@ }, }, ); - H.prototype[U] || A(H.prototype, U, H.prototype.valueOf), z(H, 'Symbol'), (P[N] = !0); + H.prototype[U] || A(H.prototype, U, H.prototype.valueOf), D(H, 'Symbol'), (P[N] = !0); }, function(t, e, n) { 'use strict'; @@ -3910,10 +3912,10 @@ T = n(51), L = n(52), R = P('species'), - D = 'Promise', - z = C.get, + z = 'Promise', + D = C.get, I = C.set, - M = C.getterFor(D), + M = C.getterFor(z), N = l, U = s.TypeError, F = s.document, @@ -3923,7 +3925,7 @@ q = H, W = !!(F && F.createEvent && s.dispatchEvent), G = 'function' == typeof PromiseRejectionEvent, - K = $(D, function() { + K = $(z, function() { if (!(b(N) !== String(N))) { if (66 === L) return !0; if (!T && !G) return !0; @@ -4048,8 +4050,8 @@ }; K && ((N = function(t) { - g(this, N, D), m(t), r.call(this); - var e = z(this); + g(this, N, z), m(t), r.call(this); + var e = D(this); try { t(nt(ot, e), nt(rt, e)); } catch (t) { @@ -4058,7 +4060,7 @@ }), ((r = function(t) { I(this, { - type: D, + type: z, done: !1, notified: !1, parent: !1, @@ -4087,7 +4089,7 @@ })), (o = function() { var t = new r(), - e = z(t); + e = D(t); (this.promise = t), (this.resolve = nt(ot, e)), (this.reject = nt(rt, e)); }), (A.f = H = function(t) { @@ -4117,11 +4119,11 @@ }, ))), u({ global: !0, wrap: !0, forced: K }, { Promise: N }), - d(N, D, !1, !0), - v(D), - (i = f(D)), + d(N, z, !1, !0), + v(z), + (i = f(z)), u( - { target: D, stat: !0, forced: K }, + { target: z, stat: !0, forced: K }, { reject: function(t) { var e = H(this); @@ -4130,7 +4132,7 @@ }, ), u( - { target: D, stat: !0, forced: c || K }, + { target: z, stat: !0, forced: c || K }, { resolve: function(t) { return j(c && this === i ? N : this, t); @@ -4138,7 +4140,7 @@ }, ), u( - { target: D, stat: !0, forced: J }, + { target: z, stat: !0, forced: J }, { all: function(t) { var e = this, @@ -5918,10 +5920,10 @@ var R = function(t, e, n) { return !1; }, - D = function(t) { + z = function(t) { return t; }; - function z(t, e) { + function D(t, e) { if (t === e) return !0; var n = f(t), r = f(e); @@ -5933,7 +5935,7 @@ return ( t.length === e.length && t.every(function(t, n) { - return z(t, e[n]); + return D(t, e[n]); }) ); if (t instanceof Date && e instanceof Date) return t.getTime() === e.getTime(); @@ -5943,7 +5945,7 @@ return ( a.length === u.length && a.every(function(n) { - return z(t[n], e[n]); + return D(t[n], e[n]); }) ); } catch (t) { @@ -5951,7 +5953,7 @@ } } function I(t, e) { - for (var n = 0; n < t.length; n++) if (z(t[n], e)) return n; + for (var n = 0; n < t.length; n++) if (D(t[n], e)) return n; return -1; } function M(t) { @@ -5989,7 +5991,7 @@ isReservedAttr: R, isUnknownElement: R, getTagNamespace: L, - parsePlatformTagName: D, + parsePlatformTagName: z, mustUseProp: R, async: !0, _lifecycleHooks: U, @@ -6289,7 +6291,7 @@ : e : t; } - function Dt(t, e) { + function zt(t, e) { var n = e ? (t ? t.concat(e) : Array.isArray(e) ? e : [e]) : t; return n ? (function(t) { @@ -6298,7 +6300,7 @@ })(n) : n; } - function zt(t, e, n, r) { + function Dt(t, e, n, r) { var o = Object.create(t || null); return e ? P(o, e) : o; } @@ -6306,10 +6308,10 @@ return n ? Rt(t, e, n) : e && 'function' != typeof e ? t : Rt(t, e); }), U.forEach(function(t) { - Tt[t] = Dt; + Tt[t] = zt; }), N.forEach(function(t) { - Tt[t + 's'] = zt; + Tt[t + 's'] = Dt; }), (Tt.watch = function(t, e, n, r) { if ((t === nt && (t = void 0), e === nt && (e = void 0), !e)) @@ -6753,7 +6755,7 @@ return a ? this.$createElement('template', { slot: a }, o) : o; } function xe(t) { - return Nt(this.$options, 'filters', t) || D; + return Nt(this.$options, 'filters', t) || z; } function we(t, e) { return Array.isArray(t) ? -1 === t.indexOf(e) : t !== e; @@ -6851,7 +6853,7 @@ (t._s = y), (t._l = be), (t._t = _e), - (t._q = z), + (t._q = D), (t._i = I), (t._m = je), (t._f = xe), @@ -6899,13 +6901,13 @@ return Fe(a, t, e, n, r, l); }); } - function De(t, e, n, r, o) { + function ze(t, e, n, r, o) { var i = _t(t); return ( (i.fnContext = n), (i.fnOptions = r), e.slot && ((i.data || (i.data = {})).slot = e.slot), i ); } - function ze(t, e) { + function De(t, e) { for (var n in e) t[j(n)] = e[n]; } Le(Re.prototype); @@ -7084,13 +7086,13 @@ c = {}, s = a.props; if (u(s)) for (var f in s) c[f] = Ut(f, s, e || i); - else u(n.attrs) && ze(c, n.attrs), u(n.props) && ze(c, n.props); + else u(n.attrs) && De(c, n.attrs), u(n.props) && De(c, n.props); var l = new Re(n, c, o, r, t), p = a.render.call(null, l._c, l); - if (p instanceof yt) return De(p, n, l.parent, a, l); + if (p instanceof yt) return ze(p, n, l.parent, a, l); if (Array.isArray(p)) { for (var h = le(p) || [], d = new Array(h.length), v = 0; v < h.length; v++) - d[v] = De(h[v], n, l.parent, a, l); + d[v] = ze(h[v], n, l.parent, a, l); return d; } })(t, p, e, n, r); @@ -7938,8 +7940,8 @@ (jn.version = '2.6.12'); var Ln = g('style,class'), Rn = g('input,textarea,option,select,progress'), - Dn = g('contenteditable,draggable,spellcheck'), - zn = g('events,caret,typing,plaintext-only'), + zn = g('contenteditable,draggable,spellcheck'), + Dn = g('events,caret,typing,plaintext-only'), In = g( 'allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible', ), @@ -8177,7 +8179,7 @@ for (r in (u(s.__ob__) && (s = e.data.attrs = P({}, s)), s)) (o = s[r]), c[r] !== o && hr(i, r, o); for (r in ((Q || Z) && s.value !== c.value && hr(i, 'value', s.value), c)) - a(s[r]) && (Nn(r) ? i.removeAttributeNS(Mn, Un(r)) : Dn(r) || i.removeAttribute(r)); + a(s[r]) && (Nn(r) ? i.removeAttributeNS(Mn, Un(r)) : zn(r) || i.removeAttribute(r)); } } function hr(t, e, n) { @@ -8188,13 +8190,13 @@ ? t.removeAttribute(e) : ((n = 'allowfullscreen' === e && 'EMBED' === t.tagName ? 'true' : e), t.setAttribute(e, n)) - : Dn(e) + : zn(e) ? t.setAttribute( e, (function(t, e) { return Fn(e) || 'false' === e ? 'false' - : 'contenteditable' === t && zn(e) + : 'contenteditable' === t && Dn(e) ? e : 'true'; })(e, n), @@ -8350,7 +8352,7 @@ var Tr, Lr = /^--/, Rr = /\s*!important$/, - Dr = function(t, e, n) { + zr = function(t, e, n) { if (Lr.test(e)) t.style.setProperty(e, n); else if (Rr.test(n)) t.style.setProperty(k(e), n.replace(Rr, ''), 'important'); else { @@ -8359,12 +8361,12 @@ else t.style[r] = n; } }, - zr = ['Webkit', 'Moz', 'ms'], + Dr = ['Webkit', 'Moz', 'ms'], Ir = O(function(t) { if (((Tr = Tr || document.createElement('div').style), 'filter' !== (t = j(t)) && t in Tr)) return t; - for (var e = t.charAt(0).toUpperCase() + t.slice(1), n = 0; n < zr.length; n++) { - var r = zr[n] + e; + for (var e = t.charAt(0).toUpperCase() + t.slice(1), n = 0; n < Dr.length; n++) { + var r = Dr[n] + e; if (r in Tr) return r; } }); @@ -8390,8 +8392,8 @@ for (var i = t; (i = i.parent); ) i.data && (n = $r(i.data)) && P(r, n); return r; })(e, !0); - for (i in l) a(h[i]) && Dr(c, i, ''); - for (i in h) (o = h[i]) !== l[i] && Dr(c, i, null == o ? '' : o); + for (i in l) a(h[i]) && zr(c, i, ''); + for (i in h) (o = h[i]) !== l[i] && zr(c, i, null == o ? '' : o); } } var Nr = { create: Mr, update: Mr }, @@ -8577,13 +8579,13 @@ T = A && 'function' == typeof x ? x : y, L = (A && w) || g, R = (A && O) || b, - D = m(f(S) ? S.enter : S); + z = m(f(S) ? S.enter : S); 0; - var z = !1 !== o && !Y, + var D = !1 !== o && !Y, I = co(T), N = (n._enterCb = M(function() { - z && (Zr(n, $), Zr(n, C)), - N.cancelled ? (z && Zr(n, k), R && R(n)) : L && L(n), + D && (Zr(n, $), Zr(n, C)), + N.cancelled ? (D && Zr(n, k), R && R(n)) : L && L(n), (n._enterCb = null); })); t.data.show || @@ -8593,14 +8595,14 @@ r && r.tag === t.tag && r.elm._leaveCb && r.elm._leaveCb(), T && T(n, N); }), P && P(n), - z && + D && (Yr(n, k), Yr(n, C), Qr(function() { - Zr(n, k), N.cancelled || (Yr(n, $), I || (uo(D) ? setTimeout(N, D) : to(n, i, N))); + Zr(n, k), N.cancelled || (Yr(n, $), I || (uo(z) ? setTimeout(N, z) : to(n, i, N))); })), t.data.show && (e && e(), T && T(n, N)), - z || I || N(); + D || I || N(); } } } @@ -9010,7 +9012,7 @@ o = (t._vOptions = [].map.call(t.options, yo)); if ( o.some(function(t, e) { - return !z(t, r[e]); + return !D(t, r[e]); }) ) (t.multiple @@ -9034,13 +9036,13 @@ if (!o || Array.isArray(r)) { for (var i, a, u = 0, c = t.options.length; u < c; u++) if (((a = t.options[u]), o)) (i = I(r, yo(a)) > -1), a.selected !== i && (a.selected = i); - else if (z(yo(a), r)) return void (t.selectedIndex !== u && (t.selectedIndex = u)); + else if (D(yo(a), r)) return void (t.selectedIndex !== u && (t.selectedIndex = u)); o || (t.selectedIndex = -1); } } function vo(t, e) { return e.every(function(e) { - return !z(e, t); + return !D(e, t); }); } function yo(t) { @@ -9384,18 +9386,18 @@ * vue-router v3.4.9 * (c) 2020 Evan You * @license MIT - */ function Do(t, e) { + */ function zo(t, e) { for (var n in e) t[n] = e[n]; return t; } - var zo = /[!'()*]/g, + var Do = /[!'()*]/g, Io = function(t) { return '%' + t.charCodeAt(0).toString(16); }, Mo = /%2C/g, No = function(t) { return encodeURIComponent(t) - .replace(zo, Io) + .replace(Do, Io) .replace(Mo, ','); }; function Uo(t) { @@ -9580,7 +9582,7 @@ Yo(c); }); var m = v.props && v.props[u]; - return m && (Do(s[u], { route: c, configProps: m }), ti(y, i, c, m)), a(y, i, r); + return m && (zo(s[u], { route: c, configProps: m }), ti(y, i, c, m)), a(y, i, r); }, }; function ti(t, e, n, r) { @@ -9599,7 +9601,7 @@ } })(n, r)); if (o) { - o = e.props = Do({}, o); + o = e.props = zo({}, o); var i = (e.attrs = e.attrs || {}); for (var a in o) (t.props && a in t.props) || ((i[a] = o[a]), delete o[a]); } @@ -9849,12 +9851,12 @@ var o = 'string' == typeof t ? { path: t } : t; if (o._normalized) return o; if (o.name) { - var i = (o = Do({}, t)).params; - return i && 'object' == typeof i && (o.params = Do({}, i)), o; + var i = (o = zo({}, t)).params; + return i && 'object' == typeof i && (o.params = zo({}, i)), o; } if (!o.path && o.params && e) { - (o = Do({}, o))._normalized = !0; - var a = Do(Do({}, e.params), o.params); + (o = zo({}, o))._normalized = !0; + var a = zo(zo({}, e.params), o.params); if (e.name) (o.name = e.name), (o.params = a); else if (e.matched.length) { var u = e.matched[e.matched.length - 1].path; @@ -9975,13 +9977,13 @@ })(this.$slots.default); if (x) { x.isStatic = !1; - var w = (x.data = Do({}, x.data)); + var w = (x.data = zo({}, x.data)); for (var O in ((w.on = w.on || {}), w.on)) { var S = w.on[O]; O in g && (w.on[O] = Array.isArray(S) ? S : [S]); } for (var j in g) j in w.on ? w.on[j].push(g[j]) : (w.on[j] = m); - var E = (x.data.attrs = Do({}, x.data.attrs)); + var E = (x.data.attrs = zo({}, x.data.attrs)); (E.href = u), (E['aria-current'] = y); } else b.on = g; } @@ -10161,15 +10163,15 @@ function Ri() { return Li; } - function Di(t) { + function zi(t) { return (Li = t); } - var zi = Object.create(null); + var Di = Object.create(null); function Ii() { 'scrollRestoration' in window.history && (window.history.scrollRestoration = 'manual'); var t = window.location.protocol + '//' + window.location.host, e = window.location.href.replace(t, ''), - n = Do({}, window.history.state); + n = zo({}, window.history.state); return ( (n.key = Ri()), window.history.replaceState(n, '', e), @@ -10186,7 +10188,7 @@ t.app.$nextTick(function() { var i = (function() { var t = Ri(); - if (t) return zi[t]; + if (t) return Di[t]; })(), a = o.call(t, e, n, r ? i : null); a && @@ -10204,10 +10206,10 @@ } function Ni() { var t = Ri(); - t && (zi[t] = { x: window.pageXOffset, y: window.pageYOffset }); + t && (Di[t] = { x: window.pageXOffset, y: window.pageYOffset }); } function Ui(t) { - Ni(), t.state && t.state.key && Di(t.state.key); + Ni(), t.state && t.state.key && zi(t.state.key); } function Fi(t) { return Vi(t.x) || Vi(t.y); @@ -10255,9 +10257,9 @@ var n = window.history; try { if (e) { - var r = Do({}, n.state); + var r = zo({}, n.state); (r.key = Ri()), n.replaceState(r, '', t); - } else n.pushState({ key: Di(Ti()) }, '', t); + } else n.pushState({ key: zi(Ti()) }, '', t); } catch (n) { window.location[e ? 'replace' : 'assign'](t); } @@ -11036,78 +11038,84 @@ var Aa = n(40), ka = { NotFound: function() { - return n.e(18).then(n.bind(null, 378)); + return n.e(19).then(n.bind(null, 379)); }, Layout: function() { - return Promise.all([n.e(0), n.e(2), n.e(17)]).then(n.bind(null, 379)); + return Promise.all([n.e(0), n.e(2), n.e(18)]).then(n.bind(null, 380)); }, }, Ca = { + 'v-50357228': function() { + return n.e(22).then(n.bind(null, 384)); + }, 'v-27f2dbac': function() { - return n.e(20).then(n.bind(null, 383)); + return n.e(21).then(n.bind(null, 385)); }, 'v-77cb6b9f': function() { - return n.e(9).then(n.bind(null, 384)); - }, - 'v-11d3734f': function() { - return n.e(19).then(n.bind(null, 385)); - }, - 'v-50357228': function() { - return n.e(21).then(n.bind(null, 386)); + return n.e(9).then(n.bind(null, 386)); }, 'v-358de850': function() { return n.e(10).then(n.bind(null, 387)); }, - 'v-1c499b2c': function() { - return n.e(11).then(n.bind(null, 388)); - }, - 'v-2c7961a6': function() { - return n.e(22).then(n.bind(null, 389)); + 'v-94956b5c': function() { + return n.e(12).then(n.bind(null, 388)); }, 'v-6be2680e': function() { - return n.e(23).then(n.bind(null, 390)); + return n.e(24).then(n.bind(null, 389)); }, - 'v-94956b5c': function() { - return n.e(12).then(n.bind(null, 391)); + 'v-11d3734f': function() { + return n.e(20).then(n.bind(null, 390)); }, - 'v-8736ca8c': function() { - return n.e(26).then(n.bind(null, 392)); - }, - 'v-3e53f828': function() { - return n.e(25).then(n.bind(null, 393)); - }, - 'v-25c71eb8': function() { - return n.e(27).then(n.bind(null, 394)); - }, - 'v-1995786c': function() { - return n.e(13).then(n.bind(null, 395)); - }, - 'v-4574ee28': function() { - return n.e(28).then(n.bind(null, 396)); + 'v-2c7961a6': function() { + return n.e(23).then(n.bind(null, 391)); }, 'v-50c154a8': function() { - return n.e(24).then(n.bind(null, 397)); + return n.e(25).then(n.bind(null, 392)); + }, + '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(29).then(n.bind(null, 396)); + }, + 'v-4574ee28': function() { + return n.e(30).then(n.bind(null, 397)); + }, + 'v-3e53f828': function() { + return n.e(27).then(n.bind(null, 398)); }, 'v-f3d01ce0': function() { - return n.e(7).then(n.bind(null, 398)); + return n.e(7).then(n.bind(null, 399)); }, - 'v-76fd0d8c': function() { - return n.e(29).then(n.bind(null, 399)); + 'v-8736ca8c': function() { + return n.e(28).then(n.bind(null, 400)); }, - 'v-0be2f96c': function() { - return n.e(30).then(n.bind(null, 400)); - }, - 'v-31643a8c': function() { + 'v-1995786c': function() { return n.e(14).then(n.bind(null, 401)); }, - 'v-a9b10980': function() { - return n.e(8).then(n.bind(null, 402)); + 'v-76fd0d8c': function() { + return n.e(31).then(n.bind(null, 402)); }, - 'v-c2ed5468': function() { - return n.e(15).then(n.bind(null, 403)); + 'v-a9b10980': function() { + return n.e(8).then(n.bind(null, 403)); + }, + '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(16).then(n.bind(null, 404)); + return n.e(17).then(n.bind(null, 406)); + }, + 'v-c2ed5468': function() { + return n.e(16).then(n.bind(null, 407)); }, }; function $a(t) { @@ -11126,11 +11134,11 @@ Ra = $a(function(t) { return t.replace(La, '-$1').toLowerCase(); }), - Da = $a(function(t) { + za = $a(function(t) { return t.charAt(0).toUpperCase() + t.slice(1); }); - function za(t, e) { - if (e) return t(e) ? t(e) : e.includes('-') ? t(Da(Ta(e))) : t(Da(e)) || t(Ra(e)); + function Da(t, e) { + if (e) return t(e) ? t(e) : e.includes('-') ? t(za(Ta(e))) : t(za(e)) || t(Ra(e)); } var Ia = Object.assign({}, ka, Ca), Ma = function(t) { @@ -11146,16 +11154,16 @@ return Ro.component(t); }; function Ba(t) { - return za(Na, t); + return Da(Na, t); } function Va(t) { - return za(Ua, t); + return Da(Ua, t); } function Ha(t) { - return za(Ma, t); + return Da(Ma, t); } function qa(t) { - return za(Fa, t); + return Da(Fa, t); } function Wa() { for (var t = arguments.length, e = new Array(t), n = 0; n < t; n++) e[n] = arguments[n]; @@ -11469,6 +11477,14 @@ } })(fu, 'mixins', uu); var lu = [ + { + name: 'v-50357228', + path: '/zh/guide/componentDev/DSLAnalysis.html', + component: fu, + beforeEnter: function(t, e, n) { + Wa('Layout', 'v-50357228').then(n); + }, + }, { name: 'v-27f2dbac', path: '/zh/guide/building.html', @@ -11486,23 +11502,6 @@ }, }, { path: '/zh/guide/index.html', redirect: '/zh/guide/' }, - { - name: 'v-11d3734f', - path: '/', - component: fu, - beforeEnter: function(t, e, n) { - Wa('Layout', 'v-11d3734f').then(n); - }, - }, - { path: '/index.html', redirect: '/' }, - { - name: 'v-50357228', - path: '/zh/guide/componentDev/DSLAnalysis.html', - component: fu, - beforeEnter: function(t, e, n) { - Wa('Layout', 'v-50357228').then(n); - }, - }, { name: 'v-358de850', path: '/zh/guide/componentDev/dynamicLoading.html', @@ -11511,30 +11510,6 @@ Wa('Layout', 'v-358de850').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-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-94956b5c', path: '/zh/guide/deployDev/deploy_v6.html', @@ -11544,43 +11519,28 @@ }, }, { - name: 'v-8736ca8c', - path: '/zh/guide/deployDev/log.html', + name: 'v-6be2680e', + path: '/zh/guide/deployDev/api.html', component: fu, beforeEnter: function(t, e, n) { - Wa('Layout', 'v-8736ca8c').then(n); + Wa('Layout', 'v-6be2680e').then(n); }, }, { - name: 'v-3e53f828', - path: '/zh/guide/deployDev/https.html', + name: 'v-11d3734f', + path: '/', component: fu, beforeEnter: function(t, e, n) { - Wa('Layout', 'v-3e53f828').then(n); + Wa('Layout', 'v-11d3734f').then(n); }, }, + { path: '/index.html', redirect: '/' }, { - name: 'v-25c71eb8', - path: '/zh/guide/deployDev/oss.html', + name: 'v-2c7961a6', + path: '/zh/guide/componentDev/componentStructure.html', component: fu, beforeEnter: function(t, e, n) { - Wa('Layout', 'v-25c71eb8').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-4574ee28', - path: '/zh/guide/directoryStructure.html', - component: fu, - beforeEnter: function(t, e, n) { - Wa('Layout', 'v-4574ee28').then(n); + Wa('Layout', 'v-2c7961a6').then(n); }, }, { @@ -11591,6 +11551,54 @@ Wa('Layout', 'v-50c154a8').then(n); }, }, + { + name: 'v-632f6f4c', + path: '/zh/guide/deployDev/form.html', + component: fu, + beforeEnter: function(t, e, 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); + }, + }, + { + name: 'v-25c71eb8', + path: '/zh/guide/deployDev/oss.html', + component: fu, + beforeEnter: function(t, e, n) { + Wa('Layout', 'v-25c71eb8').then(n); + }, + }, + { + name: 'v-4574ee28', + path: '/zh/guide/directoryStructure.html', + component: fu, + beforeEnter: function(t, e, n) { + Wa('Layout', 'v-4574ee28').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-f3d01ce0', path: '/zh/guide/functionRealization/pagePreview.html', @@ -11599,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', @@ -11607,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', @@ -11624,11 +11656,11 @@ }, }, { - name: 'v-a9b10980', - path: '/zh/guide/functionRealization/templateLibrary.html', + name: 'v-3f5a1068', + path: '/zh/guide/startedQuickly.html', component: fu, beforeEnter: function(t, e, n) { - Wa('Layout', 'v-a9b10980').then(n); + Wa('Layout', 'v-3f5a1068').then(n); }, }, { @@ -11639,14 +11671,6 @@ Wa('Layout', 'v-c2ed5468').then(n); }, }, - { - name: 'v-3f5a1068', - path: '/zh/guide/startedQuickly.html', - component: fu, - beforeEnter: function(t, e, n) { - Wa('Layout', 'v-3f5a1068').then(n); - }, - }, { path: '*', component: fu }, ], pu = { @@ -11655,6 +11679,15 @@ base: '/doc/', headTags: [], pages: [ + { + title: 'DSL设计', + frontmatter: {}, + regularPath: '/zh/guide/componentDev/DSLAnalysis.html', + relativePath: 'zh/guide/componentDev/DSLAnalysis.md', + key: 'v-50357228', + path: '/zh/guide/componentDev/DSLAnalysis.html', + lastUpdated: '1/17/2021, 9:57:34 PM', + }, { frontmatter: {}, regularPath: '/zh/guide/building.html', @@ -11675,6 +11708,63 @@ ], 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: { @@ -11705,36 +11795,6 @@ path: '/', lastUpdated: '1/17/2021, 11:22:04 PM', }, - { - title: 'DSL设计', - frontmatter: {}, - regularPath: '/zh/guide/componentDev/DSLAnalysis.html', - relativePath: 'zh/guide/componentDev/DSLAnalysis.md', - key: 'v-50357228', - path: '/zh/guide/componentDev/DSLAnalysis.html', - lastUpdated: '1/17/2021, 9:57:34 PM', - }, - { - frontmatter: {}, - regularPath: '/zh/guide/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.html', - relativePath: 'zh/guide/deployDev/deploy.md', - key: 'v-1c499b2c', - path: '/zh/guide/deployDev/deploy.html', - headers: [ - { level: 3, title: '部署架构图', slug: '部署架构图' }, - { level: 3, title: '步骤3.4详细流程', slug: '步骤3-4详细流程' }, - ], - lastUpdated: '4/20/2021, 10:19:10 PM', - }, { frontmatter: {}, regularPath: '/zh/guide/componentDev/componentStructure.html', @@ -11751,57 +11811,60 @@ }, { 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: 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/deploy_v6.html', - relativePath: 'zh/guide/deployDev/deploy_v6.md', - key: 'v-94956b5c', - path: '/zh/guide/deployDev/deploy_v6.html', + 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: {}, + regularPath: '/zh/guide/deployDev/deploy.html', + relativePath: 'zh/guide/deployDev/deploy.md', + key: 'v-1c499b2c', + path: '/zh/guide/deployDev/deploy.html', headers: [ { level: 3, title: '部署架构图', slug: '部署架构图' }, { level: 3, title: '步骤3.4详细流程', slug: '步骤3-4详细流程' }, ], - lastUpdated: '5/8/2021, 12:34:13 AM', + lastUpdated: '4/20/2021, 10:19:10 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: '更新日志' }], + 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: {}, + regularPath: '/zh/guide/deployDev/oss.html', + relativePath: 'zh/guide/deployDev/oss.md', + key: 'v-25c71eb8', + path: '/zh/guide/deployDev/oss.html', + headers: [ + { level: 3, title: '前端上传文件到oss', slug: '前端上传文件到oss' }, + { level: 3, title: '如何接入任何第三方上传服务', slug: '如何接入任何第三方上传服务' }, + ], + lastUpdated: '1/31/2021, 1:25:02 AM', + }, + { + frontmatter: {}, + regularPath: '/zh/guide/directoryStructure.html', + relativePath: 'zh/guide/directoryStructure.md', + key: 'v-4574ee28', + path: '/zh/guide/directoryStructure.html', + lastUpdated: '1/17/2021, 7:12:02 PM', }, { frontmatter: {}, @@ -11817,12 +11880,20 @@ }, { frontmatter: {}, - regularPath: '/zh/guide/deployDev/oss.html', - relativePath: 'zh/guide/deployDev/oss.md', - key: 'v-25c71eb8', - path: '/zh/guide/deployDev/oss.html', - headers: [{ level: 3, title: '前端上传文件到oss', slug: '前端上传文件到oss' }], - lastUpdated: '1/31/2021, 1:25:02 AM', + regularPath: '/zh/guide/functionRealization/pagePreview.html', + relativePath: 'zh/guide/functionRealization/pagePreview.md', + key: 'v-f3d01ce0', + path: '/zh/guide/functionRealization/pagePreview.html', + lastUpdated: '1/17/2021, 9:57:34 PM', + }, + { + frontmatter: {}, + regularPath: '/zh/guide/deployDev/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: {}, @@ -11832,30 +11903,6 @@ path: '/zh/guide/functionRealization/machinePreview.html', lastUpdated: '1/17/2021, 9:57:34 PM', }, - { - frontmatter: {}, - regularPath: '/zh/guide/directoryStructure.html', - relativePath: 'zh/guide/directoryStructure.md', - key: 'v-4574ee28', - path: '/zh/guide/directoryStructure.html', - lastUpdated: '1/17/2021, 7:12:02 PM', - }, - { - frontmatter: {}, - regularPath: '/zh/guide/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/functionRealization/pagePreview.html', - relativePath: 'zh/guide/functionRealization/pagePreview.md', - key: 'v-f3d01ce0', - path: '/zh/guide/functionRealization/pagePreview.html', - lastUpdated: '1/17/2021, 9:57:34 PM', - }, { frontmatter: {}, regularPath: '/zh/guide/functionRealization/revocation.html', @@ -11864,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', @@ -11880,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: {}, @@ -11916,6 +11955,14 @@ ], lastUpdated: '5/8/2021, 12:34:13 AM', }, + { + 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', + }, ], themeConfig: { search: !1, @@ -11994,6 +12041,12 @@ collapsable: !1, sidebarDepth: 1, }, + { + title: '下载源码', + path: '/zh/guide/functionRealization/download', + collapsable: !1, + sidebarDepth: 1, + }, { title: '网页预览', path: '/zh/guide/functionRealization/pagePreview', @@ -12056,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', @@ -12075,16 +12134,16 @@ }; n(300), n(301); Ro.component('Home', function() { - return Promise.all([n.e(0), n.e(3)]).then(n.bind(null, 380)); + 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, 405)); - }), - Ro.component('CodeBlock', function() { - return Promise.all([n.e(0), n.e(5)]).then(n.bind(null, 381)); + 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, 382)); + }), + Ro.component('CodeBlock', function() { + return Promise.all([n.e(0), n.e(5)]).then(n.bind(null, 383)); }); n(302); var hu = [ @@ -12581,7 +12640,7 @@ var e = this.$site.base; return '/' === t.charAt(0) ? e + t.slice(1) : t; }), - (window.__VUEPRESS__ = { version: '1.8.0', hash: '3a9ae89' }), + (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 5d60b7b..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 b78cc18..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 5f23a2d..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 fbf0634..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 4f6c78b..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 dbd5818..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": [], 
@@ -75,6 +75,12 @@
     "h5Num": 10,
     "tplNum": 3
 }
+

# 生成登录码

生成登录码接口

  • GET /vip/gcode

先决条件:

  • 用户已登陆
  • 为超级管理员

注: 生成登录码是由笔者写的加密算法实现, 不需要手动实现, 如果有自定义需求, 可以自行二次开发实现.

返回示例

{
+    "co": "1x2fgggteee3456_zdd4",
+}
+

说明: 为了保护用户信息安全, 返回的登录码是加密后的密文, 会调用笔者写的xib.xip方法进行加密, 如果想看到原始密码, 需要调用xib.uxip进行解密.

# 获取用户真实密码

获取用户真实密码接口

  • GET /vip/gcode/get

先决条件:

  • 用户已登陆
  • 为超级管理员
参数名 是否必选 类型 说明
co true string 加密后的密码

返回示例

{
+    "co": "12345678",
+}

# 修改用户信息

修改用户接口

  • POST /vip/edit

先决条件:

  • 用户已登陆
  • 为超级管理员
参数名 是否必选 类型 说明
id false string 用户ID
nickname false string 用户名
co false string 登录码
wx false string 微信号

返回示例

{
     "state": 200,
     "result": null,
@@ -303,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 50d73da..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 df49f8e..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 73cfbf0..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 e8616f4..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 a0b3049..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.94

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

# 1.93

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

# 1.92

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

+ (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 4b07db3..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 46e5215..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 new file mode 100644 index 0000000..dbd2ae4 --- /dev/null +++ b/doc-dist/zh/guide/functionRealization/download.html @@ -0,0 +1,52 @@ + + + + + + h5-dooring + + + + + + + + +
h5-dooring

# 下载源码

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

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

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

npm install
+// 或者
+yarn
+

之后我们就可以本地运行项目了:

npm start
+// 或者
+yarn start
+

因为源码工程采用umi3.0搭建, 所以代码配置可以参考umi3.0规范, 比如路由配置, history模式, 打包路径等, 二次开发完成之后, 我们可以执行:

npm run build
+// 或者
+yarn build
+

将项目打包成html, 以便部署到任何服务器中.

Last Updated: 5/18/2021, 9:49:30 PM

+ ← + + 网页预览 + + → +

+ + + diff --git a/doc-dist/zh/guide/functionRealization/machinePreview.html b/doc-dist/zh/guide/functionRealization/machinePreview.html index f3f0a2b..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 bc79f69..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 7d11509..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 69b2101..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 22c595a..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 816caf4..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 e156a9a..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 89b9fe0..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 61ac969..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 0d1e9da..9f690a8 100755 --- a/doc/.vuepress/config.js +++ b/doc/.vuepress/config.js @@ -86,6 +86,12 @@ module.exports = { collapsable: false, sidebarDepth: 1, }, + { + title: '下载源码', + path: '/zh/guide/functionRealization/download', + collapsable: false, + sidebarDepth: 1, + }, { title: '网页预览', path: '/zh/guide/functionRealization/pagePreview', @@ -148,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/img/common/WX20210515-215658@2x.png b/doc/img/common/WX20210515-215658@2x.png new file mode 100644 index 0000000..b531043 Binary files /dev/null and b/doc/img/common/WX20210515-215658@2x.png differ diff --git a/doc/img/functionRealization/down.png b/doc/img/functionRealization/down.png new file mode 100644 index 0000000..e9befda Binary files /dev/null and b/doc/img/functionRealization/down.png differ diff --git a/doc/zh/guide/deployDev/api.md b/doc/zh/guide/deployDev/api.md index fd66194..c86ecfe 100644 --- a/doc/zh/guide/deployDev/api.md +++ b/doc/zh/guide/deployDev/api.md @@ -11,7 +11,7 @@ ## 用户相关 -### 登录 +### 用户登录 用户登录接口 - `POST` /vip/check @@ -119,6 +119,47 @@ } ``` +### 生成登录码 + +生成登录码接口 +- `GET` /vip/gcode + +先决条件: +- 用户已登陆 +- 为超级管理员 + + +注: 生成登录码是由笔者写的`加密算法`实现, 不需要手动实现, 如果有自定义需求, 可以自行二次开发实现. + +返回示例 +``` json +{ + "co": "1x2fgggteee3456_zdd4", +} +``` + +`说明:` 为了保护用户信息安全, 返回的登录码是加密后的密文, 会调用笔者写的`xib.xip`方法进行加密, 如果想看到原始密码, 需要调用`xib.uxip`进行解密. + +### 获取用户真实密码 + +获取用户真实密码接口 +- `GET` /vip/gcode/get + +先决条件: +- 用户已登陆 +- 为超级管理员 + +| 参数名 | 是否必选 | 类型 | 说明 | +| ------------- |:-------------:|:-----:| -------------:| +| co | true | string | 加密后的密码 | + +返回示例 +``` json +{ + "co": "12345678", +} +``` + ### 修改用户信息 修改用户接口 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 1433d1a..c000be0 100644 --- a/doc/zh/guide/deployDev/log.md +++ b/doc/zh/guide/deployDev/log.md @@ -7,6 +7,33 @@ ### 更新日志 +#### 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. 转盘组件支持转盘交互功能(跳转链接/打开弹窗/自定义代码) 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; + } +``` + diff --git a/doc/zh/guide/functionRealization/download.md b/doc/zh/guide/functionRealization/download.md new file mode 100644 index 0000000..eaf35da --- /dev/null +++ b/doc/zh/guide/functionRealization/download.md @@ -0,0 +1,35 @@ + +## 下载源码 +目前Dooring已支持下载源码功能, 我们可以使用编辑器页面头部的下载按钮来实现下载用户搭建的H5源码. +foo + +源码下载之后是完整的React项目源代码, 开发人员可以直接根据自己的业务需求来二次编写代码来满足不同的业务需求. + +在拿到源码之后, 我们需要进入项目, 使用npm或者yarn安装项目依赖, 如下: + +``` bash +npm install +// 或者 +yarn +``` + +之后我们就可以本地运行项目了: + +``` bash +npm start +// 或者 +yarn start +``` + +因为源码工程采用`umi3.0`搭建, 所以代码配置可以参考`umi3.0`规范, 比如路由配置, `history`模式, 打包路径等, 二次开发完成之后, 我们可以执行: +``` bash +npm run build +// 或者 +yarn build +``` +将项目打包成html, 以便部署到任何服务器中. \ No newline at end of file diff --git a/logo.ff7fc6bb.png b/logo.ff7fc6bb.png new file mode 100644 index 0000000..bf5d90c Binary files /dev/null and b/logo.ff7fc6bb.png differ diff --git a/readme.md b/readme.md index 04fc75c..a44697c 100644 --- a/readme.md +++ b/readme.md @@ -1,7 +1,7 @@ > 让H5制作像搭积木一样简单!

- H5编辑器,H5制作神器,H5 editor,lowcode + H5编辑器,H5制作神器,H5 editor,lowcode

Welcome to H5-Dooring 👋

@@ -14,7 +14,7 @@

-> H5-Dooring是一款功能强大，专业可靠的H5可视化页面配置解决方案，致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践。技术栈以react为主， 后台采用nodejs开发。 +> H5-Dooring是一款功能强大，专业可靠的H5可视化页面配置解决方案，致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践。技术栈以react和typescript为主， 后台采用nodejs开发, 正在探索h5-lowcode解决方案。 > H5-Dooring is a powerful, open source, free H5 visual page configuration solution dedicated to providing a simple, convenient, professional and reliable, unlimited set of H5 landing page best practices. The technology stack is mainly react, developed in the background using nodejs. @@ -27,7 +27,7 @@ ### [视频教程 | Video tutorial](https://www.zhihu.com/zvideo/1326300284608417792) -![](http://h5.dooring.cn/uploads/dooring-sdk_1763cbe7028.png) +![](http://h5.dooring.cn/uploads/face_179ac70dd56.png) 相关产品: [V6.Dooring | 大屏可视化编辑器](https://github.com/MrXujiang/v6.dooring.public)