1 line
143 KiB
JavaScript
1 line
143 KiB
JavaScript
webpackJsonp([13],{"+U/X":function(e,a){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var t=a.info={title:"ImageReader \u56FE\u7247\u9009\u62E9\u5668",preview:"https://didi.github.io/mand-mobile/examples/#/image-reader"},s=a.body="<p>\u7528\u4E8E\u76F8\u518C\u7167\u7247\u8BFB\u53D6\u6216\u62C9\u8D77\u62CD\u7167</p>\n<h3 id=\"\u5F15\u5165\">\u5F15\u5165<a href=\"javascript:jumpAnchor('\u5F15\u5165')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">#</a></h3><pre><code class=\"lang-javascript\"><span class=\"hljs-keyword\">import</span> { ImageReader } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'mand-mobile'</span>\n<span class=\"hljs-keyword\">import</span> imageProcessor <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'mand-mobile/lib/image-reader/image-processor'</span> <span class=\"hljs-comment\">// \u56FE\u7247\u5904\u7406\u63D2\u4EF6\uFF0C\u7528\u6CD5\u53C2\u8003#imageProcessor</span>\n\nVue.component(ImageReader.name, ImageReader)\n</code></pre>\n<h3 id=\"\u4EE3\u7801\u6F14\u793A\">\u4EE3\u7801\u6F14\u793A<a href=\"javascript:jumpAnchor('\u4EE3\u7801\u6F14\u793A')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">#</a></h3><!-- DEMO -->\n<h3 id=\"API\">API<a href=\"javascript:jumpAnchor('API')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">#</a></h3><h4 id=\"ImageReader Props\">ImageReader Props<a href=\"javascript:jumpAnchor('ImageReader Props')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h4\">#</a></h4><table>\n<thead>\n<tr>\n<th>\u5C5E\u6027</th>\n<th>\u8BF4\u660E</th>\n<th>\u7C7B\u578B</th>\n<th>\u9ED8\u8BA4\u503C</th>\n<th>\u5907\u6CE8</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>\u6807\u8BC6</td>\n<td>String</td>\n<td>-</td>\n<td>\u53EF\u7528\u4E8E\u533A\u5206\u591A\u4E2A\u9009\u62E9\u5668</td>\n</tr>\n<tr>\n<td>size</td>\n<td>\u56FE\u7247\u5C3A\u5BF8\u9650\u5236</td>\n<td>String/Number</td>\n<td>-</td>\n<td>\u5355\u4F4D<code>kb</code></td>\n</tr>\n<tr>\n<td>mime</td>\n<td>\u652F\u6301\u56FE\u7247\u7C7B\u578B</td>\n<td>Array</td>\n<td><code>*</code></td>\n<td>\u5982<code>['jpeg','png']</code></td>\n</tr>\n<tr>\n<td>is-camera-only</td>\n<td>\u662F\u5426\u53EA\u652F\u6301\u62CD\u7167</td>\n<td>Boolean</td>\n<td><code>false</code></td>\n<td>-</td>\n</tr>\n<tr>\n<td>is-multiple</td>\n<td>\u662F\u5426\u652F\u6301\u9009\u62E9\u591A\u5F20</td>\n<td>Boolean</td>\n<td><code>false</code></td>\n<td>-</td>\n</tr>\n<tr>\n<td>amount</td>\n<td>\u9009\u62E9\u591A\u5F20</td>\n<td>Number</td>\n<td>-</td>\n<td>\u53EA\u5728<code>is-multiple</code>\u4E3A<code>true</code>\u65F6\u6709\u6548</td>\n</tr>\n</tbody>\n</table>\n<h4 id=\"ImageReader Events\">ImageReader Events<a href=\"javascript:jumpAnchor('ImageReader Events')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h4\">#</a></h4><h5 id=\"@select\">@select<a href=\"javascript:jumpAnchor('@select')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h5\">#</a></h5><p>\u56FE\u7247\u9009\u62E9\u5B8C\u6210\u4E8B\u4EF6\uFF0C\u8FD8\u672A\u5F00\u59CB\u8BFB\u53D6</p>\n<h5 id=\"@complete(name, { dataUrl, blob })\">@complete(name, { dataUrl, blob })<a href=\"javascript:jumpAnchor('@complete(name, { dataUrl, blob })')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h5\">#</a></h5><p>\u56FE\u7247\u9009\u62E9\u8BFB\u53D6\u5B8C\u6210\u4E8B\u4EF6</p>\n<table>\n<thead>\n<tr>\n<th>\u5C5E\u6027</th>\n<th>\u8BF4\u660E</th>\n<th>\u7C7B\u578B</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>\u9009\u62E9\u5668\u6807\u8BC6</td>\n<td>String</td>\n</tr>\n<tr>\n<td>dataUrl</td>\n<td>\u56FE\u7247Base64</td>\n<td>String</td>\n</tr>\n<tr>\n<td>blob</td>\n<td>\u56FE\u7247Blob\u5BF9\u8C61\uFF0C\u53EF\u7528\u4E8E<code>formData</code></td>\n<td>Blob</td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"imageProcessor\">imageProcessor<a href=\"javascript:jumpAnchor('imageProcessor')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">#</a></h3><p>\u7528\u4E8E\u56FE\u7247\u8F74\u5411\u4FEE\u6B63\uFF0C\u56FE\u7247\u8D28\u91CF\u538B\u7F29\uFF0C\u5BBD\u9AD8\u63A7\u5236</p>\n<h4 id=\"\u5F15\u5165\">\u5F15\u5165<a href=\"javascript:jumpAnchor('\u5F15\u5165')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h4\">#</a></h4><pre><code class=\"lang-javascript\"><span class=\"hljs-keyword\">import</span> imageProcessor <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'mand-mobile/lib/image-reader/image-processor'</span>\n\n<span class=\"hljs-comment\">/**\n * options \u56FE\u7247\u5904\u7406\u914D\u7F6E\n * fn(dataUrl, blob) \u5904\u7406\u5B8C\u6210\u56DE\u8C03\n * @return Promise({dataUrl, blob})\n */</span>\nimageProcessor(<span class=\"hljs-keyword\">options</span>[, fn])\n\n</code></pre>\n<h4 id=\"options\">options<a href=\"javascript:jumpAnchor('options')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h4\">#</a></h4><table>\n<thead>\n<tr>\n<th>\u5C5E\u6027</th>\n<th>\u8BF4\u660E</th>\n<th>\u7C7B\u578B</th>\n<th>\u5907\u6CE8</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>dataUrl</td>\n<td>\u56FE\u7247Base64</td>\n<td>String</td>\n<td>-</td>\n</tr>\n<tr>\n<td>width</td>\n<td>\u56FE\u7247\u5BBD\u5EA6</td>\n<td>Number</td>\n<td>\u5355\u4F4D<code>px</code>, \u5BBD\u5EA6\u8D85\u51FA\u65F6\u7B49\u6BD4\u7F29\u653E</td>\n</tr>\n<tr>\n<td>height</td>\n<td>\u56FE\u7247\u9AD8\u5EA6</td>\n<td>Number</td>\n<td>\u5355\u4F4D<code>px</code>, \u9AD8\u5EA6\u8D85\u51FA\u65F6\u7B49\u6BD4\u7F29\u653E</td>\n</tr>\n<tr>\n<td>quality</td>\n<td>\u56FE\u7247\u8D28\u91CF</td>\n<td>Number</td>\n<td>\u53D6\u503C\u8303\u56F4<code>0-1</code></td>\n</tr>\n</tbody>\n</table>\n",o=a.toc="<a href=\"javascript:jumpAnchor('\u5F15\u5165')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">\u5F15\u5165</a><a href=\"javascript:jumpAnchor('\u4EE3\u7801\u6F14\u793A')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">\u4EE3\u7801\u6F14\u793A</a><a href=\"javascript:jumpAnchor('API')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">API</a><a href=\"javascript:jumpAnchor('ImageReader Props')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h4\">ImageReader Props</a><a href=\"javascript:jumpAnchor('ImageReader Events')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h4\">ImageReader Events</a><a href=\"javascript:jumpAnchor('@select')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h5\">@select</a><a href=\"javascript:jumpAnchor('@complete(name, { dataUrl, blob })')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h5\">@complete(name, { dataUrl, blob })</a><a href=\"javascript:jumpAnchor('imageProcessor')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">imageProcessor</a><a href=\"javascript:jumpAnchor('\u5F15\u5165')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h4\">\u5F15\u5165</a><a href=\"javascript:jumpAnchor('options')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h4\">options</a>"},"1n/0":function(e,a){"use strict";a.a={render:function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("div",{staticClass:"md-example-child md-example-child-reader md-example-child-reader-1"},[t("ul",{staticClass:"image-reader-list"},[e._l(e.imageList.reader1,function(a,s){return t("li",{key:s,staticClass:"image-reader-item",style:{backgroundImage:"url("+a+")",backgroundPosition:"center center",backgroundRepeat:"no-repeat",backgroundSize:"cover"}},[t("md-icon",{staticClass:"image-reader-item-del",attrs:{name:"circle-cross",color:"#666"},nativeOn:{click:function(){e.onDeleteImage("reader1",s)}}})],1)}),e._v(" "),t("li",{staticClass:"image-reader-item add"},[t("md-image-reader",{attrs:{name:"reader1","is-multiple":""},on:{select:e.onReaderSelect,complete:e.onReaderComplete,error:e.onReaderError}}),e._v(" "),t("md-icon",{attrs:{name:"hollow-plus",size:"md",color:"#CCC"}}),e._v(" "),t("p",[e._v("\u4E0A\u4F20\u7167\u7247")])],1)],2)])},staticRenderFns:[]}},"2QOp":function(e,a,t){var s=t("ADSM");"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);t("rjj0")("6df608d2",s,!0,{})},"3IRH":function(e){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],!e.children&&(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),e.webpackPolyfill=1),e}},"6KLo":function(e,a,t){a=e.exports=t("FZ+f")(!0),a.push([e.i,".md-image-reader{z-index:100}.md-image-reader,.md-image-reader .md-image-reader-file{position:absolute;width:100%;height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.md-image-reader .md-image-reader-file{opacity:0;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";filter:alpha(opacity=0)}","",{version:3,sources:["/Users/didi/workspace/mand-mobile/site/node_modules/mand-mobile/lib/image-reader/style/index.css"],names:[],mappings:"AAAA,iBAIE,WAAa,CAEd,AACD,wDANE,kBAAmB,AACnB,WAAY,AACZ,YAAa,AAEb,yCAA2C,CAU5C,AARD,uCAIE,UAAW,AACX,gEAAiE,AACjE,uBAAyB,CAE1B",file:"index.css",sourcesContent:[".md-image-reader {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 100;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n.md-image-reader .md-image-reader-file {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0;\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";\n filter: alpha(opacity=0);\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n}"],sourceRoot:""}])},"7bQ1":function(e,a,t){a=e.exports=t("FZ+f")(!0),a.push([e.i,".mfe-blog-theme-default-doc[data-v-1f8edd2a]{position:relative;float:left;width:100%;padding-right:12%;border-left:1px solid #e8e8e8;box-sizing:border-box}.mfe-blog-theme-default-doc .default-doc-content[data-v-1f8edd2a],.mfe-blog-theme-default-doc .doc-content-describe[data-v-1f8edd2a],.mfe-blog-theme-default-doc .doc-content-paragraph[data-v-1f8edd2a],.mfe-blog-theme-default-doc .doc-content-top[data-v-1f8edd2a]{float:left;width:100%;box-sizing:border-box}.mfe-blog-theme-default-doc .doc-content-top[data-v-1f8edd2a]{margin-bottom:20px}.mfe-blog-theme-default-doc .doc-content-top .doc-content-title[data-v-1f8edd2a]{font-size:28px;font-weight:400;color:#1f2f3d}.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode[data-v-1f8edd2a],.mfe-blog-theme-default-doc .doc-content-top .doc-content-title[data-v-1f8edd2a]{float:left;line-height:1}.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode[data-v-1f8edd2a]{position:relative;margin-top:4px;margin-left:10px}.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode i.icon-qr-code[data-v-1f8edd2a]{font-size:22px;color:#999}.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode i.icon-qr-code.active[data-v-1f8edd2a]{color:#3ca0e6}.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode span[data-v-1f8edd2a]{position:absolute;left:-61px;top:30px;z-index:2;width:150px;padding:10px 15px;box-sizing:border-box;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.08);border-radius:4px;border:1px solid #f0f0f0}.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode span i[data-v-1f8edd2a]{display:inline-block;width:100%;text-align:center;font-size:12px;color:#999;font-style:normal}.mfe-blog-theme-default-doc .doc-content-top .doc-content-describe[data-v-1f8edd2a]{font-size:16px;font-weight:400;color:#666;margin-top:20px}.mfe-blog-theme-default-doc .doc-content-bottom[data-v-1f8edd2a]{float:left;width:100%;position:absolute;left:0;bottom:0;padding:20px 64px;box-sizing:border-box}.mfe-blog-theme-default-doc .doc-content-bottom a[data-v-1f8edd2a]{text-decoration:none}.mfe-blog-theme-default-doc .doc-content-bottom a i[data-v-1f8edd2a]{color:#999;font-size:12px;font-style:normal}.mfe-blog-theme-default-doc .doc-content-bottom a p[data-v-1f8edd2a]{margin-top:5px;color:#048efa;font-size:14px}.mfe-blog-theme-default-doc .doc-content-bottom a.prev[data-v-1f8edd2a]{float:left;text-align:left}.mfe-blog-theme-default-doc .doc-content-bottom a.next[data-v-1f8edd2a]{float:right;text-align:right}.mfe-blog-theme-default-doc .default-doc-content[data-v-1f8edd2a]{position:relative;min-height:1500px;padding:0 64px 87px}.mfe-blog-theme-default-doc .default-doc-demo-container[data-v-1f8edd2a]{float:left;width:100%}.mfe-blog-theme-default-doc .default-doc-demo-list[data-v-1f8edd2a]{float:left;width:49%}.mfe-blog-theme-default-doc .default-doc-demo-list[data-v-1f8edd2a]:first-of-type{margin-right:2%}.mfe-blog-theme-default-doc .default-doc-demo[data-v-1f8edd2a],.mfe-blog-theme-default-doc .doc-demo-box-info[data-v-1f8edd2a],.mfe-blog-theme-default-doc .doc-demo-box[data-v-1f8edd2a],.mfe-blog-theme-default-doc .doc-demo-describe[data-v-1f8edd2a],.mfe-blog-theme-default-doc .doc-demo-title[data-v-1f8edd2a]{float:left;width:100%;box-sizing:border-box}.mfe-blog-theme-default-doc .default-doc-demo[data-v-1f8edd2a]{margin-bottom:20px}.mfe-blog-theme-default-doc .default-doc-demo .doc-demo-box-info[data-v-1f8edd2a]{padding:20px}.mfe-blog-theme-default-doc .default-doc-demo .doc-demo-box-info .doc-demo-title[data-v-1f8edd2a]{font-size:16px;font-weight:500}.mfe-blog-theme-default-doc .default-doc-demo .doc-demo-box-info .doc-demo-title a[data-v-1f8edd2a]{margin-right:5px;background:#3ca0e6;color:#fff;padding:5px 10px;border-radius:4px;font-size:24px;font-weight:300;line-height:28px;text-decoration:none}.mfe-blog-theme-default-doc .default-doc-demo .doc-demo-box-info .doc-demo-describe[data-v-1f8edd2a]{margin-top:10px;color:#999;font-size:14px;font-weight:400}.mfe-blog-theme-default-doc .default-doc-demo .doc-demo-box-info .doc-demo-message[data-v-1f8edd2a]{display:inline-block;width:100%;box-sizing:border-box;border-left:.3em solid #048efa;padding:1em;margin-left:0;margin-top:10px;background:rgba(252,145,83,.05);border-radius:4px;font-weight:400}.mfe-blog-theme-default-doc .doc-demo-box[data-v-1f8edd2a]{position:relative;padding-bottom:44px;border:1px solid #ebebeb;border-radius:2px;transition:all .3s;overflow:hidden}.mfe-blog-theme-default-doc .doc-demo-box[data-v-1f8edd2a]:hover{box-shadow:0 0 8px rgba(0,0,0,.08)}.mfe-blog-theme-default-doc .doc-demo-box:hover .doc-demo-box-toggle span[data-v-1f8edd2a]{transform:translateX(0)}.mfe-blog-theme-default-doc .doc-demo-box.active .doc-demo-box-code[data-v-1f8edd2a],.mfe-blog-theme-default-doc .doc-demo-box.active .doc-demo-box-toggle[data-v-1f8edd2a]{display:block}.mfe-blog-theme-default-doc .doc-demo-box-preview[data-v-1f8edd2a]{position:relative;float:left;width:100%;padding:10px 0;box-sizing:border-box;border-top:1px solid #ebebeb;background:#fbf9f9}.mfe-blog-theme-default-doc .doc-demo-box-preview .doc-demo-box-preview-box[data-v-1f8edd2a]{position:relative;width:100%;max-width:450px;margin:0 auto;overflow:hidden}.mfe-blog-theme-default-doc .doc-demo-box-preview .doc-demo-box-preview-box .md-example-child[data-v-1f8edd2a]{zoom:.6}.mfe-blog-theme-default-doc .doc-demo-box-preview .doc-demo-box-preview-box ul>li[data-v-1f8edd2a]{list-style:none!important}.mfe-blog-theme-default-doc .doc-demo-box-code[data-v-1f8edd2a]{position:relative;display:none;width:100%;overflow:hidden;box-sizing:border-box;border-top:1px dashed #ebebeb}.mfe-blog-theme-default-doc .doc-demo-box-code pre[data-v-1f8edd2a]{margin-bottom:0;background:#fff;transition:all .3s}.mfe-blog-theme-default-doc .doc-demo-box-toggle[data-v-1f8edd2a]{position:absolute;bottom:0;left:0;right:0;z-index:1102;width:100%;height:44px;border-top:1px solid #ebebeb;cursor:pointer;text-align:center;line-height:44px;font-size:12px;color:#ccc;transition:background .3s;background:#fff;overflow:hidden}.mfe-blog-theme-default-doc .doc-demo-box-toggle i[data-v-1f8edd2a]{margin-right:5px}.mfe-blog-theme-default-doc .doc-demo-box-toggle span[data-v-1f8edd2a]{position:absolute;top:0;right:20px;transform:translateX(200%);transition:transform .3s ease-in-out;font-weight:500}.mfe-blog-theme-default-doc .doc-demo-box-toggle[data-v-1f8edd2a]:hover{background:#fafafa;i:,span;color:#256fa3}.mfe-blog-theme-default-doc .doc-demo-box-toggle.is-stricky[data-v-1f8edd2a]{position:fixed;bottom:0}button.copy[data-v-1f8edd2a]{position:absolute;top:0;right:0;z-index:100;color:#999;background:#fff;border:none;height:30px;line-height:30px;box-shadow:none}button.copy[data-v-1f8edd2a]:hover{color:#256fa3}button.copy[data-v-1f8edd2a]:active,button.copy[data-v-1f8edd2a]:focus,button.copy[data-v-1f8edd2a]:visited{box-shadow:none;outline:none}@media (max-width:1500px){.doc-demo-box-preview-box[data-v-1f8edd2a]{max-width:400px!important}.doc-demo-box-preview-box .md-example-child[data-v-1f8edd2a]{zoom:.533!important}}@media (max-width:1200px){.doc-demo-box-preview-box[data-v-1f8edd2a]{max-width:350px!important}.doc-demo-box-preview-box .md-example-child[data-v-1f8edd2a]{zoom:.467!important}}@media (max-width:1000px){.default-doc-demo-list[data-v-1f8edd2a]{width:100%!important;margin-right:0!important}.default-doc-demo-list .doc-demo-box-preview-box[data-v-1f8edd2a]{width:100%!important}.default-doc-demo-list .doc-demo-box-code[data-v-1f8edd2a]{position:static;float:left;width:100%;border-left:none!important}.mfe-blog-theme-default-doc[data-v-1f8edd2a]{padding-right:0!important}.default-doc-toc[data-v-1f8edd2a]{display:none}}@media (max-width:750px){.mfe-blog-theme-default-doc[data-v-1f8edd2a]{padding:0}.mfe-blog-theme-default-doc .default-doc-content[data-v-1f8edd2a]{padding:.32rem}}","",{version:3,sources:["/Users/didi/workspace/mand-mobile/site/public/docs/components/basic/image-reader/index.vue"],names:[],mappings:"AACA,6CACE,kBAAmB,AACnB,WAAY,AACZ,WAAY,AACZ,kBAAmB,AACnB,8BAA+B,AAC/B,qBAAuB,CACxB,AACD,uQAIE,WAAY,AACZ,WAAY,AACZ,qBAAuB,CACxB,AACD,8DACE,kBAAoB,CACrB,AACD,iFACE,eAAgB,AAChB,gBAAiB,AACjB,aAAe,CAChB,AACD,mKAEE,WAAY,AACZ,aAAe,CAChB,AACD,kFACE,kBAAmB,AACnB,eAAgB,AAChB,gBAAkB,CACnB,AACD,iGACE,eAAgB,AAChB,UAAY,CACb,AACD,wGACE,aAAe,CAChB,AACD,uFACE,kBAAmB,AACnB,WAAY,AACZ,SAAU,AACV,UAAW,AACX,YAAa,AACb,kBAAmB,AACnB,sBAAuB,AACvB,gBAAiB,AACjB,qCAAuC,AACvC,kBAAmB,AACnB,wBAA0B,CAC3B,AACD,yFACE,qBAAsB,AACtB,WAAY,AACZ,kBAAmB,AACnB,eAAgB,AAChB,WAAY,AACZ,iBAAmB,CACpB,AACD,oFACE,eAAgB,AAChB,gBAAiB,AACjB,WAAY,AACZ,eAAiB,CAClB,AACD,iEACE,WAAY,AACZ,WAAY,AACZ,kBAAmB,AACnB,OAAQ,AACR,SAAU,AACV,kBAAmB,AACnB,qBAAuB,CACxB,AACD,mEACE,oBAAsB,CACvB,AACD,qEACE,WAAY,AACZ,eAAgB,AAChB,iBAAmB,CACpB,AACD,qEACE,eAAgB,AAChB,cAAe,AACf,cAAgB,CACjB,AACD,wEACE,WAAY,AACZ,eAAiB,CAClB,AACD,wEACE,YAAa,AACb,gBAAkB,CACnB,AACD,kEACE,kBAAmB,AACnB,kBAAmB,AACnB,mBAAqB,CACtB,AACD,yEACE,WAAY,AACZ,UAAY,CACb,AACD,oEACE,WAAY,AACZ,SAAW,CACZ,AACD,kFACE,eAAiB,CAClB,AACD,uTAKE,WAAY,AACZ,WAAY,AACZ,qBAAuB,CACxB,AACD,+DACE,kBAAoB,CACrB,AACD,kFACE,YAAc,CACf,AACD,kGACE,eAAgB,AAChB,eAAiB,CAClB,AACD,oGACE,iBAAkB,AAClB,mBAAoB,AACpB,WAAY,AACZ,iBAAkB,AAClB,kBAAmB,AACnB,eAAgB,AAChB,gBAAiB,AACjB,iBAAkB,AAClB,oBAAsB,CACvB,AACD,qGACE,gBAAiB,AACjB,WAAY,AACZ,eAAgB,AAChB,eAAiB,CAClB,AACD,oGACE,qBAAsB,AACtB,WAAY,AACZ,sBAAuB,AACvB,+BAAiC,AACjC,YAAa,AACb,cAAe,AACf,gBAAiB,AACjB,gCAAkC,AAClC,kBAAmB,AACnB,eAAiB,CAClB,AACD,2DACE,kBAAmB,AACnB,oBAAqB,AACrB,yBAA0B,AAC1B,kBAAmB,AACnB,mBAAqB,AACrB,eAAiB,CAClB,AACD,iEACE,kCAAqC,CACtC,AACD,2FACE,uBAAyB,CAC1B,AACD,4KAEE,aAAe,CAChB,AACD,mEACE,kBAAmB,AACnB,WAAY,AACZ,WAAY,AACZ,eAAgB,AAChB,sBAAuB,AACvB,6BAA8B,AAC9B,kBAAoB,CACrB,AACD,6FACE,kBAAmB,AACnB,WAAY,AACZ,gBAAiB,AACjB,cAAe,AACf,eAAiB,CAClB,AACD,+GACE,OAAU,CACX,AACD,mGACE,yBAA4B,CAC7B,AACD,gEACE,kBAAmB,AACnB,aAAc,AACd,WAAY,AACZ,gBAAiB,AACjB,sBAAuB,AACvB,6BAA+B,CAChC,AACD,oEACE,gBAAiB,AACjB,gBAAiB,AACjB,kBAAqB,CACtB,AACD,kEACE,kBAAmB,AACnB,SAAU,AACV,OAAQ,AACR,QAAS,AACT,aAAc,AACd,WAAY,AACZ,YAAa,AACb,6BAA8B,AAC9B,eAAgB,AAChB,kBAAmB,AACnB,iBAAkB,AAClB,eAAgB,AAChB,WAAY,AACZ,0BAA4B,AAC5B,gBAAiB,AACjB,eAAiB,CAClB,AACD,oEACE,gBAAkB,CACnB,AACD,uEACE,kBAAmB,AACnB,MAAO,AACP,WAAY,AACZ,2BAA4B,AAC5B,qCAAuC,AACvC,eAAiB,CAClB,AACD,wEACE,mBAAoB,AACpB,QAAU,AACV,aAAe,CAChB,AACD,6EACE,eAAgB,AAChB,QAAU,CACX,AACD,6BACE,kBAAmB,AACnB,MAAO,AACP,QAAS,AACT,YAAa,AACb,WAAY,AACZ,gBAAiB,AACjB,YAAa,AACb,YAAa,AACb,iBAAkB,AAClB,eAAiB,CAClB,AACD,mCACE,aAAe,CAChB,AACD,4GAGE,gBAAiB,AACjB,YAAc,CACf,AACD,0BACA,2CACI,yBAA4B,CAC/B,AACD,6DACI,mBAAuB,CAC1B,CACA,AACD,0BACA,2CACI,yBAA4B,CAC/B,AACD,6DACI,mBAAuB,CAC1B,CACA,AACD,0BACA,wCACI,qBAAuB,AACvB,wBAA2B,CAC9B,AACD,kEACI,oBAAuB,CAC1B,AACD,2DACI,gBAAiB,AACjB,WAAY,AACZ,WAAY,AACZ,0BAA6B,CAChC,AACD,6CACI,yBAA4B,CAC/B,AACD,kCACI,YAAc,CACjB,CACA,AACD,yBACA,6CACI,SAAW,CACd,AACD,kEACI,cAAiB,CACpB,CACA",file:"index.vue",sourcesContent:["\n.mfe-blog-theme-default-doc[data-v-1f8edd2a] {\n position: relative;\n float: left;\n width: 100%;\n padding-right: 12%;\n border-left: solid 1px #e8e8e8;\n box-sizing: border-box;\n}\n.mfe-blog-theme-default-doc .doc-content-top[data-v-1f8edd2a],\n.mfe-blog-theme-default-doc .doc-content-describe[data-v-1f8edd2a],\n.mfe-blog-theme-default-doc .default-doc-content[data-v-1f8edd2a],\n.mfe-blog-theme-default-doc .doc-content-paragraph[data-v-1f8edd2a] {\n float: left;\n width: 100%;\n box-sizing: border-box;\n}\n.mfe-blog-theme-default-doc .doc-content-top[data-v-1f8edd2a] {\n margin-bottom: 20px;\n}\n.mfe-blog-theme-default-doc .doc-content-top .doc-content-title[data-v-1f8edd2a] {\n font-size: 28px;\n font-weight: 400;\n color: #1f2f3d;\n}\n.mfe-blog-theme-default-doc .doc-content-top .doc-content-title[data-v-1f8edd2a],\n.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode[data-v-1f8edd2a] {\n float: left;\n line-height: 1;\n}\n.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode[data-v-1f8edd2a] {\n position: relative;\n margin-top: 4px;\n margin-left: 10px;\n}\n.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode i.icon-qr-code[data-v-1f8edd2a] {\n font-size: 22px;\n color: #999;\n}\n.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode i.icon-qr-code.active[data-v-1f8edd2a] {\n color: #3ca0e6;\n}\n.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode span[data-v-1f8edd2a] {\n position: absolute;\n left: -61px;\n top: 30px;\n z-index: 2;\n width: 150px;\n padding: 10px 15px;\n box-sizing: border-box;\n background: #fff;\n box-shadow: 0 4px 8px rgba(0,0,0,0.08);\n border-radius: 4px;\n border: solid 1px #f0f0f0;\n}\n.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode span i[data-v-1f8edd2a] {\n display: inline-block;\n width: 100%;\n text-align: center;\n font-size: 12px;\n color: #999;\n font-style: normal;\n}\n.mfe-blog-theme-default-doc .doc-content-top .doc-content-describe[data-v-1f8edd2a] {\n font-size: 16px;\n font-weight: 400;\n color: #666;\n margin-top: 20px;\n}\n.mfe-blog-theme-default-doc .doc-content-bottom[data-v-1f8edd2a] {\n float: left;\n width: 100%;\n position: absolute;\n left: 0;\n bottom: 0;\n padding: 20px 64px;\n box-sizing: border-box;\n}\n.mfe-blog-theme-default-doc .doc-content-bottom a[data-v-1f8edd2a] {\n text-decoration: none;\n}\n.mfe-blog-theme-default-doc .doc-content-bottom a i[data-v-1f8edd2a] {\n color: #999;\n font-size: 12px;\n font-style: normal;\n}\n.mfe-blog-theme-default-doc .doc-content-bottom a p[data-v-1f8edd2a] {\n margin-top: 5px;\n color: #048efa;\n font-size: 14px;\n}\n.mfe-blog-theme-default-doc .doc-content-bottom a.prev[data-v-1f8edd2a] {\n float: left;\n text-align: left;\n}\n.mfe-blog-theme-default-doc .doc-content-bottom a.next[data-v-1f8edd2a] {\n float: right;\n text-align: right;\n}\n.mfe-blog-theme-default-doc .default-doc-content[data-v-1f8edd2a] {\n position: relative;\n min-height: 1500px;\n padding: 0 64px 87px;\n}\n.mfe-blog-theme-default-doc .default-doc-demo-container[data-v-1f8edd2a] {\n float: left;\n width: 100%;\n}\n.mfe-blog-theme-default-doc .default-doc-demo-list[data-v-1f8edd2a] {\n float: left;\n width: 49%;\n}\n.mfe-blog-theme-default-doc .default-doc-demo-list[data-v-1f8edd2a]:first-of-type {\n margin-right: 2%;\n}\n.mfe-blog-theme-default-doc .default-doc-demo[data-v-1f8edd2a],\n.mfe-blog-theme-default-doc .doc-demo-box-info[data-v-1f8edd2a],\n.mfe-blog-theme-default-doc .doc-demo-title[data-v-1f8edd2a],\n.mfe-blog-theme-default-doc .doc-demo-describe[data-v-1f8edd2a],\n.mfe-blog-theme-default-doc .doc-demo-box[data-v-1f8edd2a] {\n float: left;\n width: 100%;\n box-sizing: border-box;\n}\n.mfe-blog-theme-default-doc .default-doc-demo[data-v-1f8edd2a] {\n margin-bottom: 20px;\n}\n.mfe-blog-theme-default-doc .default-doc-demo .doc-demo-box-info[data-v-1f8edd2a] {\n padding: 20px;\n}\n.mfe-blog-theme-default-doc .default-doc-demo .doc-demo-box-info .doc-demo-title[data-v-1f8edd2a] {\n font-size: 16px;\n font-weight: 500;\n}\n.mfe-blog-theme-default-doc .default-doc-demo .doc-demo-box-info .doc-demo-title a[data-v-1f8edd2a] {\n margin-right: 5px;\n background: #3ca0e6;\n color: #fff;\n padding: 5px 10px;\n border-radius: 4px;\n font-size: 24px;\n font-weight: 300;\n line-height: 28px;\n text-decoration: none;\n}\n.mfe-blog-theme-default-doc .default-doc-demo .doc-demo-box-info .doc-demo-describe[data-v-1f8edd2a] {\n margin-top: 10px;\n color: #999;\n font-size: 14px;\n font-weight: 400;\n}\n.mfe-blog-theme-default-doc .default-doc-demo .doc-demo-box-info .doc-demo-message[data-v-1f8edd2a] {\n display: inline-block;\n width: 100%;\n box-sizing: border-box;\n border-left: 0.3em solid #048efa;\n padding: 1em;\n margin-left: 0;\n margin-top: 10px;\n background: rgba(252,145,83,0.05);\n border-radius: 4px;\n font-weight: 400;\n}\n.mfe-blog-theme-default-doc .doc-demo-box[data-v-1f8edd2a] {\n position: relative;\n padding-bottom: 44px;\n border: solid 1px #ebebeb;\n border-radius: 2px;\n transition: all 0.3s;\n overflow: hidden;\n}\n.mfe-blog-theme-default-doc .doc-demo-box[data-v-1f8edd2a]:hover {\n box-shadow: 0 0 8px rgba(0,0,0,0.08);\n}\n.mfe-blog-theme-default-doc .doc-demo-box:hover .doc-demo-box-toggle span[data-v-1f8edd2a] {\n transform: translateX(0);\n}\n.mfe-blog-theme-default-doc .doc-demo-box.active .doc-demo-box-code[data-v-1f8edd2a],\n.mfe-blog-theme-default-doc .doc-demo-box.active .doc-demo-box-toggle[data-v-1f8edd2a] {\n display: block;\n}\n.mfe-blog-theme-default-doc .doc-demo-box-preview[data-v-1f8edd2a] {\n position: relative;\n float: left;\n width: 100%;\n padding: 10px 0;\n box-sizing: border-box;\n border-top: solid 1px #ebebeb;\n background: #fbf9f9;\n}\n.mfe-blog-theme-default-doc .doc-demo-box-preview .doc-demo-box-preview-box[data-v-1f8edd2a] {\n position: relative;\n width: 100%;\n max-width: 450px;\n margin: 0 auto;\n overflow: hidden;\n}\n.mfe-blog-theme-default-doc .doc-demo-box-preview .doc-demo-box-preview-box .md-example-child[data-v-1f8edd2a] {\n zoom: 0.6;\n}\n.mfe-blog-theme-default-doc .doc-demo-box-preview .doc-demo-box-preview-box ul>li[data-v-1f8edd2a] {\n list-style: none !important;\n}\n.mfe-blog-theme-default-doc .doc-demo-box-code[data-v-1f8edd2a] {\n position: relative;\n display: none;\n width: 100%;\n overflow: hidden;\n box-sizing: border-box;\n border-top: dashed 1px #ebebeb;\n}\n.mfe-blog-theme-default-doc .doc-demo-box-code pre[data-v-1f8edd2a] {\n margin-bottom: 0;\n background: #fff;\n transition: all 0.3s;\n}\n.mfe-blog-theme-default-doc .doc-demo-box-toggle[data-v-1f8edd2a] {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1102;\n width: 100%;\n height: 44px;\n border-top: solid 1px #ebebeb;\n cursor: pointer;\n text-align: center;\n line-height: 44px;\n font-size: 12px;\n color: #ccc;\n transition: background 0.3s;\n background: #fff;\n overflow: hidden;\n}\n.mfe-blog-theme-default-doc .doc-demo-box-toggle i[data-v-1f8edd2a] {\n margin-right: 5px;\n}\n.mfe-blog-theme-default-doc .doc-demo-box-toggle span[data-v-1f8edd2a] {\n position: absolute;\n top: 0;\n right: 20px;\n transform: translateX(200%);\n transition: transform 0.3s ease-in-out;\n font-weight: 500;\n}\n.mfe-blog-theme-default-doc .doc-demo-box-toggle[data-v-1f8edd2a]:hover {\n background: #fafafa;\n i: , span;\n color: #256fa3;\n}\n.mfe-blog-theme-default-doc .doc-demo-box-toggle.is-stricky[data-v-1f8edd2a] {\n position: fixed;\n bottom: 0;\n}\nbutton.copy[data-v-1f8edd2a] {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 100;\n color: #999;\n background: #fff;\n border: none;\n height: 30px;\n line-height: 30px;\n box-shadow: none;\n}\nbutton.copy[data-v-1f8edd2a]:hover {\n color: #256fa3;\n}\nbutton.copy[data-v-1f8edd2a]:active,\nbutton.copy[data-v-1f8edd2a]:visited,\nbutton.copy[data-v-1f8edd2a]:focus {\n box-shadow: none;\n outline: none;\n}\n@media (max-width: 1500px) {\n.doc-demo-box-preview-box[data-v-1f8edd2a] {\n max-width: 400px !important;\n}\n.doc-demo-box-preview-box .md-example-child[data-v-1f8edd2a] {\n zoom: 0.533 !important;\n}\n}\n@media (max-width: 1200px) {\n.doc-demo-box-preview-box[data-v-1f8edd2a] {\n max-width: 350px !important;\n}\n.doc-demo-box-preview-box .md-example-child[data-v-1f8edd2a] {\n zoom: 0.467 !important;\n}\n}\n@media (max-width: 1000px) {\n.default-doc-demo-list[data-v-1f8edd2a] {\n width: 100% !important;\n margin-right: 0 !important;\n}\n.default-doc-demo-list .doc-demo-box-preview-box[data-v-1f8edd2a] {\n width: 100% !important;\n}\n.default-doc-demo-list .doc-demo-box-code[data-v-1f8edd2a] {\n position: static;\n float: left;\n width: 100%;\n border-left: none !important;\n}\n.mfe-blog-theme-default-doc[data-v-1f8edd2a] {\n padding-right: 0 !important;\n}\n.default-doc-toc[data-v-1f8edd2a] {\n display: none;\n}\n}\n@media (max-width: 750px) {\n.mfe-blog-theme-default-doc[data-v-1f8edd2a] {\n padding: 0;\n}\n.mfe-blog-theme-default-doc .default-doc-content[data-v-1f8edd2a] {\n padding: 0.32rem;\n}\n}"],sourceRoot:""}])},"7lNs":function(e,a){var t,s,o;(function(d,n){s=[a],t=n,o="function"==typeof t?t.apply(a,s):t,!(void 0!==o&&(e.exports=o))})(this,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={"hollow-plus":"<svg viewBox=\"0 0 512 512\"><path d=\"M241.778 270.222v128c0 7.854 6.368 14.222 14.222 14.222s14.222-6.368 14.222-14.222v-128h128c7.854 0 14.222-6.368 14.222-14.222s-6.368-14.222-14.222-14.222h-128v-128c0-7.855-6.368-14.222-14.222-14.222s-14.222 6.367-14.222 14.222v128h-128c-7.855 0-14.222 6.368-14.222 14.222s6.367 14.222 14.222 14.222h128z\"/><path d=\"M0 256C0 114.615 114.615 0 256 0s256 114.615 256 256-114.615 256-256 256S0 397.385 0 256zm28.445 0c0 125.675 101.88 227.555 227.555 227.555S483.555 381.675 483.555 256c0-125.675-101.88-227.555-227.555-227.555S28.445 130.325 28.445 256z\"/></svg>","arrow-up":"<svg viewBox=\"0 0 512 512\"><path d=\"M145.92 315.904c-5.632-5.632-5.632-14.336 0-19.968l100.352-99.84c5.12-5.632 14.336-5.632 19.968 0l99.84 99.84c5.632 5.632 5.632 14.336 0 19.968s-14.336 5.632-19.968 0L256 225.792l-90.112 90.112c-5.632 5.632-14.336 5.632-19.968 0z\"/></svg>","arrow-down":"<svg viewBox=\"0 0 512 512\"><path d=\"M366.08 196.096c5.632 5.632 5.632 14.336 0 19.968l-99.84 99.84c-5.632 5.632-14.848 5.632-19.968 0l-100.352-99.84c-5.632-5.632-5.632-14.336 0-19.968s14.336-5.632 19.968 0L256 286.208l90.112-90.112c5.632-5.632 14.336-5.632 19.968 0z\"/></svg>","arrow-left":"<svg viewBox=\"0 0 512 512\"><path d=\"M315.904 366.08c-5.632 5.632-14.336 5.632-19.968 0l-99.84-100.352c-5.632-5.12-5.632-14.336 0-19.968l99.84-99.84c5.632-5.632 14.336-5.632 19.968 0s5.632 14.336 0 19.968L225.792 256l90.112 90.112c5.632 5.632 5.632 14.336 0 19.968z\"/></svg>","arrow-right":"<svg viewBox=\"0 0 512 512\"><path d=\"M196.096 145.92c5.632-5.632 14.336-5.632 19.968 0l99.84 99.84c5.632 5.632 5.632 14.848 0 19.968l-99.84 100.352c-5.632 5.632-14.336 5.632-19.968 0s-5.632-14.336 0-19.968L286.208 256l-90.112-90.112c-5.632-5.632-5.632-14.336 0-19.968z\"/></svg>",cross:"<svg viewBox=\"0 0 512 512\"><path d=\"M111.104 91.136L256 236.032 400.896 91.136l19.968 19.968L275.968 256l144.896 144.896-19.968 19.968L256 275.968 111.104 420.864l-19.968-19.968L236.032 256 91.136 111.104l19.968-19.968z\"/></svg>","circle-alert":"<svg viewBox=\"0 0 512 512\"><path d=\"M256 496C123.449 496 16 388.551 16 256S123.449 16 256 16s240 107.449 240 240-107.449 240-240 240zm-23.441-375l7.031 165H271l8.441-165h-46.879zm44.692 218.76c-5.921-5.809-13.069-8.719-21.439-8.719-8.381 0-15.461 2.91-21.24 8.719-5.779 5.831-8.681 12.881-8.681 21.18 0 9.499 3.03 16.89 9.079 22.17 6.049 5.291 13.129 7.931 21.24 7.931 7.969 0 14.951-2.681 20.94-8.029 5.981-5.34 8.97-12.701 8.97-22.069 0-8.299-2.959-15.349-8.869-21.18z\"/></svg>","circle-cross":"<svg viewBox=\"0 0 512 512\"><title/><path d=\"M256 29.696C131.072 29.696 29.696 131.072 29.696 256S131.072 482.304 256 482.304 482.304 380.928 482.304 256 380.928 29.696 256 29.696zm90.112 296.448l-19.968 19.968L256 275.968l-70.144 70.144-19.968-19.968L236.032 256l-70.144-70.144 19.968-19.968L256 236.032l70.144-70.144 19.968 19.968L275.968 256l70.144 70.144z\"/></svg>","circle-right":"<svg viewBox=\"0 0 512 512\"><path d=\"M256 29.696C131.072 29.696 29.696 131.072 29.696 256S131.072 482.304 256 482.304 482.304 380.928 482.304 256 380.928 29.696 256 29.696zm-22.528 304.64l.512.512-19.968 19.968L128 268.8l19.968-19.968 65.536 65.536 145.92-145.92 19.968 19.968-145.92 145.92z\"/></svg>",spinner:"<svg class=\"lds-spinner\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" style=\"background:0 0\"><rect x=\"46.5\" y=\"15.5\" rx=\"12.09\" ry=\"4.03\" width=\"7\" height=\"17\" fill=\"#eee\"><animate attributeName=\"opacity\" values=\"1;0\" dur=\"1s\" begin=\"-0.9166666666666666s\" repeatCount=\"indefinite\"/></rect><rect x=\"46.5\" y=\"15.5\" rx=\"12.09\" ry=\"4.03\" width=\"7\" height=\"17\" fill=\"#eee\" transform=\"rotate(30 50 50)\"><animate attributeName=\"opacity\" values=\"1;0\" dur=\"1s\" begin=\"-0.8333333333333334s\" repeatCount=\"indefinite\"/></rect><rect x=\"46.5\" y=\"15.5\" rx=\"12.09\" ry=\"4.03\" width=\"7\" height=\"17\" fill=\"#eee\" transform=\"rotate(60 50 50)\"><animate attributeName=\"opacity\" values=\"1;0\" dur=\"1s\" begin=\"-0.75s\" repeatCount=\"indefinite\"/></rect><rect x=\"46.5\" y=\"15.5\" rx=\"12.09\" ry=\"4.03\" width=\"7\" height=\"17\" fill=\"#eee\" transform=\"rotate(90 50 50)\"><animate attributeName=\"opacity\" values=\"1;0\" dur=\"1s\" begin=\"-0.6666666666666666s\" repeatCount=\"indefinite\"/></rect><rect x=\"46.5\" y=\"15.5\" rx=\"12.09\" ry=\"4.03\" width=\"7\" height=\"17\" fill=\"#eee\" transform=\"rotate(120 50 50)\"><animate attributeName=\"opacity\" values=\"1;0\" dur=\"1s\" begin=\"-0.5833333333333334s\" repeatCount=\"indefinite\"/></rect><rect x=\"46.5\" y=\"15.5\" rx=\"12.09\" ry=\"4.03\" width=\"7\" height=\"17\" fill=\"#eee\" transform=\"rotate(150 50 50)\"><animate attributeName=\"opacity\" values=\"1;0\" dur=\"1s\" begin=\"-0.5s\" repeatCount=\"indefinite\"/></rect><rect x=\"46.5\" y=\"15.5\" rx=\"12.09\" ry=\"4.03\" width=\"7\" height=\"17\" fill=\"#eee\" transform=\"rotate(180 50 50)\"><animate attributeName=\"opacity\" values=\"1;0\" dur=\"1s\" begin=\"-0.4166666666666667s\" repeatCount=\"indefinite\"/></rect><rect x=\"46.5\" y=\"15.5\" rx=\"12.09\" ry=\"4.03\" width=\"7\" height=\"17\" fill=\"#eee\" transform=\"rotate(210 50 50)\"><animate attributeName=\"opacity\" values=\"1;0\" dur=\"1s\" begin=\"-0.3333333333333333s\" repeatCount=\"indefinite\"/></rect><rect x=\"46.5\" y=\"15.5\" rx=\"12.09\" ry=\"4.03\" width=\"7\" height=\"17\" fill=\"#eee\" transform=\"rotate(240 50 50)\"><animate attributeName=\"opacity\" values=\"1;0\" dur=\"1s\" begin=\"-0.25s\" repeatCount=\"indefinite\"/></rect><rect x=\"46.5\" y=\"15.5\" rx=\"12.09\" ry=\"4.03\" width=\"7\" height=\"17\" fill=\"#eee\" transform=\"rotate(270 50 50)\"><animate attributeName=\"opacity\" values=\"1;0\" dur=\"1s\" begin=\"-0.16666666666666666s\" repeatCount=\"indefinite\"/></rect><rect x=\"46.5\" y=\"15.5\" rx=\"12.09\" ry=\"4.03\" width=\"7\" height=\"17\" fill=\"#eee\" transform=\"rotate(300 50 50)\"><animate attributeName=\"opacity\" values=\"1;0\" dur=\"1s\" begin=\"-0.08333333333333333s\" repeatCount=\"indefinite\"/></rect><rect x=\"46.5\" y=\"15.5\" rx=\"12.09\" ry=\"4.03\" width=\"7\" height=\"17\" fill=\"#eee\" transform=\"rotate(330 50 50)\"><animate attributeName=\"opacity\" values=\"1;0\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"/></rect></svg>",right:"<svg viewBox=\"0 0 670 512\"><path d=\"M222.793 371.595L55.698 204.5-.001 260.198l222.793 222.793L640.529 65.254 584.831 9.555 222.793 371.593z\"/><path d=\"M55.699 232.35L27.85 260.199l194.944 194.944L612.682 65.255l-27.849-27.849-362.038 362.038L55.7 232.349z\"/></svg>",circle:"<svg viewBox=\"0 0 512 512\"><path fill=\"none\" stroke=\"#ccc\" stroke-width=\"24.381\" d=\"M467.81 256c0 116.98-94.83 211.81-211.81 211.81S44.19 372.98 44.19 256 139.02 44.19 256 44.19 467.81 139.02 467.81 256z\"/></svg>"}})},"9Ijy":function(e,a){var t,s,o;(function(d,n){s=[a],t=n,o="function"==typeof t?t.apply(a,s):t,!(void 0!==o&&(e.exports=o))})(this,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.dataURIToArrayBuffer=function(e){e=e.replace(/^data:([^;]+);base64,/gim,"").replace(/\s/g,"");for(var a=atob(e),t=a.length,s=new ArrayBuffer(t),o=new Uint8Array(s),d=0;d<t;d++)o[d]=a.charCodeAt(d);return s},e.dataURItoBlob=function(e){var a=0<=e.split(",")[0].indexOf("base64")?atob(e.split(",")[1]):unescape(e.split(",")[1]);for(var t=e.split(",")[0].split(":")[1].split(";")[0],s=new Uint8Array(a.length),o=0;o<a.length;o++)s[o]=a.charCodeAt(o);return new Blob([s.buffer],{type:t})}})},ADSM:function(e,a,t){a=e.exports=t("FZ+f")(!0),a.push([e.i,".md-example-child-reader .image-reader-list[data-v-2340d8e7]{float:left;width:100%}.md-example-child-reader .image-reader-list .image-reader-item[data-v-2340d8e7]{float:left;width:23.5%;padding-bottom:23.5%;margin-bottom:2%;margin-right:2%;background:#fff;box-sizing:border-box;list-style:none;border-radius:4px;position:relative;background-size:cover}.md-example-child-reader .image-reader-list .image-reader-item[data-v-2340d8e7]:after{content:\"\";position:absolute;top:0;left:0;width:200%;height:200%;border:2px solid #d9d9d9;box-sizing:border-box;transform-origin:0 0;transform:scale(.5);z-index:2}.md-example-child-reader .image-reader-list .image-reader-item[data-v-2340d8e7]:nth-of-type(4n){margin-right:0}.md-example-child-reader .image-reader-list .image-reader-item.add .md-icon[data-v-2340d8e7]{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);opacity:.5}.md-example-child-reader .image-reader-list .image-reader-item.add p[data-v-2340d8e7]{position:absolute;top:50%;left:0;width:100%;margin-top:15px;font-size:20px;color:#ccc;text-align:center}.md-example-child-reader .image-reader-list .image-reader-item .image-reader-item-del[data-v-2340d8e7]{position:absolute;top:5px;right:5px;z-index:3;background:#eee;border-radius:50%}","",{version:3,sources:["/Users/didi/workspace/mand-mobile/site/public/docs/components/basic/image-reader/demo0.vue"],names:[],mappings:"AACA,6DACE,WAAY,AACZ,UAAY,CACb,AACD,gFAEE,WAAY,AACZ,YAAa,AACb,qBAAsB,AACtB,iBAAkB,AAClB,gBAAiB,AACjB,gBAAiB,AACjB,sBAAuB,AACvB,gBAAiB,AACjB,kBAAmB,AACnB,kBAAmB,AACnB,qBAAuB,CACxB,AACD,sFACE,WAAY,AACZ,kBAAmB,AACnB,MAAO,AACP,OAAQ,AACR,WAAY,AACZ,YAAa,AACb,yBAA0B,AAC1B,sBAAuB,AACvB,qBAAsB,AACtB,oBAAsB,AACtB,SAAW,CACZ,AACD,gGACE,cAAgB,CACjB,AACD,6FACE,kBAAmB,AACnB,QAAS,AACT,SAAU,AACV,+BAAiC,AACjC,UAAa,CACd,AACD,sFACE,kBAAmB,AACnB,QAAS,AACT,OAAQ,AACR,WAAY,AACZ,gBAAiB,AACjB,eAAgB,AAChB,WAAY,AACZ,iBAAmB,CACpB,AACD,uGACE,kBAAmB,AACnB,QAAS,AACT,UAAW,AACX,UAAW,AACX,gBAAiB,AACjB,iBAAmB,CACpB",file:"demo0.vue",sourcesContent:["\n.md-example-child-reader .image-reader-list[data-v-2340d8e7] {\n float: left;\n width: 100%;\n}\n.md-example-child-reader .image-reader-list .image-reader-item[data-v-2340d8e7] {\n position: relative;\n float: left;\n width: 23.5%;\n padding-bottom: 23.5%;\n margin-bottom: 2%;\n margin-right: 2%;\n background: #fff;\n box-sizing: border-box;\n list-style: none;\n border-radius: 4px;\n position: relative;\n background-size: cover;\n}\n.md-example-child-reader .image-reader-list .image-reader-item[data-v-2340d8e7]::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 200%;\n height: 200%;\n border: solid 2px #d9d9d9;\n box-sizing: border-box;\n transform-origin: 0 0;\n transform: scale(0.5);\n z-index: 2;\n}\n.md-example-child-reader .image-reader-list .image-reader-item[data-v-2340d8e7]:nth-of-type(4n) {\n margin-right: 0;\n}\n.md-example-child-reader .image-reader-list .image-reader-item.add .md-icon[data-v-2340d8e7] {\n position: absolute;\n top: 40%;\n left: 50%;\n transform: translate(-50%, -50%);\n opacity: 0.5;\n}\n.md-example-child-reader .image-reader-list .image-reader-item.add p[data-v-2340d8e7] {\n position: absolute;\n top: 50%;\n left: 0;\n width: 100%;\n margin-top: 15px;\n font-size: 20px;\n color: #ccc;\n text-align: center;\n}\n.md-example-child-reader .image-reader-list .image-reader-item .image-reader-item-del[data-v-2340d8e7] {\n position: absolute;\n top: 5px;\n right: 5px;\n z-index: 3;\n background: #eee;\n border-radius: 50%;\n}"],sourceRoot:""}])},ATUJ:function(e,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var s=t("BqHh"),o=t.n(s);for(var d in s)"default"!==d&&function(e){t.d(a,e,function(){return s[e]})}(d);var n=t("Tykb"),l=t("VU/8"),r=l(o.a,n.a,!1,function(){t("2QOp")},"data-v-2340d8e7",null);a["default"]=r.exports},BdOb:function(e,a,t){var s,o,d;(function(n,l){o=[a,t("xnBM")],s=l,d="function"==typeof s?s.apply(a,o):s,!(void 0!==d&&(e.exports=d))})(this,function(e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.warn=void 0;e.warn=function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"error";a.isProd||console[t]("[Mand-Mobile]: "+e)}})},BqHh:function(e,a,t){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function o(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}Object.defineProperty(a,"__esModule",{value:!0});var d,n=t("TjX1"),l=s(n),r=t("m9ZQ"),i=s(r),p=t("DIBZ"),c=s(p);a.default={name:"image-reader-demo",title:"\u56FE\u7247\u9009\u62E9",components:(d={},o(d,c.default.name,c.default),o(d,i.default.name,i.default),d),data:function(){return{imageList:{reader0:["//img-hxy021.didistatic.com/static/strategymis/insurancePlatform_spu/uploads/27fb7f097ca218d743f816836bc7ea4a","//manhattan.didistatic.com/static/manhattan/insurancePlatform_spu/uploads/c2912793a222eb24b606a582fd849ab7"],reader1:[]}}},methods:{onReaderSelect:function(){l.default.loading("\u56FE\u7247\u8BFB\u53D6\u4E2D...")},onReaderComplete:function(e,a){var t=a.dataUrl,s=this.imageList[e]||[];s.push(t),this.$set(this.imageList,e,s),l.default.hide()},onReaderError:function(e){var a=e.msg;l.default.failed(a)},onDeleteImage:function(e,a){var t=this.imageList[e]||[];t.splice(a,1),this.$set(this.imageList,e,t)}}}},CY7M:function(e,a){var t,s,o;(function(d,n){s=[a],t=n,o="function"==typeof t?t.apply(a,s):t,!(void 0!==o&&(e.exports=o))})(this,function(e){"use strict";function a(e,a){var t=document,s=t.head||t.getElementsByTagName("head")[0],o=t.createElement("script"),d="onload"in o,n=function(){o=null,"function"==typeof a&&a()};d?o.onload=n:o.onreadystatechange=function(){/loaded|complete/.test(o.readyState)&&n()},o.async=!0,o.crossOrigin=!0,o.charset="utf-8",o.src=e,s.appendChild(o)}Object.defineProperty(e,"__esModule",{value:!0}),e.noop=function(){},e.requireRemoteScript=a,e.getDpr=function(){var e=function(e,a){var t=new RegExp("(^|,)"+e+"=([^,]*)(,|$)","i"),s=a.match(t);return null==s?null:s[2]},a=document.querySelector("meta[name=viewport]");if(!a)return 1;var t=a.getAttribute("content"),s=+(e("initial-scale",t)||1),o=+(e("maximum-scale",t)||1),d=+(e("minimum-scale",t)||1);return 1/Math.min(s,o,d)},e.functionToUrl=function(e){var a=new Blob(["("+e.toString()+")(null)"],{type:"application/javascript"});return URL.createObjectURL(a)},e.randomId=function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"",a=1<arguments.length&&void 0!==arguments[1]?arguments[1]:8;return e+"-"+parseInt(Math.random()*Math.pow(10,a))}})},CiKk:function(e,a,t){"use strict";function s(e){const a=Object(l.a)(e),t=new DataView(a);if(65496!==t.getUint16(0,!1))return-2;const s=t.byteLength;for(let a=2;a<s;){const e=t.getUint16(a,!1);if(a+=2,65505===e){const e=t.getUint32(a+=2,!1);if(1165519206!==e)return-1;const s=18761===t.getUint16(a+=6,!1);a+=t.getUint32(a+4,s);const o=t.getUint16(a,s);a+=2;for(let e=0;e<o;e++)if(274===t.getUint16(a+12*e,s))return t.getUint16(a+12*e+8,s)}else if(65280!=(65280&e))break;else a+=t.getUint16(a,!1)}return-1}function o(e,a,t,s){const o={width:e.width,height:e.height};if(-1<"5678".indexOf(a)&&(o.width=e.height,o.height=e.width),o.width<t||o.height<s)return o;const d=o.width/o.height;return t&&s?d>=t/s?o.width>t&&(o.width=t,o.height=n(t/d)):o.height>s&&(o.height=s,o.width=n(s*d)):t?t<o.width&&(o.width=t,o.height=n(t/d)):s<o.height&&(o.width=n(s*d),o.height=s),(3264<=o.width||2448<=o.height)&&(o.width*=.8,o.height*=.8),o}function d(e,a,t,s,d){var n=Math.PI;const{width:l,height:r}=o(e,a,t,s),p=document.createElement("canvas"),c=p.getContext("2d");p.width=l,p.height=r,c.drawImage(e,0,0,l,r);let m=null;if(3===a?(c.rotate(180*n/180),c.drawImage(e,-l,-r,l,r)):6===a?(c.rotate(90*n/180),c.drawImage(e,0,-l,r,l)):8===a?(c.rotate(270*n/180),c.drawImage(e,-r,0,r,l)):2===a?(c.translate(l,0),c.scale(-1,1),c.drawImage(e,0,0,l,r)):4===a?(c.translate(l,0),c.scale(-1,1),c.rotate(180*n/180),c.drawImage(e,-l,-r,l,r)):5===a?(c.translate(l,0),c.scale(-1,1),c.rotate(90*n/180),c.drawImage(e,0,-l,r,l)):7===a?(c.translate(l,0),c.scale(-1,1),c.rotate(270*n/180),c.drawImage(e,-r,0,r,l)):c.drawImage(e,0,0,l,r),i.oldIOS||i.oldAndroid||i.mQQBrowser||!navigator.userAgent){const e=new JPEGEncoder,a=c.getImageData(0,0,p.width,p.height);m=e.encode(a,100*d)}else m=p.toDataURL("image/jpeg",d);return m}var n=Math.ceil;Object.defineProperty(a,"__esModule",{value:!0});var l=t("b6w8"),r=t("dWoo");const i=((e)=>{const a=/OS (\d)_.* like Mac OS X/g.exec(e),t=/Android (\d.*?);/g.exec(e)||/Android\/(\d.*?) /g.exec(e);return{oldIOS:!!a&&8.3>+a.pop(),oldAndroid:!!t&&4.5>+t.pop().substr(0,3),ios:/\(i[^;]+;( U;)? CPU.+Mac OS X/.test(e),android:/Android/g.test(e),mQQBrowser:/MQQBrowser/g.test(e)}})(navigator.userAgent);a["default"]=function(e,a=r.a){return new Promise((t,o)=>{const{dataUrl:n,width:r,height:i,quality:p}=e,c=s(n),m=Object(l.b)(n);if(1<c||1>p||r||i){const e=new Image;e.src=n,e.onload=()=>{const s=d(e,c,r,i,p),o=Object(l.b)(s);a(s,o),t({dataUrl:s,blob:o})},e.onerror=()=>{a(null),o(new Error("image load error"))}}else a(n,m),t({dataUrl:n,blob:m})})},(i.oldIOS||i.oldAndroid||i.mQQBrowser||!navigator.userAgent)&&Object(r.b)("//manhattan.didistatic.com/static/manhattan/mfd/image-reader/jpeg_encoder_basic.js")},DEAD:function(e,a){"use strict";a.a={render:function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("div",{staticClass:"mfe-blog-theme-default-doc doc-template"},[t("div",{staticClass:"default-doc-content"},[t("div",{staticClass:"doc-content-top"},[e.info.title?t("p",{staticClass:"doc-content-title",domProps:{innerHTML:e._s(e.info.title)}}):e._e(),e._v(" "),e.info.preview?t("p",{staticClass:"doc-content-qrcode",on:{mouseover:function(){e.isQrcodeShow=!0},mouseleave:function(){e.isQrcodeShow=!1}}},[t("i",{staticClass:"icon-qr-code",class:{active:e.isQrcodeShow}}),e._v(" "),t("transition",{attrs:{name:"slide-fade"}},[t("span",{directives:[{name:"show",rawName:"v-show",value:e.isQrcodeShow,expression:"isQrcodeShow"}],staticClass:"qrcode-box"},[t("i",[e._v("\u626B\u7801\u9884\u89C8")]),e._v(" "),t("qr-code",{attrs:{text:e.info.preview}})],1)])],1):e._e()]),e._v(" "),e.info.describe?t("div",{staticClass:"doc-content-describe",domProps:{innerHTML:e._s(e.info.describe)}}):e._e(),e._v(" "),t("div",{staticClass:"doc-content-paragraph head",domProps:{innerHTML:e._s(e.bodyHead)}}),e._v(" "),e.demos&&e.demos.length?[t("div",{staticClass:"default-doc-demo-container"},[t("div",{staticClass:"default-doc-demo-list"},e._l(e.demos,function(a,s){return 0==s%2?t("div",{key:s,staticClass:"default-doc-demo"},[t("div",{staticClass:"doc-demo-box",class:["doc-demo-box-"+s,e.demoBoxShowStat[s]?"active":""]},[t("div",{staticClass:"doc-demo-box-info"},[a.component.title?t("h4",{staticClass:"doc-demo-title",domProps:{innerHTML:e._s(a.component.title)}}):e._e(),e._v(" "),a.component.describe?t("h5",{staticClass:"doc-demo-describe",domProps:{innerHTML:e._s(a.component.describe)}}):e._e(),e._v(" "),a.component.message?t("h5",{staticClass:"doc-demo-message",domProps:{innerHTML:e._s(a.component.message)}}):e._e()]),e._v(" "),t("div",{staticClass:"doc-demo-box-preview"},[t("div",{staticClass:"doc-demo-box-preview-box",style:{minHeight:a.component.height+"px"}},[t(a.component,{tag:"component"})],1)]),e._v(" "),t("div",{staticClass:"doc-demo-box-code"},[t("button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:decodeURI(a.raw),expression:"decodeURI(demo.raw)",arg:"copy"}],staticClass:"copy",attrs:{type:"copy"}},[e._v("\u590D\u5236\u4EE3\u7801")]),e._v(" "),t("pre",[e._v(" "),t("code",{staticClass:"lang-vue",domProps:{innerHTML:e._s(a.code)}}),e._v("\n ")])]),e._v(" "),t("div",{staticClass:"doc-demo-box-toggle",on:{click:function(){e.toggleDemoBox(s)}}},[e.demoBoxShowStat[s]?[t("i",{staticClass:"icon-arrow-up"}),e._v(" "),t("span",[e._v("\u4EE3\u7801\u6536\u8D77")])]:[t("i",{staticClass:"icon-arrow-down"}),e._v(" "),t("span",[e._v("\u4EE3\u7801\u5C55\u793A")])]],2)])]):e._e()})),e._v(" "),t("div",{staticClass:"default-doc-demo-list"},e._l(e.demos,function(a,s){return 0==s%2?e._e():t("div",{key:s,staticClass:"default-doc-demo"},[t("div",{staticClass:"doc-demo-box",class:["doc-demo-box-"+s,e.demoBoxShowStat[s]?"active":""]},[t("div",{staticClass:"doc-demo-box-info"},[a.component.title?t("h4",{staticClass:"doc-demo-title",domProps:{innerHTML:e._s(a.component.title)}}):e._e(),e._v(" "),a.component.describe?t("h5",{staticClass:"doc-demo-describe",domProps:{innerHTML:e._s(a.component.describe)}}):e._e(),e._v(" "),a.component.message?t("h5",{staticClass:"doc-demo-message",domProps:{innerHTML:e._s(a.component.message)}}):e._e()]),e._v(" "),t("div",{staticClass:"doc-demo-box-preview"},[t("div",{staticClass:"doc-demo-box-preview-box",style:{minHeight:a.component.height+"px"}},[t(a.component,{tag:"component"})],1)]),e._v(" "),t("div",{staticClass:"doc-demo-box-code"},[t("button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:decodeURI(a.raw),expression:"decodeURI(demo.raw)",arg:"copy"}],staticClass:"copy",attrs:{type:"copy"}},[e._v("\u590D\u5236\u4EE3\u7801")]),e._v(" "),t("pre",[e._v(" "),t("code",{staticClass:"lang-vue",domProps:{innerHTML:e._s(a.code)}}),e._v("\n ")])]),e._v(" "),t("div",{staticClass:"doc-demo-box-toggle",on:{click:function(){e.toggleDemoBox(s)}}},[e.demoBoxShowStat[s]?[t("i",{staticClass:"icon-arrow-up"}),e._v(" "),t("span",[e._v("\u4EE3\u7801\u6536\u8D77")])]:[t("i",{staticClass:"icon-arrow-down"}),e._v(" "),t("span",[e._v("\u4EE3\u7801\u5C55\u793A")])]],2)])])}))])]:e._e(),e._v(" "),e.bodyTail?t("div",{staticClass:"doc-content-paragraph tail",domProps:{innerHTML:e._s(e.bodyTail)}}):e._e(),e._v(" "),t("div",{staticClass:"doc-content-bottom"},[e.prevRoute?t("router-link",{staticClass:"prev",attrs:{to:e.prevRoute.path}},[t("i",[e._v("Prev")]),e._v(" "),t("p",{domProps:{innerHTML:e._s(e.prevRoute.meta.text)}})]):e._e(),e._v(" "),e.nextRoute?t("router-link",{staticClass:"next",attrs:{to:e.nextRoute.path}},[t("i",[e._v("Next")]),e._v(" "),t("p",{domProps:{innerHTML:e._s(e.nextRoute.meta.text)}})]):e._e()],1)],2),e._v(" "),t("div",{staticClass:"default-doc-toc",class:{"is-stricky":e.isTocStricky},domProps:{innerHTML:e._s(e.toc)}})])},staticRenderFns:[]}},DIBZ:function(e,a,t){var s,o,d;(function(){(function(n,l){o=[a,t("S60p"),t("fFMQ")],s=l,d="function"==typeof s?s.apply(a,o):s,!(void 0!==d&&(e.exports=d))})(this,function(e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=function(e){return e&&e.__esModule?e:{default:e}}(a);e.default={name:"md-icon",props:{name:{type:String,default:""},size:{type:String,default:"md"},color:{type:String,default:""}},mounted:function(){(0,t.default)()}}})})(),e.exports.__esModule&&(e.exports=e.exports.default);var n="function"==typeof e.exports?e.exports.options:e.exports;n.functional&&console.error("[vueify] functional components are not supported and should be defined in plain js files using render functions."),n.render=function(){var e=this,a=e.$createElement,t=e._self._c||a;return e.name?t("svg",{staticClass:"md-icon",class:["md-icon-"+e.name,e.size],style:{fill:e.color}},[t("use",{attrs:{"xlink:href":"#"+e.name}})]):e._e()},n.staticRenderFns=[],!1},Diih:function(e,a,t){var s,o,d;(function(){(function(n,l){o=[a,t("YJi/")],s=l,d="function"==typeof s?s.apply(a,o):s,!(void 0!==d&&(e.exports=d))})(this,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"md-popup",props:{value:{type:Boolean,default:!1},hasMask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},position:{type:String,default:"center"},transition:{type:String,default:function(){switch(this.position){case"bottom":return"slide-up";case"top":return"slide-down";case"left":return"slide-right";case"right":return"slide-left";default:return"fade";}}},preventScroll:{type:Boolean,default:!1},preventScrollExclude:{type:[String,HTMLElement],default:function(){return""}}},data:function(){return{isPopupShow:!1,isPopupBoxShow:!1,isAnimation:!1}},watch:{value:function(e){var a=this;e?this.isAnimation?setTimeout(function(){a.$_showPopupBox()},50):this.$_showPopupBox():this.$_hidePopupBox()},preventScrollExclude:function(e,a){this.$_preventScrollExclude(!1,a),this.$_preventScrollExclude(!0,e)}},mounted:function(){this.value&&this.$_showPopupBox()},methods:{$_showPopupBox:function(){var e=this;this.isPopupShow=!0,this.isAnimation=!0,this.$nextTick(function(){e.isPopupBoxShow=!0,!1}),this.preventScroll&&this.$_preventScroll(!0)},$_hidePopupBox:function(){this.isAnimation=!0,this.isPopupBoxShow=!1,this.preventScroll&&this.$_preventScroll(!1),this.$emit("input",!1),!1},$_preventScroll:function(e){var a=e?"addEventListener":"removeEventListener",t=this.$el.querySelector(".md-popup-mask"),s=this.$el.querySelector(".md-popup-box");t&&t[a]("touchmove",this.$_preventDefault,!1),s&&s[a]("touchmove",this.$_preventDefault,!1),this.$_preventScrollExclude(e)},$_preventScrollExclude:function(e,a){var t=e?"addEventListener":"removeEventListener";a=a||this.preventScrollExclude;var s=a&&"string"==typeof a?this.$el.querySelector(a):a;s&&s[t]("touchmove",this.$_stopImmediatePropagation,!1)},$_preventDefault:function(e){e.preventDefault()},$_stopImmediatePropagation:function(e){e.stopImmediatePropagation()},$_onPopupTransitionStart:function(){this.isPopupBoxShow?(this.$emit("beforeShow"),this.$emit("before-show")):(this.$emit("beforeHide"),this.$emit("before-hide"))},$_onPopupTransitionEnd:function(){this.isAnimation&&(this.isPopupBoxShow?this.$emit("show"):(this.isPopupShow=!1,this.$emit("hide")),this.isAnimation=!1)},$_onPopupMaskClick:function(){this.maskClosable&&this.$_hidePopupBox()}}}})})(),e.exports.__esModule&&(e.exports=e.exports.default);var n="function"==typeof e.exports?e.exports.options:e.exports;n.functional&&console.error("[vueify] functional components are not supported and should be defined in plain js files using render functions."),n.render=function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("div",{directives:[{name:"show",rawName:"v-show",value:e.isPopupShow,expression:"isPopupShow"}],staticClass:"md-popup",class:[e.hasMask?"with-mask":"",e.position]},[t("transition",{attrs:{name:"fade"}},[t("div",{directives:[{name:"show",rawName:"v-show",value:e.hasMask&&e.isPopupBoxShow,expression:"hasMask && isPopupBoxShow"}],staticClass:"md-popup-mask",on:{click:e.$_onPopupMaskClick}})]),e._v(" "),t("transition",{attrs:{name:e.transition},on:{"before-enter":e.$_onPopupTransitionStart,"before-leave":e.$_onPopupTransitionStart,"after-enter":e.$_onPopupTransitionEnd,"after-leave":e.$_onPopupTransitionEnd}},[t("div",{directives:[{name:"show",rawName:"v-show",value:e.isPopupBoxShow,expression:"isPopupBoxShow"}],staticClass:"md-popup-box",class:[e.transition]},[e._t("default")],2)])],1)},n.staticRenderFns=[],!1},E74q:function(e,a,t){var s=t("6KLo");"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);t("rjj0")("fb9eb8b0",s,!0,{})},LeDR:function(e,a,t){var s,o,d;(function(n,l){o=[a,t("CY7M")],s=l,d="function"==typeof s?s.apply(a,o):s,!(void 0!==d&&(e.exports=d))})(this,function(e,a){"use strict";function t(e){if(Array.isArray(e)){for(var a=0,t=Array(e.length);a<e.length;a++)t[a]=e[a];return t}return Array.from(e)}function s(e,a){for(var t in a)e[t]=a[t];return e}Object.defineProperty(e,"__esModule",{value:!0}),e.extend=s,e.traverse=function(e){var s=1<arguments.length&&void 0!==arguments[1]?arguments[1]:[],o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:a.noop;if(e){"function"==typeof s&&(o=s,s=[]);var d=0,n=[],l=function e(a){for(var l=0,r=a.length;l<r;l++){var i=Array.isArray(a[l]),p=Array.isArray(s)?s[d]:s;if(i||a[l]&&a[l][p])d++,n.push(l),e(i?a[l]:a[l][p]);else if(d>=s.length){var c=o(a[l],d,[].concat(t(n),[l]));if(1===c)continue;else if(2===c)break}else continue}d=0,n=[]};l(e)}},e.toObject=function(e){for(var a={},t=0;t<e.length;t++)e[t]&&s(a,e[t]);return a},e.toArray=function(e,a){a=a||0;for(var t=e.length-a,s=[];t--;)s.unshift(e[t+a]);return s},e.inArray=function(e,a){return Array.isArray(e)?!!~e.indexOf(a):a===e},e.toNumber=function(e){var a=parseFloat(e);return isNaN(a)?e:a},e.toString=function(e){return null==e?"":"object"===("undefined"==typeof e?"undefined":o(e))?JSON.stringify(e,null,2):e+""},e.compareObjects=function(e,a){var t=!0;return e&&a?"object"!==("undefined"==typeof e?"undefined":o(e))||"object"!==("undefined"==typeof a?"undefined":o(a))?t=!1:JSON.stringify(e)!==JSON.stringify(a)&&(t=!1):t=!1,t},e.isEmptyObject=function(e){for(var a in e)if(e.hasOwnProperty(a))return!1;return!0};var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e}})},"Ome+":function(e,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var s=t("ukR+"),o=function(e){return e&&e.__esModule?e:{default:e}}(s);a.default={props:{text:{type:String,required:!0},size:{type:Number,required:!1,default:256},color:{type:String,required:!1,default:"#000"},bgColor:{type:String,required:!1,default:"#FFF"},errorLevel:{type:String,validator:function(e){return"L"===e||"M"===e||"Q"===e||"H"===e},required:!1,default:"H"}},watch:{text:function(){this.clear(),this.makeCode(this.text)}},data:function(){return{qrCode:{}}},mounted:function(){this.qrCode=new o.default(this.$el,{text:this.text,width:this.size,height:this.size,colorDark:this.color,colorLight:this.bgColor,correctLevel:o.default.CorrectLevel[this.errorLevel]})},methods:{clear:function(){this.qrCode.clear()},makeCode:function(e){this.qrCode.makeCode(e)}}}},QSlW:function(e,a,t){var s=t("iWYG");"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);t("rjj0")("072019a8",s,!0,{})},S60p:function(e,a,t){var s,o,d;(function(n,l){o=[a,t("7lNs")],s=l,d="function"==typeof s?s.apply(a,o):s,!(void 0!==d&&(e.exports=d))})(this,function(e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=function(e){return e&&e.__esModule?e:{default:e}}(a),s=function(e){return"\n<svg\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n id=\"__MAND_MOBILE_SVG_SPRITE_NODE__\"\n style=\"position:absolute;width:0;height:0\"\n>\n <defs>\n "+e+"\n </defs>\n</svg>\n"},o=function(){var e=Object.keys(t.default).map(function(e){var a=t.default[e].split("svg")[1];return"<symbol id="+e+a+"symbol>"}).join("");return s(e)};e.default=function(){if(document){var e=document.getElementById("__MAND_MOBILE_SVG_SPRITE_NODE__"),a=document.body;e||a.insertAdjacentHTML("afterbegin",o())}}})},SgQq:function(e,a){"use strict";function t(e,a){const t=document,s=t.head||t.getElementsByTagName("head")[0];let o=t.createElement("script");const d="onload"in o,n=function(){o=null,"function"==typeof a&&a()};d?o.onload=n:o.onreadystatechange=function(){/loaded|complete/.test(o.readyState)&&n()},o.async=!0,o.crossOrigin=!0,o.charset="utf-8",o.src=e,s.appendChild(o)}a.a=function(){},a.b=t},TjX1:function(e,a,t){var s,o,d;(function(n,l){o=[a,t("7+uW"),t("zQxW")],s=l,d="function"==typeof s?s.apply(a,o):s,!(void 0!==d&&(e.exports=d))})(this,function(e,a,t){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function o(e){var a=e.content,t=void 0===a?"":a,s=e.icon,d=void 0===s?"":s,n=e.duration,r=void 0===n?3e3:n,i=e.hasMask,p=void 0!==i&&i,c=e.parentNode,m=void 0===c?document.body:c,A=o._instance;return A||(A=o._instance=new l({propsData:{content:t,icon:d,duration:r,hasMask:p}}).$mount(),m.appendChild(A.$el)),A.content=t,A.icon=d,A.duration=r,A.hasMask=p,A.visible=!0,A}Object.defineProperty(e,"__esModule",{value:!0});var d=s(a),n=s(t),l=d.default.extend(n.default);o._instance=null,o.hide=function(){o._instance instanceof l&&o._instance.visible&&o._instance.hide()},o.info=function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"",a=1<arguments.length&&void 0!==arguments[1]?arguments[1]:3e3,t=!!(2<arguments.length&&void 0!==arguments[2])&&arguments[2],s=3<arguments.length&&void 0!==arguments[3]?arguments[3]:document.body;return o({icon:"",content:e,duration:a,hasMask:t,parentNode:s})},o.succeed=function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"",a=1<arguments.length&&void 0!==arguments[1]?arguments[1]:3e3,t=!!(2<arguments.length&&void 0!==arguments[2])&&arguments[2],s=3<arguments.length&&void 0!==arguments[3]?arguments[3]:document.body;return o({icon:"circle-right",content:e,duration:a,hasMask:t,parentNode:s})},o.failed=function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"",a=1<arguments.length&&void 0!==arguments[1]?arguments[1]:3e3,t=!!(2<arguments.length&&void 0!==arguments[2])&&arguments[2],s=3<arguments.length&&void 0!==arguments[3]?arguments[3]:document.body;return o({icon:"circle-cross",content:e,duration:a,hasMask:t,parentNode:s})},o.loading=function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"",a=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0,t=!(2<arguments.length&&void 0!==arguments[2])||arguments[2],s=3<arguments.length&&void 0!==arguments[3]?arguments[3]:document.body;return o({icon:"spinner",content:e,duration:a,hasMask:t,parentNode:s})},e.default=o})},Tykb:function(e,a){"use strict";a.a={render:function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("div",{staticClass:"md-example-child md-example-child-reader md-example-child-reader-0"},[t("ul",{staticClass:"image-reader-list"},[e._l(e.imageList.reader0,function(a,s){return t("li",{key:s,staticClass:"image-reader-item",style:{backgroundImage:"url("+a+")",backgroundPosition:"center center",backgroundRepeat:"no-repeat",backgroundSize:"cover"}},[t("md-icon",{staticClass:"image-reader-item-del",attrs:{name:"circle-cross",color:"#666"},nativeOn:{click:function(){e.onDeleteImage("reader0",s)}}})],1)}),e._v(" "),t("li",{staticClass:"image-reader-item add"},[t("md-image-reader",{attrs:{name:"reader0","is-multiple":""},on:{select:e.onReaderSelect,complete:e.onReaderComplete,error:e.onReaderError}}),e._v(" "),t("md-icon",{attrs:{name:"hollow-plus",size:"md",color:"#CCC"}}),e._v(" "),t("p",[e._v("\u4E0A\u4F20\u7167\u7247")])],1)],2)])},staticRenderFns:[]}},"W///":function(e,a,t){var s=t("v+SD");"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);t("rjj0")("d41c1ee6",s,!0,{})},WFSm:function(e,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var s=t("oCGI"),o=function(e){return e&&e.__esModule?e:{default:e}}(s),d=t("+U/X"),n=t("WmvU");a.default={components:{"qr-code":o.default},data:function(){return{info:d.info,body:d.body,toc:d.toc,demos:n.demos,demoBoxShowStat:[],activeDemoBoxZoonPos:{},isTocStricky:!1,isQrcodeShow:!1}},computed:{bodyHead:function(){return this.body.split("<!-- DEMO -->")[0]},bodyTail:function(){return this.body.split("<!-- DEMO -->")[1]},demoBox:function(){return $(".doc-demo-box")},previewBox:function(){return $(".doc-demo-box-preview")},codeBox:function(){return $(".doc-demo-box-code")},curRouteIndex:function(){return this.$route.meta.index},prevRoute:function(){return this.findRoute(this.curRouteIndex-1,-1)},nextRoute:function(){return this.findRoute(this.curRouteIndex+1,1)}},mounted:function(){var e=this,a=document.body.scrollTop||document.documentElement.scrollTop;if($(window).bind("scroll",function(){var a=document.body.scrollTop||document.documentElement.scrollTop;e.strickyTocBar(a)}),this.strickyTocBar(a),location.hash){var t=location.hash.substr(1);location.hash="",location.hash=t}},methods:{findRoute:function(e){for(var a=1<arguments.length&&void 0!==arguments[1]?arguments[1]:1,t=window.$routes;0<=e&&e<=t.length-1&&(!t[e].meta.src&&!t[e].meta.markdown||t[e].redirect);)e+=a;return t[e]},toggleDemoBox:function(e){var a=$(".doc-demo-box-"+e),t=a.find(".doc-demo-box-toggle"),s=!this.demoBoxShowStat[e];s?t.addClass("active"):t.removeClass("active"),this.$set(this.demoBoxShowStat,e,s)},strickyTocBar:function(e){var a=this;window.requestAnimationFrame(function(){a.isTocStricky=!!(96<e)})},strickyToggleBar:function(e){var a=this;window.requestAnimationFrame(function(){a.toggleStrickyToggleBar(e)})},toggleStrickyToggleBar:function(e){e=e||document.body.scrollTop||document.documentElement.scrollTop,$.each($(".doc-demo-box-toggle"),function(a,t){var s=$(t).width(),o=$(t).height(),d=$(t).siblings(".doc-demo-box-code"),n=d.offset(),l=d.height(),r=$(window).height()-(n.top-e),i=$(window).height()-(n.top+l-e);$(t).hasClass("active")&&0<=r&&0>=i?!$(t).hasClass("is-stricky")&&($(t).css({maxWidth:s+"px",left:$(t).offset().left+"px"}),$(t).addClass("is-stricky")):($(t).css({maxWidth:s+"px",left:"0px"}),$(t).removeClass("is-stricky"))})}}}},WmvU:function(e,a,t){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(a,"__esModule",{value:!0}),a.demos=void 0;var o=t("ATUJ"),d=s(o),n=t("dRrt"),l=s(n),r=a.demos=[{component:d.default,code:"<span class=\"hljs-tag\"><<span class=\"hljs-name\">template</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"md-example-child md-example-child-reader md-example-child-reader-0\"</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">ul</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"image-reader-list\"</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">li</span>\n <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"image-reader-item\"</span>\n <span class=\"hljs-attr\">v-for</span>=<span class=\"hljs-string\">\"(img, index) in imageList['reader0']\"</span>\n <span class=\"hljs-attr\">:key</span>=<span class=\"hljs-string\">\"index\"</span>\n <span class=\"hljs-attr\">:style</span>=<span class=\"hljs-string\">\"{\n 'backgroundImage': `url(${img})`,\n 'backgroundPosition': 'center center',\n 'backgroundRepeat': 'no-repeat',\n 'backgroundSize': 'cover'\n }\"</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">md-icon</span>\n <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"image-reader-item-del\"</span>\n <span class=\"hljs-attr\">name</span>=<span class=\"hljs-string\">\"circle-cross\"</span>\n <span class=\"hljs-attr\">color</span>=<span class=\"hljs-string\">\"#666\"</span>\n @<span class=\"hljs-attr\">click.native</span>=<span class=\"hljs-string\">\"onDeleteImage('reader0', index)\"</span>></span>\n <span class=\"hljs-tag\"></<span class=\"hljs-name\">md-icon</span>></span>\n <span class=\"hljs-tag\"></<span class=\"hljs-name\">li</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">li</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"image-reader-item add\"</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">md-image-reader</span>\n <span class=\"hljs-attr\">name</span>=<span class=\"hljs-string\">\"reader0\"</span>\n @<span class=\"hljs-attr\">select</span>=<span class=\"hljs-string\">\"onReaderSelect\"</span>\n @<span class=\"hljs-attr\">complete</span>=<span class=\"hljs-string\">\"onReaderComplete\"</span>\n @<span class=\"hljs-attr\">error</span>=<span class=\"hljs-string\">\"onReaderError\"</span>\n <span class=\"hljs-attr\">is-multiple</span>\n ></span><span class=\"hljs-tag\"></<span class=\"hljs-name\">md-image-reader</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">md-icon</span> <span class=\"hljs-attr\">name</span>=<span class=\"hljs-string\">\"hollow-plus\"</span> <span class=\"hljs-attr\">size</span>=<span class=\"hljs-string\">\"md\"</span> <span class=\"hljs-attr\">color</span>=<span class=\"hljs-string\">\"#CCC\"</span>></span><span class=\"hljs-tag\"></<span class=\"hljs-name\">md-icon</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">p</span>></span>\u4E0A\u4F20\u7167\u7247<span class=\"hljs-tag\"></<span class=\"hljs-name\">p</span>></span>\n <span class=\"hljs-tag\"></<span class=\"hljs-name\">li</span>></span>\n <span class=\"hljs-tag\"></<span class=\"hljs-name\">ul</span>></span>\n <span class=\"hljs-tag\"></<span class=\"hljs-name\">div</span>></span>\n<span class=\"hljs-tag\"></<span class=\"hljs-name\">template</span>></span>\n\n<span class=\"hljs-tag\"><<span class=\"hljs-name\">script</span>></span><span class=\"javascript\">\r<span class=\"hljs-keyword\">import</span> {Icon, ImageReader, Toast} <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'mand-mobile'</span>\n\n<span class=\"hljs-keyword\">export</span> <span class=\"hljs-keyword\">default</span> {\n <span class=\"hljs-attr\">name</span>: <span class=\"hljs-string\">'image-reader-demo'</span>,\n <span class=\"hljs-attr\">title</span>: <span class=\"hljs-string\">'\u56FE\u7247\u9009\u62E9'</span>,\n <span class=\"hljs-attr\">components</span>: {\n [Icon.name]: Icon,\n [ImageReader.name]: ImageReader,\n },\n data() {\n <span class=\"hljs-keyword\">return</span> {\n <span class=\"hljs-attr\">imageList</span>: {\n <span class=\"hljs-attr\">reader0</span>: [\n <span class=\"hljs-string\">'//img-hxy021.didistatic.com/static/strategymis/insurancePlatform_spu/uploads/27fb7f097ca218d743f816836bc7ea4a'</span>,\n <span class=\"hljs-string\">'//manhattan.didistatic.com/static/manhattan/insurancePlatform_spu/uploads/c2912793a222eb24b606a582fd849ab7'</span>,\n ],\n <span class=\"hljs-attr\">reader1</span>: [],\n },\n }\n },\n <span class=\"hljs-attr\">methods</span>: {\n onReaderSelect() {\n Toast.loading(<span class=\"hljs-string\">'\u56FE\u7247\u8BFB\u53D6\u4E2D...'</span>)\n },\n onReaderComplete(name, {dataUrl}) {\n <span class=\"hljs-keyword\">const</span> demoImageList = <span class=\"hljs-keyword\">this</span>.imageList[name] || []\n\n demoImageList.push(dataUrl)\n <span class=\"hljs-keyword\">this</span>.$set(<span class=\"hljs-keyword\">this</span>.imageList, name, demoImageList)\n\n Toast.hide()\n },\n onReaderError({msg}) {\n Toast.failed(msg)\n },\n onDeleteImage(name, index) {\n <span class=\"hljs-keyword\">const</span> demoImageList = <span class=\"hljs-keyword\">this</span>.imageList[name] || []\n demoImageList.splice(index, <span class=\"hljs-number\">1</span>)\n <span class=\"hljs-keyword\">this</span>.$set(<span class=\"hljs-keyword\">this</span>.imageList, name, demoImageList)\n },\n },\n}\n\r</span><span class=\"hljs-tag\"></<span class=\"hljs-name\">script</span>></span>\n\n<span class=\"hljs-tag\"><<span class=\"hljs-name\">style</span> <span class=\"hljs-attr\">lang</span>=<span class=\"hljs-string\">\"stylus\"</span> <span class=\"hljs-attr\">scoped</span>></span><span class=\"css\">\n<span class=\"hljs-selector-class\">.md-example-child-reader</span>\n <span class=\"hljs-selector-class\">.image-reader-list</span>\n <span class=\"hljs-selector-tag\">float</span> <span class=\"hljs-selector-tag\">left</span> \n <span class=\"hljs-selector-tag\">width</span> 100%\n <span class=\"hljs-selector-class\">.image-reader-item</span>\n <span class=\"hljs-selector-tag\">position</span> <span class=\"hljs-selector-tag\">relative</span>\n <span class=\"hljs-selector-tag\">float</span> <span class=\"hljs-selector-tag\">left</span>\n <span class=\"hljs-selector-tag\">width</span> 23<span class=\"hljs-selector-class\">.5</span>%\n <span class=\"hljs-selector-tag\">padding-bottom</span> 23<span class=\"hljs-selector-class\">.5</span>%\n <span class=\"hljs-selector-tag\">margin-bottom</span> 2%\n <span class=\"hljs-selector-tag\">margin-right</span> 2%\n <span class=\"hljs-selector-tag\">background</span> <span class=\"hljs-selector-tag\">color-bg-base</span>\n <span class=\"hljs-selector-tag\">box-sizing</span> <span class=\"hljs-selector-tag\">border-box</span>\n <span class=\"hljs-selector-tag\">list-style</span> <span class=\"hljs-selector-tag\">none</span>\n <span class=\"hljs-selector-tag\">border-radius</span> <span class=\"hljs-selector-tag\">radius-normal</span>\n <span class=\"hljs-selector-tag\">hairline</span>(<span class=\"hljs-selector-tag\">all</span>, <span class=\"hljs-selector-tag\">color-border-base</span>)\n <span class=\"hljs-selector-tag\">background-size</span> <span class=\"hljs-selector-tag\">cover</span>\n &<span class=\"hljs-selector-pseudo\">:nth-of-type(4n)</span>\n <span class=\"hljs-selector-tag\">margin-right</span> 0\n &<span class=\"hljs-selector-class\">.add</span> \n <span class=\"hljs-selector-class\">.md-icon</span>\n <span class=\"hljs-selector-tag\">position</span> <span class=\"hljs-selector-tag\">absolute</span>\n <span class=\"hljs-selector-tag\">top</span> 40%\n <span class=\"hljs-selector-tag\">left</span> 50%\n <span class=\"hljs-selector-tag\">transform</span> <span class=\"hljs-selector-tag\">translate</span>(<span class=\"hljs-selector-tag\">-50</span>%, <span class=\"hljs-selector-tag\">-50</span>%)\n <span class=\"hljs-selector-tag\">opacity</span> <span class=\"hljs-selector-class\">.5</span>\n <span class=\"hljs-selector-tag\">p</span>\n <span class=\"hljs-selector-tag\">position</span> <span class=\"hljs-selector-tag\">absolute</span>\n <span class=\"hljs-selector-tag\">top</span> 50%\n <span class=\"hljs-selector-tag\">left</span> 0\n <span class=\"hljs-selector-tag\">width</span> 100%\n <span class=\"hljs-selector-tag\">margin-top</span> 15<span class=\"hljs-selector-tag\">px</span>\n <span class=\"hljs-selector-tag\">font-size</span> <span class=\"hljs-selector-tag\">font-minor-normal</span>\n <span class=\"hljs-selector-tag\">color</span> <span class=\"hljs-selector-tag\">color-text-disabled</span> \n <span class=\"hljs-selector-tag\">text-align</span> <span class=\"hljs-selector-tag\">center</span>\n <span class=\"hljs-selector-class\">.image-reader-item-del</span>\n <span class=\"hljs-selector-tag\">position</span> <span class=\"hljs-selector-tag\">absolute</span>\n <span class=\"hljs-selector-tag\">top</span> 5<span class=\"hljs-selector-tag\">px</span>\n <span class=\"hljs-selector-tag\">right</span> 5<span class=\"hljs-selector-tag\">px</span>\n <span class=\"hljs-selector-tag\">z-index</span> 3\n <span class=\"hljs-selector-tag\">background</span> <span class=\"hljs-selector-id\">#EEE</span>\n <span class=\"hljs-selector-tag\">border-radius</span> <span class=\"hljs-selector-tag\">radius-circle</span>\n</span><span class=\"hljs-tag\"></<span class=\"hljs-name\">style</span>></span>",raw:"%3Ctemplate%3E%0A%20%20%3Cdiv%20class=%22md-example-child%20md-example-child-reader%20md-example-child-reader-0%22%3E%0A%20%20%20%20%3Cul%20class=%22image-reader-list%22%3E%0A%20%20%20%20%20%20%3Cli%0A%20%20%20%20%20%20%20%20class=%22image-reader-item%22%0A%20%20%20%20%20%20%20%20v-for=%22(img,%20index)%20in%20imageList%5B'reader0'%5D%22%0A%20%20%20%20%20%20%20%20:key=%22index%22%0A%20%20%20%20%20%20%20%20:style=%22%7B%0A%20%20%20%20%20%20%20%20%20%20'backgroundImage':%20%60url($%7Bimg%7D)%60,%0A%20%20%20%20%20%20%20%20%20%20'backgroundPosition':%20'center%20center',%0A%20%20%20%20%20%20%20%20%20%20'backgroundRepeat':%20'no-repeat',%0A%20%20%20%20%20%20%20%20%20%20'backgroundSize':%20'cover'%0A%20%20%20%20%20%20%20%20%7D%22%3E%0A%20%20%20%20%20%20%20%20%3Cmd-icon%0A%20%20%20%20%20%20%20%20%20%20class=%22image-reader-item-del%22%0A%20%20%20%20%20%20%20%20%20%20name=%22circle-cross%22%0A%20%20%20%20%20%20%20%20%20%20color=%22#666%22%0A%20%20%20%20%20%20%20%20%20%20@click.native=%22onDeleteImage('reader0',%20index)%22%3E%0A%20%20%20%20%20%20%20%20%3C/md-icon%3E%0A%20%20%20%20%20%20%3C/li%3E%0A%20%20%20%20%20%20%3Cli%20class=%22image-reader-item%20add%22%3E%0A%20%20%20%20%20%20%20%20%3Cmd-image-reader%0A%20%20%20%20%20%20%20%20%20%20name=%22reader0%22%0A%20%20%20%20%20%20%20%20%20%20@select=%22onReaderSelect%22%0A%20%20%20%20%20%20%20%20%20%20@complete=%22onReaderComplete%22%0A%20%20%20%20%20%20%20%20%20%20@error=%22onReaderError%22%0A%20%20%20%20%20%20%20%20%20%20is-multiple%0A%20%20%20%20%20%20%20%20%3E%3C/md-image-reader%3E%0A%20%20%20%20%20%20%20%20%3Cmd-icon%20name=%22hollow-plus%22%20size=%22md%22%20color=%22#CCC%22%3E%3C/md-icon%3E%0A%20%20%20%20%20%20%20%20%3Cp%3E%E4%B8%8A%E4%BC%A0%E7%85%A7%E7%89%87%3C/p%3E%0A%20%20%20%20%20%20%3C/li%3E%0A%20%20%20%20%3C/ul%3E%0A%20%20%3C/div%3E%0A%3C/template%3E%0A%0A%3Cscript%3E%0Dimport%20%7BIcon,%20ImageReader,%20Toast%7D%20from%20'mand-mobile'%0A%0Aexport%20default%20%7B%0A%20%20name:%20'image-reader-demo',%0A%20%20title:%20'%E5%9B%BE%E7%89%87%E9%80%89%E6%8B%A9',%0A%20%20components:%20%7B%0A%20%20%20%20%5BIcon.name%5D:%20Icon,%0A%20%20%20%20%5BImageReader.name%5D:%20ImageReader,%0A%20%20%7D,%0A%20%20data()%20%7B%0A%20%20%20%20return%20%7B%0A%20%20%20%20%20%20imageList:%20%7B%0A%20%20%20%20%20%20%20%20reader0:%20%5B%0A%20%20%20%20%20%20%20%20%20%20'//img-hxy021.didistatic.com/static/strategymis/insurancePlatform_spu/uploads/27fb7f097ca218d743f816836bc7ea4a',%0A%20%20%20%20%20%20%20%20%20%20'//manhattan.didistatic.com/static/manhattan/insurancePlatform_spu/uploads/c2912793a222eb24b606a582fd849ab7',%0A%20%20%20%20%20%20%20%20%5D,%0A%20%20%20%20%20%20%20%20reader1:%20%5B%5D,%0A%20%20%20%20%20%20%7D,%0A%20%20%20%20%7D%0A%20%20%7D,%0A%20%20methods:%20%7B%0A%20%20%20%20onReaderSelect()%20%7B%0A%20%20%20%20%20%20Toast.loading('%E5%9B%BE%E7%89%87%E8%AF%BB%E5%8F%96%E4%B8%AD...')%0A%20%20%20%20%7D,%0A%20%20%20%20onReaderComplete(name,%20%7BdataUrl%7D)%20%7B%0A%20%20%20%20%20%20const%20demoImageList%20=%20this.imageList%5Bname%5D%20%7C%7C%20%5B%5D%0A%0A%20%20%20%20%20%20demoImageList.push(dataUrl)%0A%20%20%20%20%20%20this.$set(this.imageList,%20name,%20demoImageList)%0A%0A%20%20%20%20%20%20Toast.hide()%0A%20%20%20%20%7D,%0A%20%20%20%20onReaderError(%7Bmsg%7D)%20%7B%0A%20%20%20%20%20%20Toast.failed(msg)%0A%20%20%20%20%7D,%0A%20%20%20%20onDeleteImage(name,%20index)%20%7B%0A%20%20%20%20%20%20const%20demoImageList%20=%20this.imageList%5Bname%5D%20%7C%7C%20%5B%5D%0A%20%20%20%20%20%20demoImageList.splice(index,%201)%0A%20%20%20%20%20%20this.$set(this.imageList,%20name,%20demoImageList)%0A%20%20%20%20%7D,%0A%20%20%7D,%0A%7D%0A%0D%3C/script%3E%0A%0A%3Cstyle%20lang=%22stylus%22%20scoped%3E%0A.md-example-child-reader%0A%20%20.image-reader-list%0A%20%20%20%20float%20left%20%0A%20%20%20%20width%20100%25%0A%20%20%20%20.image-reader-item%0A%20%20%20%20%20%20position%20relative%0A%20%20%20%20%20%20float%20left%0A%20%20%20%20%20%20width%2023.5%25%0A%20%20%20%20%20%20padding-bottom%2023.5%25%0A%20%20%20%20%20%20margin-bottom%202%25%0A%20%20%20%20%20%20margin-right%202%25%0A%20%20%20%20%20%20background%20color-bg-base%0A%20%20%20%20%20%20box-sizing%20border-box%0A%20%20%20%20%20%20list-style%20none%0A%20%20%20%20%20%20border-radius%20radius-normal%0A%20%20%20%20%20%20hairline(all,%20color-border-base)%0A%20%20%20%20%20%20background-size%20cover%0A%20%20%20%20%20%20&:nth-of-type(4n)%0A%20%20%20%20%20%20%20%20margin-right%200%0A%20%20%20%20%20%20&.add%20%0A%20%20%20%20%20%20%20%20.md-icon%0A%20%20%20%20%20%20%20%20%20%20position%20absolute%0A%20%20%20%20%20%20%20%20%20%20top%2040%25%0A%20%20%20%20%20%20%20%20%20%20left%2050%25%0A%20%20%20%20%20%20%20%20%20%20transform%20translate(-50%25,%20-50%25)%0A%20%20%20%20%20%20%20%20%20%20opacity%20.5%0A%20%20%20%20%20%20%20%20p%0A%20%20%20%20%20%20%20%20%20%20position%20absolute%0A%20%20%20%20%20%20%20%20%20%20top%2050%25%0A%20%20%20%20%20%20%20%20%20%20left%200%0A%20%20%20%20%20%20%20%20%20%20width%20100%25%0A%20%20%20%20%20%20%20%20%20%20margin-top%2015px%0A%20%20%20%20%20%20%20%20%20%20font-size%20font-minor-normal%0A%20%20%20%20%20%20%20%20%20%20color%20color-text-disabled%20%0A%20%20%20%20%20%20%20%20%20%20text-align%20center%0A%20%20%20%20%20%20.image-reader-item-del%0A%20%20%20%20%20%20%20%20position%20absolute%0A%20%20%20%20%20%20%20%20top%205px%0A%20%20%20%20%20%20%20%20right%205px%0A%20%20%20%20%20%20%20%20z-index%203%0A%20%20%20%20%20%20%20%20background%20#EEE%0A%20%20%20%20%20%20%20%20border-radius%20radius-circle%0A%3C/style%3E"},{component:l.default,code:"<span class=\"hljs-tag\"><<span class=\"hljs-name\">template</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"md-example-child md-example-child-reader md-example-child-reader-1\"</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">ul</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"image-reader-list\"</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">li</span>\n <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"image-reader-item\"</span>\n <span class=\"hljs-attr\">v-for</span>=<span class=\"hljs-string\">\"(img, index) in imageList['reader1']\"</span>\n <span class=\"hljs-attr\">:key</span>=<span class=\"hljs-string\">\"index\"</span>\n <span class=\"hljs-attr\">:style</span>=<span class=\"hljs-string\">\"{\n 'backgroundImage': `url(${img})`,\n 'backgroundPosition': 'center center',\n 'backgroundRepeat': 'no-repeat',\n 'backgroundSize': 'cover'\n }\"</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">md-icon</span>\n <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"image-reader-item-del\"</span>\n <span class=\"hljs-attr\">name</span>=<span class=\"hljs-string\">\"circle-cross\"</span>\n <span class=\"hljs-attr\">color</span>=<span class=\"hljs-string\">\"#666\"</span>\n @<span class=\"hljs-attr\">click.native</span>=<span class=\"hljs-string\">\"onDeleteImage('reader1', index)\"</span>></span>\n <span class=\"hljs-tag\"></<span class=\"hljs-name\">md-icon</span>></span>\n <span class=\"hljs-tag\"></<span class=\"hljs-name\">li</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">li</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"image-reader-item add\"</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">md-image-reader</span>\n <span class=\"hljs-attr\">name</span>=<span class=\"hljs-string\">\"reader1\"</span>\n @<span class=\"hljs-attr\">select</span>=<span class=\"hljs-string\">\"onReaderSelect\"</span>\n @<span class=\"hljs-attr\">complete</span>=<span class=\"hljs-string\">\"onReaderComplete\"</span>\n @<span class=\"hljs-attr\">error</span>=<span class=\"hljs-string\">\"onReaderError\"</span>\n <span class=\"hljs-attr\">is-multiple</span>\n ></span><span class=\"hljs-tag\"></<span class=\"hljs-name\">md-image-reader</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">md-icon</span> <span class=\"hljs-attr\">name</span>=<span class=\"hljs-string\">\"hollow-plus\"</span> <span class=\"hljs-attr\">size</span>=<span class=\"hljs-string\">\"md\"</span> <span class=\"hljs-attr\">color</span>=<span class=\"hljs-string\">\"#CCC\"</span>></span><span class=\"hljs-tag\"></<span class=\"hljs-name\">md-icon</span>></span>\n <span class=\"hljs-tag\"><<span class=\"hljs-name\">p</span>></span>\u4E0A\u4F20\u7167\u7247<span class=\"hljs-tag\"></<span class=\"hljs-name\">p</span>></span>\n <span class=\"hljs-tag\"></<span class=\"hljs-name\">li</span>></span>\n <span class=\"hljs-tag\"></<span class=\"hljs-name\">ul</span>></span>\n <span class=\"hljs-tag\"></<span class=\"hljs-name\">div</span>></span>\n<span class=\"hljs-tag\"></<span class=\"hljs-name\">template</span>></span>\n\n<span class=\"hljs-tag\"><<span class=\"hljs-name\">script</span>></span><span class=\"javascript\">\r<span class=\"hljs-keyword\">import</span> {Icon, ImageReader, Toast} <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'mand-mobile'</span>\n<span class=\"hljs-keyword\">import</span> imageProcessor <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'mand-mobile/components/image-reader/image-processor'</span>\n\n<span class=\"hljs-keyword\">export</span> <span class=\"hljs-keyword\">default</span> {\n <span class=\"hljs-attr\">name</span>: <span class=\"hljs-string\">'image-reader-demo'</span>,\n <span class=\"hljs-attr\">title</span>: <span class=\"hljs-string\">'\u56FE\u7247\u9009\u62E9\u5E76\u8F74\u5411\u4FEE\u6B63\uFF0C\u538B\u7F29\u5904\u7406'</span>,\n <span class=\"hljs-attr\">describe</span>: <span class=\"hljs-string\">'width: 200&nbsp;&nbsp;height: 200&nbsp;&nbsp;quality: 0.1'</span>,\n <span class=\"hljs-attr\">components</span>: {\n [Icon.name]: Icon,\n [ImageReader.name]: ImageReader,\n },\n data() {\n <span class=\"hljs-keyword\">return</span> {\n <span class=\"hljs-attr\">imageList</span>: {\n <span class=\"hljs-attr\">reader0</span>: [\n <span class=\"hljs-string\">'//img-hxy021.didistatic.com/static/strategymis/insurancePlatform_spu/uploads/27fb7f097ca218d743f816836bc7ea4a'</span>,\n <span class=\"hljs-string\">'//manhattan.didistatic.com/static/manhattan/insurancePlatform_spu/uploads/c2912793a222eb24b606a582fd849ab7'</span>,\n ],\n <span class=\"hljs-attr\">reader1</span>: [],\n },\n }\n },\n <span class=\"hljs-attr\">methods</span>: {\n onReaderSelect() {\n Toast.loading(<span class=\"hljs-string\">'\u56FE\u7247\u8BFB\u53D6\u4E2D...'</span>)\n },\n onReaderComplete(name, {dataUrl}) {\n <span class=\"hljs-keyword\">const</span> demoImageList = <span class=\"hljs-keyword\">this</span>.imageList[name] || []\n\n imageProcessor({\n dataUrl,\n <span class=\"hljs-attr\">width</span>: <span class=\"hljs-number\">200</span>,\n <span class=\"hljs-attr\">height</span>: <span class=\"hljs-number\">200</span>,\n <span class=\"hljs-attr\">quality</span>: <span class=\"hljs-number\">0.1</span>,\n }).then(<span class=\"hljs-function\">(<span class=\"hljs-params\">{dataUrl}</span>) =></span> {\n dataUrl && demoImageList.push(dataUrl)\n })\n <span class=\"hljs-keyword\">this</span>.$set(<span class=\"hljs-keyword\">this</span>.imageList, name, demoImageList)\n\n Toast.hide()\n },\n onReaderError({msg}) {\n Toast.failed(msg)\n },\n onDeleteImage(name, index) {\n <span class=\"hljs-keyword\">const</span> demoImageList = <span class=\"hljs-keyword\">this</span>.imageList[name] || []\n demoImageList.splice(index, <span class=\"hljs-number\">1</span>)\n <span class=\"hljs-keyword\">this</span>.$set(<span class=\"hljs-keyword\">this</span>.imageList, name, demoImageList)\n },\n },\n}\n\r</span><span class=\"hljs-tag\"></<span class=\"hljs-name\">script</span>></span>\n\n<span class=\"hljs-tag\"><<span class=\"hljs-name\">style</span> <span class=\"hljs-attr\">lang</span>=<span class=\"hljs-string\">\"stylus\"</span> <span class=\"hljs-attr\">scoped</span>></span><span class=\"css\">\n<span class=\"hljs-selector-class\">.md-example-child-reader</span>\n <span class=\"hljs-selector-class\">.image-reader-list</span>\n <span class=\"hljs-selector-tag\">float</span> <span class=\"hljs-selector-tag\">left</span>\n <span class=\"hljs-selector-tag\">width</span> 100%\n <span class=\"hljs-selector-class\">.image-reader-item</span>\n <span class=\"hljs-selector-tag\">position</span> <span class=\"hljs-selector-tag\">relative</span>\n <span class=\"hljs-selector-tag\">float</span> <span class=\"hljs-selector-tag\">left</span>\n <span class=\"hljs-selector-tag\">width</span> 23<span class=\"hljs-selector-class\">.5</span>%\n <span class=\"hljs-selector-tag\">padding-bottom</span> 23<span class=\"hljs-selector-class\">.5</span>%\n <span class=\"hljs-selector-tag\">margin-bottom</span> 2%\n <span class=\"hljs-selector-tag\">margin-right</span> 2%\n <span class=\"hljs-selector-tag\">background</span> <span class=\"hljs-selector-tag\">color-bg-base</span>\n <span class=\"hljs-selector-tag\">box-sizing</span> <span class=\"hljs-selector-tag\">border-box</span>\n <span class=\"hljs-selector-tag\">list-style</span> <span class=\"hljs-selector-tag\">none</span>\n <span class=\"hljs-selector-tag\">border-radius</span> <span class=\"hljs-selector-tag\">radius-normal</span>\n <span class=\"hljs-selector-tag\">hairline</span>(<span class=\"hljs-selector-tag\">all</span>, <span class=\"hljs-selector-tag\">color-border-base</span>)\n <span class=\"hljs-selector-tag\">background-size</span> <span class=\"hljs-selector-tag\">cover</span>\n &<span class=\"hljs-selector-pseudo\">:nth-of-type(4n)</span>\n <span class=\"hljs-selector-tag\">margin-right</span> 0\n &<span class=\"hljs-selector-class\">.add</span>\n <span class=\"hljs-selector-class\">.md-icon</span>\n <span class=\"hljs-selector-tag\">position</span> <span class=\"hljs-selector-tag\">absolute</span>\n <span class=\"hljs-selector-tag\">top</span> 40%\n <span class=\"hljs-selector-tag\">left</span> 50%\n <span class=\"hljs-selector-tag\">transform</span> <span class=\"hljs-selector-tag\">translate</span>(<span class=\"hljs-selector-tag\">-50</span>%, <span class=\"hljs-selector-tag\">-50</span>%)\n <span class=\"hljs-selector-tag\">opacity</span> <span class=\"hljs-selector-class\">.5</span>\n <span class=\"hljs-selector-tag\">p</span>\n <span class=\"hljs-selector-tag\">position</span> <span class=\"hljs-selector-tag\">absolute</span>\n <span class=\"hljs-selector-tag\">top</span> 50%\n <span class=\"hljs-selector-tag\">left</span> 0\n <span class=\"hljs-selector-tag\">width</span> 100%\n <span class=\"hljs-selector-tag\">margin-top</span> 15<span class=\"hljs-selector-tag\">px</span>\n <span class=\"hljs-selector-tag\">font-size</span> <span class=\"hljs-selector-tag\">font-minor-normal</span>\n <span class=\"hljs-selector-tag\">color</span> <span class=\"hljs-selector-tag\">color-text-disabled</span>\n <span class=\"hljs-selector-tag\">text-align</span> <span class=\"hljs-selector-tag\">center</span>\n <span class=\"hljs-selector-class\">.image-reader-item-del</span>\n <span class=\"hljs-selector-tag\">position</span> <span class=\"hljs-selector-tag\">absolute</span>\n <span class=\"hljs-selector-tag\">top</span> 5<span class=\"hljs-selector-tag\">px</span>\n <span class=\"hljs-selector-tag\">right</span> 5<span class=\"hljs-selector-tag\">px</span>\n <span class=\"hljs-selector-tag\">z-index</span> 3\n <span class=\"hljs-selector-tag\">background</span> <span class=\"hljs-selector-id\">#EEE</span>\n <span class=\"hljs-selector-tag\">border-radius</span> <span class=\"hljs-selector-tag\">radius-circle</span>\n</span><span class=\"hljs-tag\"></<span class=\"hljs-name\">style</span>></span>",raw:"%3Ctemplate%3E%0A%20%20%3Cdiv%20class=%22md-example-child%20md-example-child-reader%20md-example-child-reader-1%22%3E%0A%20%20%20%20%3Cul%20class=%22image-reader-list%22%3E%0A%20%20%20%20%20%20%3Cli%0A%20%20%20%20%20%20%20%20class=%22image-reader-item%22%0A%20%20%20%20%20%20%20%20v-for=%22(img,%20index)%20in%20imageList%5B'reader1'%5D%22%0A%20%20%20%20%20%20%20%20:key=%22index%22%0A%20%20%20%20%20%20%20%20:style=%22%7B%0A%20%20%20%20%20%20%20%20%20%20'backgroundImage':%20%60url($%7Bimg%7D)%60,%0A%20%20%20%20%20%20%20%20%20%20'backgroundPosition':%20'center%20center',%0A%20%20%20%20%20%20%20%20%20%20'backgroundRepeat':%20'no-repeat',%0A%20%20%20%20%20%20%20%20%20%20'backgroundSize':%20'cover'%0A%20%20%20%20%20%20%20%20%7D%22%3E%0A%20%20%20%20%20%20%20%20%3Cmd-icon%0A%20%20%20%20%20%20%20%20%20%20class=%22image-reader-item-del%22%0A%20%20%20%20%20%20%20%20%20%20name=%22circle-cross%22%0A%20%20%20%20%20%20%20%20%20%20color=%22#666%22%0A%20%20%20%20%20%20%20%20%20%20@click.native=%22onDeleteImage('reader1',%20index)%22%3E%0A%20%20%20%20%20%20%20%20%3C/md-icon%3E%0A%20%20%20%20%20%20%3C/li%3E%0A%20%20%20%20%20%20%3Cli%20class=%22image-reader-item%20add%22%3E%0A%20%20%20%20%20%20%20%20%3Cmd-image-reader%0A%20%20%20%20%20%20%20%20%20%20name=%22reader1%22%0A%20%20%20%20%20%20%20%20%20%20@select=%22onReaderSelect%22%0A%20%20%20%20%20%20%20%20%20%20@complete=%22onReaderComplete%22%0A%20%20%20%20%20%20%20%20%20%20@error=%22onReaderError%22%0A%20%20%20%20%20%20%20%20%20%20is-multiple%0A%20%20%20%20%20%20%20%20%3E%3C/md-image-reader%3E%0A%20%20%20%20%20%20%20%20%3Cmd-icon%20name=%22hollow-plus%22%20size=%22md%22%20color=%22#CCC%22%3E%3C/md-icon%3E%0A%20%20%20%20%20%20%20%20%3Cp%3E%E4%B8%8A%E4%BC%A0%E7%85%A7%E7%89%87%3C/p%3E%0A%20%20%20%20%20%20%3C/li%3E%0A%20%20%20%20%3C/ul%3E%0A%20%20%3C/div%3E%0A%3C/template%3E%0A%0A%3Cscript%3E%0Dimport%20%7BIcon,%20ImageReader,%20Toast%7D%20from%20'mand-mobile'%0Aimport%20imageProcessor%20from%20'mand-mobile/components/image-reader/image-processor'%0A%0Aexport%20default%20%7B%0A%20%20name:%20'image-reader-demo',%0A%20%20title:%20'%E5%9B%BE%E7%89%87%E9%80%89%E6%8B%A9%E5%B9%B6%E8%BD%B4%E5%90%91%E4%BF%AE%E6%AD%A3%EF%BC%8C%E5%8E%8B%E7%BC%A9%E5%A4%84%E7%90%86',%0A%20%20describe:%20'width:%20200 height:%20200 quality:%200.1',%0A%20%20components:%20%7B%0A%20%20%20%20%5BIcon.name%5D:%20Icon,%0A%20%20%20%20%5BImageReader.name%5D:%20ImageReader,%0A%20%20%7D,%0A%20%20data()%20%7B%0A%20%20%20%20return%20%7B%0A%20%20%20%20%20%20imageList:%20%7B%0A%20%20%20%20%20%20%20%20reader0:%20%5B%0A%20%20%20%20%20%20%20%20%20%20'//img-hxy021.didistatic.com/static/strategymis/insurancePlatform_spu/uploads/27fb7f097ca218d743f816836bc7ea4a',%0A%20%20%20%20%20%20%20%20%20%20'//manhattan.didistatic.com/static/manhattan/insurancePlatform_spu/uploads/c2912793a222eb24b606a582fd849ab7',%0A%20%20%20%20%20%20%20%20%5D,%0A%20%20%20%20%20%20%20%20reader1:%20%5B%5D,%0A%20%20%20%20%20%20%7D,%0A%20%20%20%20%7D%0A%20%20%7D,%0A%20%20methods:%20%7B%0A%20%20%20%20onReaderSelect()%20%7B%0A%20%20%20%20%20%20Toast.loading('%E5%9B%BE%E7%89%87%E8%AF%BB%E5%8F%96%E4%B8%AD...')%0A%20%20%20%20%7D,%0A%20%20%20%20onReaderComplete(name,%20%7BdataUrl%7D)%20%7B%0A%20%20%20%20%20%20const%20demoImageList%20=%20this.imageList%5Bname%5D%20%7C%7C%20%5B%5D%0A%0A%20%20%20%20%20%20imageProcessor(%7B%0A%20%20%20%20%20%20%20%20dataUrl,%0A%20%20%20%20%20%20%20%20width:%20200,%0A%20%20%20%20%20%20%20%20height:%20200,%0A%20%20%20%20%20%20%20%20quality:%200.1,%0A%20%20%20%20%20%20%7D).then((%7BdataUrl%7D)%20=%3E%20%7B%0A%20%20%20%20%20%20%20%20dataUrl%20&&%20demoImageList.push(dataUrl)%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20this.$set(this.imageList,%20name,%20demoImageList)%0A%0A%20%20%20%20%20%20Toast.hide()%0A%20%20%20%20%7D,%0A%20%20%20%20onReaderError(%7Bmsg%7D)%20%7B%0A%20%20%20%20%20%20Toast.failed(msg)%0A%20%20%20%20%7D,%0A%20%20%20%20onDeleteImage(name,%20index)%20%7B%0A%20%20%20%20%20%20const%20demoImageList%20=%20this.imageList%5Bname%5D%20%7C%7C%20%5B%5D%0A%20%20%20%20%20%20demoImageList.splice(index,%201)%0A%20%20%20%20%20%20this.$set(this.imageList,%20name,%20demoImageList)%0A%20%20%20%20%7D,%0A%20%20%7D,%0A%7D%0A%0D%3C/script%3E%0A%0A%3Cstyle%20lang=%22stylus%22%20scoped%3E%0A.md-example-child-reader%0A%20%20.image-reader-list%0A%20%20%20%20float%20left%0A%20%20%20%20width%20100%25%0A%20%20%20%20.image-reader-item%0A%20%20%20%20%20%20position%20relative%0A%20%20%20%20%20%20float%20left%0A%20%20%20%20%20%20width%2023.5%25%0A%20%20%20%20%20%20padding-bottom%2023.5%25%0A%20%20%20%20%20%20margin-bottom%202%25%0A%20%20%20%20%20%20margin-right%202%25%0A%20%20%20%20%20%20background%20color-bg-base%0A%20%20%20%20%20%20box-sizing%20border-box%0A%20%20%20%20%20%20list-style%20none%0A%20%20%20%20%20%20border-radius%20radius-normal%0A%20%20%20%20%20%20hairline(all,%20color-border-base)%0A%20%20%20%20%20%20background-size%20cover%0A%20%20%20%20%20%20&:nth-of-type(4n)%0A%20%20%20%20%20%20%20%20margin-right%200%0A%20%20%20%20%20%20&.add%0A%20%20%20%20%20%20%20%20.md-icon%0A%20%20%20%20%20%20%20%20%20%20position%20absolute%0A%20%20%20%20%20%20%20%20%20%20top%2040%25%0A%20%20%20%20%20%20%20%20%20%20left%2050%25%0A%20%20%20%20%20%20%20%20%20%20transform%20translate(-50%25,%20-50%25)%0A%20%20%20%20%20%20%20%20%20%20opacity%20.5%0A%20%20%20%20%20%20%20%20p%0A%20%20%20%20%20%20%20%20%20%20position%20absolute%0A%20%20%20%20%20%20%20%20%20%20top%2050%25%0A%20%20%20%20%20%20%20%20%20%20left%200%0A%20%20%20%20%20%20%20%20%20%20width%20100%25%0A%20%20%20%20%20%20%20%20%20%20margin-top%2015px%0A%20%20%20%20%20%20%20%20%20%20font-size%20font-minor-normal%0A%20%20%20%20%20%20%20%20%20%20color%20color-text-disabled%0A%20%20%20%20%20%20%20%20%20%20text-align%20center%0A%20%20%20%20%20%20.image-reader-item-del%0A%20%20%20%20%20%20%20%20position%20absolute%0A%20%20%20%20%20%20%20%20top%205px%0A%20%20%20%20%20%20%20%20right%205px%0A%20%20%20%20%20%20%20%20z-index%203%0A%20%20%20%20%20%20%20%20background%20#EEE%0A%20%20%20%20%20%20%20%20border-radius%20radius-circle%0A%3C/style%3E"}]},Y9HR:function(e,a){var t,s,o;(function(d,n){s=[a],t=n,o="function"==typeof t?t.apply(a,s):t,!(void 0!==o&&(e.exports=o))})(this,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(e){function a(e){e.files&&(this.files=e.files,this.index=0,this.size=e.size||0,!e.isWebWorker&&e.complete&&(this.callback=e.complete),this.readImage(e.files[this.index]))}a.prototype.readImage=function(e){var a=this,t=this.files&&this.index<this.files.length-1?function(){a.index+=1,a.readImage(a.files[a.index])}:null,s=function(e){a.callback?a.callback(e):postMessage(e),t&&t()};if(!this.size||e.size<=this.size){var o=new FileReader;o.onload=function(a){var t=a.target.result;s({errorCode:0,file:e,dataUrl:t})},o.onerror=function(){s({errorCode:102})},o.readAsDataURL(e)}else s({errorCode:101})};var t=function(e){var t=new a(e.data);return t};return e?function(e){return t({data:e})}:void(onmessage=t)}})},"YJi/":function(e,a,t){var s=t("goTw");"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);t("rjj0")("a5b452e6",s,!0,{})},YQ0y:function(e,a,t){a=e.exports=t("FZ+f")(!0),a.push([e.i,".md-icon{-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;fill:currentColor}.md-icon.xss{width:icon-size-xxs;height:icon-size-xxs}.md-icon.xs{width:20px;height:20px}.md-icon.sm{width:24px;height:24px}.md-icon.md{width:32px;height:32px}.md-icon.lg{width:42px;height:42px}","",{version:3,sources:["/Users/didi/workspace/mand-mobile/site/node_modules/mand-mobile/lib/icon/style/index.css"],names:[],mappings:"AAAA,SACE,gCAAiC,AACjC,6BAA8B,AAC9B,wBAAyB,AACzB,iBAAmB,CACpB,AACD,aACE,oBAAqB,AACrB,oBAAsB,CACvB,AACD,YACE,WAAY,AACZ,WAAa,CACd,AACD,YACE,WAAY,AACZ,WAAa,CACd,AACD,YACE,WAAY,AACZ,WAAa,CACd,AACD,YACE,WAAY,AACZ,WAAa,CACd",file:"index.css",sourcesContent:[".md-icon {\n -webkit-background-size: contain;\n -moz-background-size: contain;\n background-size: contain;\n fill: currentColor;\n}\n.md-icon.xss {\n width: icon-size-xxs;\n height: icon-size-xxs;\n}\n.md-icon.xs {\n width: 20px;\n height: 20px;\n}\n.md-icon.sm {\n width: 24px;\n height: 24px;\n}\n.md-icon.md {\n width: 32px;\n height: 32px;\n}\n.md-icon.lg {\n width: 42px;\n height: 42px;\n}"],sourceRoot:""}])},b6w8:function(e,a){"use strict";a.a=function(e){e=e.replace(/^data:([^;]+);base64,/gim,"").replace(/\s/g,"");const a=atob(e),t=a.length,s=new ArrayBuffer(t),o=new Uint8Array(s);for(let s=0;s<t;s++)o[s]=a.charCodeAt(s);return s},a.b=function(e){let a=0<=e.split(",")[0].indexOf("base64")?atob(e.split(",")[1]):unescape(e.split(",")[1]);const t=e.split(",")[0].split(":")[1].split(";")[0],s=new Uint8Array(a.length);for(let t=0;t<a.length;t++)s[t]=a.charCodeAt(t);return new Blob([s.buffer],{type:t})}},dDeO:function(e,a){"use strict";a.a=!0;const t="undefined"!=typeof window,s=t&&window.navigator.userAgent.toLowerCase(),o=s&&0<s.indexOf("android"),d=s&&/iphone|ipad|ipod|ios/.test(s)},dRrt:function(e,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var s=t("sKD6"),o=t.n(s);for(var d in s)"default"!==d&&function(e){t.d(a,e,function(){return s[e]})}(d);var n=t("1n/0"),l=t("VU/8"),r=l(o.a,n.a,!1,function(){t("W///")},"data-v-15040aa7",null);a["default"]=r.exports},dWoo:function(e,a,t){"use strict";var s=t("nWBe"),o=t("dDeO"),d=t("oAqH"),n=t("SgQq");t.d(a,"a",function(){return n.a}),t.d(a,"b",function(){return n.b})},dgYx:function(e,a,t){var s,o,d;(function(n,l){o=[a,t("BdOb"),t("xnBM"),t("LeDR"),t("CY7M")],s=l,d="function"==typeof s?s.apply(a,o):s,!(void 0!==d&&(e.exports=d))})(this,function(e,a,t,s,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),Object.keys(a).forEach(function(t){"default"===t||"__esModule"===t||Object.defineProperty(e,t,{enumerable:!0,get:function(){return a[t]}})}),Object.keys(t).forEach(function(a){"default"===a||"__esModule"===a||Object.defineProperty(e,a,{enumerable:!0,get:function(){return t[a]}})}),Object.keys(s).forEach(function(a){"default"===a||"__esModule"===a||Object.defineProperty(e,a,{enumerable:!0,get:function(){return s[a]}})}),Object.keys(o).forEach(function(a){"default"===a||"__esModule"===a||Object.defineProperty(e,a,{enumerable:!0,get:function(){return o[a]}})})})},fFMQ:function(e,a,t){var s=t("YQ0y");"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);t("rjj0")("4e2c98a8",s,!0,{})},goTw:function(e,a,t){a=e.exports=t("FZ+f")(!0),a.push([e.i,".md-popup.with-mask{top:0;right:0;bottom:0;left:0;position:fixed;z-index:1000}.md-popup.with-mask .md-popup-box{position:absolute;z-index:2}.md-popup .md-popup-box{position:fixed;z-index:1000;max-width:100%;max-height:100%;overflow:auto;will-change:auto}.md-popup .md-popup-mask{top:0;right:0;bottom:0;left:0;position:absolute;z-index:1;background:#000;opacity:.4;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)\";filter:alpha(opacity=40)}.md-popup.center .md-popup-box{top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.md-popup.bottom .md-popup-box,.md-popup.left .md-popup-box,.md-popup.right .md-popup-box,.md-popup.top .md-popup-box{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.md-popup.bottom .md-popup-box,.md-popup.top .md-popup-box{width:100%}.md-popup.left .md-popup-box,.md-popup.right .md-popup-box{height:100%}.md-popup.top .md-popup-box{top:0;left:0}.md-popup.bottom .md-popup-box{bottom:0;left:0}.md-popup.left .md-popup-box{left:0;top:0}.md-popup.right .md-popup-box{right:0;top:0}.md-popup .fade-enter-active,.md-popup .fade-leave-active{-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s}.md-popup .fade-enter,.md-popup .fade-leave-active,.md-popup .fade-leave-to{opacity:0;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";filter:alpha(opacity=0)}.md-popup .bottom .show,.md-popup .slide-down-enter-active,.md-popup .slide-down-leave-active,.md-popup .slide-up-enter-active,.md-popup .slide-up-leave-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.md-popup .slide-up-enter,.md-popup .slide-up-leave-to{-webkit-transform:translateY(70%);-moz-transform:translateY(70%);-o-transform:translateY(70%);-ms-transform:translateY(70%);transform:translateY(70%)}.md-popup .slide-up-leave-active{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.md-popup .slide-down-enter,.md-popup .slide-down-leave-to{-webkit-transform:translateY(-70%);-moz-transform:translateY(-70%);-o-transform:translateY(-70%);-ms-transform:translateY(-70%);transform:translateY(-70%)}.md-popup .slide-down-leave-active{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.md-popup .slide-left-enter-active,.md-popup .slide-left-leave-active,.md-popup .slide-right-enter-active,.md-popup .slide-right-leave-active{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.md-popup .slide-left-enter,.md-popup .slide-left-leave-to{-webkit-transform:translateX(70%);-moz-transform:translateX(70%);-o-transform:translateX(70%);-ms-transform:translateX(70%);transform:translateX(70%)}.md-popup .slide-left-leave-active{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.md-popup .slide-right-enter,.md-popup .slide-right-leave-to{-webkit-transform:translateX(-70%);-moz-transform:translateX(-70%);-o-transform:translateX(-70%);-ms-transform:translateX(-70%);transform:translateX(-70%)}.md-popup .slide-right-leave-active{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}","",{version:3,sources:["/Users/didi/workspace/mand-mobile/site/node_modules/mand-mobile/lib/popup/style/index.css"],names:[],mappings:"AAAA,oBACE,MAAO,AACP,QAAS,AACT,SAAU,AACV,OAAQ,AACR,eAAgB,AAChB,YAAc,CACf,AACD,kCACE,kBAAmB,AACnB,SAAW,CACZ,AACD,wBACE,eAAgB,AAChB,aAAc,AACd,eAAgB,AAChB,gBAAiB,AACjB,cAAe,AACf,gBAAkB,CACnB,AACD,yBACE,MAAO,AACP,QAAS,AACT,SAAU,AACV,OAAQ,AACR,kBAAmB,AACnB,UAAW,AACX,gBAAiB,AACjB,WAAa,AACb,iEAAkE,AAClE,wBAA0B,CAC3B,AACD,+BACE,QAAS,AACT,WAAY,AACZ,YAAa,AACb,SAAU,AACV,uCAAyC,AACzC,oCAAsC,AACtC,kCAAoC,AACpC,mCAAqC,AACrC,8BAAiC,CAClC,AACD,sHAIE,2BAA6B,AAC7B,wBAA0B,AAC1B,sBAAwB,AACxB,uBAAyB,AACzB,kBAAqB,CACtB,AACD,2DAEE,UAAY,CACb,AACD,2DAEE,WAAa,CACd,AACD,4BACE,MAAO,AACP,MAAQ,CACT,AACD,+BACE,SAAU,AACV,MAAQ,CACT,AACD,6BACE,OAAQ,AACR,KAAO,CACR,AACD,8BACE,QAAS,AACT,KAAO,CACR,AACD,0DAEE,+BAAiC,AACjC,4BAA8B,AAC9B,0BAA4B,AAC5B,2BAA6B,AAC7B,sBAAyB,CAC1B,AACD,4EAGE,UAAW,AACX,gEAAiE,AACjE,uBAAyB,CAC1B,AACD,gKAKE,gCAAiC,AACjC,6BAA8B,AAC9B,2BAA4B,AAC5B,4BAA6B,AAC7B,uBAAyB,CAC1B,AACD,uDAEE,kCAAmC,AACnC,+BAAgC,AAChC,6BAA8B,AAC9B,8BAA+B,AAC/B,yBAA2B,CAC5B,AACD,iCACE,mCAAoC,AACpC,gCAAiC,AACjC,8BAA+B,AAC/B,+BAAgC,AAChC,0BAA4B,CAC7B,AACD,2DAEE,mCAAoC,AACpC,gCAAiC,AACjC,8BAA+B,AAC/B,+BAAgC,AAChC,0BAA4B,CAC7B,AACD,mCACE,oCAAqC,AACrC,iCAAkC,AAClC,+BAAgC,AAChC,gCAAiC,AACjC,2BAA6B,CAC9B,AACD,8IAIE,gCAAiC,AACjC,6BAA8B,AAC9B,2BAA4B,AAC5B,4BAA6B,AAC7B,uBAAyB,CAC1B,AACD,2DAEE,kCAAmC,AACnC,+BAAgC,AAChC,6BAA8B,AAC9B,8BAA+B,AAC/B,yBAA2B,CAC5B,AACD,mCACE,mCAAoC,AACpC,gCAAiC,AACjC,8BAA+B,AAC/B,+BAAgC,AAChC,0BAA4B,CAC7B,AACD,6DAEE,mCAAoC,AACpC,gCAAiC,AACjC,8BAA+B,AAC/B,+BAAgC,AAChC,0BAA4B,CAC7B,AACD,oCACE,oCAAqC,AACrC,iCAAkC,AAClC,+BAAgC,AAChC,gCAAiC,AACjC,2BAA6B,CAC9B",file:"index.css",sourcesContent:[".md-popup.with-mask {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n position: fixed;\n z-index: 1000;\n}\n.md-popup.with-mask .md-popup-box {\n position: absolute;\n z-index: 2;\n}\n.md-popup .md-popup-box {\n position: fixed;\n z-index: 1000;\n max-width: 100%;\n max-height: 100%;\n overflow: auto;\n will-change: auto;\n}\n.md-popup .md-popup-mask {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n position: absolute;\n z-index: 1;\n background: #000;\n opacity: 0.4;\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)\";\n filter: alpha(opacity=40);\n}\n.md-popup.center .md-popup-box {\n top: 50%;\n right: auto;\n bottom: auto;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n -moz-transform: translate(-50%, -50%);\n -o-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n.md-popup.top .md-popup-box,\n.md-popup.bottom .md-popup-box,\n.md-popup.left .md-popup-box,\n.md-popup.right .md-popup-box {\n -webkit-transition: all 0.3s;\n -moz-transition: all 0.3s;\n -o-transition: all 0.3s;\n -ms-transition: all 0.3s;\n transition: all 0.3s;\n}\n.md-popup.top .md-popup-box,\n.md-popup.bottom .md-popup-box {\n width: 100%;\n}\n.md-popup.left .md-popup-box,\n.md-popup.right .md-popup-box {\n height: 100%;\n}\n.md-popup.top .md-popup-box {\n top: 0;\n left: 0;\n}\n.md-popup.bottom .md-popup-box {\n bottom: 0;\n left: 0;\n}\n.md-popup.left .md-popup-box {\n left: 0;\n top: 0;\n}\n.md-popup.right .md-popup-box {\n right: 0;\n top: 0;\n}\n.md-popup .fade-enter-active,\n.md-popup .fade-leave-active {\n -webkit-transition: opacity 0.3s;\n -moz-transition: opacity 0.3s;\n -o-transition: opacity 0.3s;\n -ms-transition: opacity 0.3s;\n transition: opacity 0.3s;\n}\n.md-popup .fade-enter,\n.md-popup .fade-leave-to,\n.md-popup .fade-leave-active {\n opacity: 0;\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";\n filter: alpha(opacity=0);\n}\n.md-popup .slide-up-enter-active,\n.md-popup .slide-up-leave-active,\n.md-popup .slide-down-enter-active,\n.md-popup .slide-down-leave-active,\n.md-popup .bottom .show {\n -webkit-transform: translateY(0);\n -moz-transform: translateY(0);\n -o-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n}\n.md-popup .slide-up-enter,\n.md-popup .slide-up-leave-to {\n -webkit-transform: translateY(70%);\n -moz-transform: translateY(70%);\n -o-transform: translateY(70%);\n -ms-transform: translateY(70%);\n transform: translateY(70%);\n}\n.md-popup .slide-up-leave-active {\n -webkit-transform: translateY(100%);\n -moz-transform: translateY(100%);\n -o-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n}\n.md-popup .slide-down-enter,\n.md-popup .slide-down-leave-to {\n -webkit-transform: translateY(-70%);\n -moz-transform: translateY(-70%);\n -o-transform: translateY(-70%);\n -ms-transform: translateY(-70%);\n transform: translateY(-70%);\n}\n.md-popup .slide-down-leave-active {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n transform: translateY(-100%);\n}\n.md-popup .slide-left-enter-active,\n.md-popup .slide-left-leave-active,\n.md-popup .slide-right-enter-active,\n.md-popup .slide-right-leave-active {\n -webkit-transform: translateX(0);\n -moz-transform: translateX(0);\n -o-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n}\n.md-popup .slide-left-enter,\n.md-popup .slide-left-leave-to {\n -webkit-transform: translateX(70%);\n -moz-transform: translateX(70%);\n -o-transform: translateX(70%);\n -ms-transform: translateX(70%);\n transform: translateX(70%);\n}\n.md-popup .slide-left-leave-active {\n -webkit-transform: translateX(100%);\n -moz-transform: translateX(100%);\n -o-transform: translateX(100%);\n -ms-transform: translateX(100%);\n transform: translateX(100%);\n}\n.md-popup .slide-right-enter,\n.md-popup .slide-right-leave-to {\n -webkit-transform: translateX(-70%);\n -moz-transform: translateX(-70%);\n -o-transform: translateX(-70%);\n -ms-transform: translateX(-70%);\n transform: translateX(-70%);\n}\n.md-popup .slide-right-leave-active {\n -webkit-transform: translateX(-100%);\n -moz-transform: translateX(-100%);\n -o-transform: translateX(-100%);\n -ms-transform: translateX(-100%);\n transform: translateX(-100%);\n}"],sourceRoot:""}])},hDek:function(e,a,t){var s=t("7bQ1");"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);t("rjj0")("a8ce911a",s,!0,{})},iWYG:function(e,a,t){a=e.exports=t("FZ+f")(!0),a.push([e.i,".md-toast{position:relative;z-index:1401}.md-toast.has-icon .md-toast-content{padding-left:100px}.md-toast .md-toast-content{position:relative;display:inline-block;text-align:left;padding:32px;border-radius:4px;font-size:28px;color:#ccc;background-color:rgba(0,0,0,.8);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.md-toast svg{position:absolute;top:30px;left:32px}.md-toast .md-popup .md-popup-box{width:468px;text-align:center;overflow:visible}.md-toast .md-popup .md-popup-mask{background:transparent}","",{version:3,sources:["/Users/didi/workspace/mand-mobile/site/node_modules/mand-mobile/lib/toast/style/toast.css"],names:[],mappings:"AAAA,UACE,kBAAmB,AACnB,YAAc,CACf,AACD,qCACE,kBAAoB,CACrB,AACD,4BACE,kBAAmB,AACnB,qBAAsB,AACtB,gBAAiB,AACjB,aAAc,AACd,kBAAmB,AACnB,eAAgB,AAChB,WAAY,AACZ,gCAAkC,AAClC,+BAAgC,AAChC,4BAA6B,AAC7B,sBAAwB,CACzB,AACD,cACE,kBAAmB,AACnB,SAAU,AACV,SAAW,CACZ,AACD,kCACE,YAAa,AACb,kBAAmB,AACnB,gBAAkB,CACnB,AACD,mCACE,sBAAwB,CACzB",file:"toast.css",sourcesContent:[".md-toast {\n position: relative;\n z-index: 1401;\n}\n.md-toast.has-icon .md-toast-content {\n padding-left: 100px;\n}\n.md-toast .md-toast-content {\n position: relative;\n display: inline-block;\n text-align: left;\n padding: 32px;\n border-radius: 4px;\n font-size: 28px;\n color: #ccc;\n background-color: rgba(0,0,0,0.8);\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n}\n.md-toast svg {\n position: absolute;\n top: 30px;\n left: 32px;\n}\n.md-toast .md-popup .md-popup-box {\n width: 468px;\n text-align: center;\n overflow: visible;\n}\n.md-toast .md-popup .md-popup-mask {\n background: transparent;\n}"],sourceRoot:""}])},lNHp:function(e,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var s=t("WFSm"),o=t.n(s);for(var d in s)"default"!==d&&function(e){t.d(a,e,function(){return s[e]})}(d);var n=t("DEAD"),l=t("VU/8"),r=l(o.a,n.a,!1,function(){t("hDek")},"data-v-1f8edd2a",null);a["default"]=r.exports},lwwV:function(e,a){"use strict";a.a={render:function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("div")},staticRenderFns:[]}},m9ZQ:function(e,a,t){var s,o,d;(function(){(function(n,l){o=[a,t("Y9HR"),t("9Ijy"),t("dgYx"),t("E74q")],s=l,d="function"==typeof s?s.apply(a,o):s,!(void 0!==d&&(e.exports=d))})(this,function(e,a,t,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(e){return e&&e.__esModule?e:{default:e}}(a),d={100:"browser does not support",101:"picture size is beyond the preset",102:"picture read failure",103:"the number of pictures exceeds the limit"};e.default={name:"md-image-reader",props:{name:{type:String,default:function(){return(0,s.randomId)("image-reader")}},size:{type:[String,Number],default:0},mime:{type:Array,default:function(){return[]}},isCameraOnly:{type:Boolean,default:!1},isMultiple:{type:Boolean,default:!1},amount:{type:Number,default:0}},data:function(){return{inputTmpKey:Date.now()}},computed:{mimeType:function(){if(this.mime.length){var e="";return this.mime.forEach(function(a){e+="image/"+a+","}),e.substring(0,e.length-1)}return"image/*"}},methods:{$_emitter:function(e,a){this.$emit(e,this.name,a)},$_openWebWorker:function(e){return new Worker((0,s.functionToUrl)(e))},$_closeWebWorker:function(e){e.terminate()},$_readFile:function(e){var a,t=this,s=1e3*+this.size,d=0;if(window.Worker)a=this.$_openWebWorker(o.default),a.postMessage({files:e.files,size:s,isWebWorker:!0}),a.onmessage=function(s){t.$_onReaderComplete(s.data),d++,d===e.length&&t.$_closeWebWorker(a)};else{var n=(0,o.default)(window);n({files:e.files,size:s,isWebWorker:!1,complete:this.$_onReaderComplete})}},$_cleaeFile:function(){this.inputTmpKey=Date.now()},$_onFileChange:function(e){var a=e.target;if(a.files&&a.files.length){if(this.$_emitter("select"),this.amount&&a.files.length>this.amount)return this.$_emitter("error",{code:"103",msg:d[103]}),void this.$_cleaeFile();this.$_readFile(a)}},$_onReaderComplete:function(e){var a=e.errorCode,s=e.dataUrl;return a?void this.$_emitter("error",{code:a,msg:d[a]}):void(this.$_emitter("complete",{blob:(0,t.dataURItoBlob)(s),dataUrl:s}),this.$_cleaeFile())}}}})})(),e.exports.__esModule&&(e.exports=e.exports.default);var n="function"==typeof e.exports?e.exports.options:e.exports;n.functional&&console.error("[vueify] functional components are not supported and should be defined in plain js files using render functions."),n.render=function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("div",{staticClass:"md-image-reader"},[t("input",{key:e.inputTmpKey,staticClass:"md-image-reader-file",attrs:{type:"file",name:e.name,accept:e.mimeType,capture:e.isCameraOnly,multiple:e.isMultiple},on:{change:e.$_onFileChange}})])},n.staticRenderFns=[],!1},nWBe:function(e,a,t){"use strict";var s=t("dDeO")},oAqH:function(e,a,t){"use strict";var s=t("SgQq")},oCGI:function(e,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var s=t("Ome+"),o=t.n(s);for(var d in s)"default"!==d&&function(e){t.d(a,e,function(){return s[e]})}(d);var n=t("lwwV"),l=t("VU/8"),r=l(o.a,n.a,!1,null,null,null);a["default"]=r.exports},sKD6:function(e,a,t){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function o(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}Object.defineProperty(a,"__esModule",{value:!0});var d,n=t("TjX1"),l=s(n),r=t("m9ZQ"),i=s(r),p=t("DIBZ"),c=s(p),m=t("CiKk"),A=s(m);a.default={name:"image-reader-demo",title:"\u56FE\u7247\u9009\u62E9\u5E76\u8F74\u5411\u4FEE\u6B63\uFF0C\u538B\u7F29\u5904\u7406",describe:"width: 200 height: 200 quality: 0.1",components:(d={},o(d,c.default.name,c.default),o(d,i.default.name,i.default),d),data:function(){return{imageList:{reader0:["//img-hxy021.didistatic.com/static/strategymis/insurancePlatform_spu/uploads/27fb7f097ca218d743f816836bc7ea4a","//manhattan.didistatic.com/static/manhattan/insurancePlatform_spu/uploads/c2912793a222eb24b606a582fd849ab7"],reader1:[]}}},methods:{onReaderSelect:function(){l.default.loading("\u56FE\u7247\u8BFB\u53D6\u4E2D...")},onReaderComplete:function(e,a){var t=a.dataUrl,s=this.imageList[e]||[];(0,A.default)({dataUrl:t,width:200,height:200,quality:.1}).then(function(e){var a=e.dataUrl;a&&s.push(a)}),this.$set(this.imageList,e,s),l.default.hide()},onReaderError:function(e){var a=e.msg;l.default.failed(a)},onDeleteImage:function(e,a){var t=this.imageList[e]||[];t.splice(a,1),this.$set(this.imageList,e,t)}}}},"ukR+":function(e,a,t){var s=Math.ceil;(function(e){var a;(function(){function e(e){this.mode=m.MODE_8BIT_BYTE,this.data=e,this.parsedData=[];for(var a=0,t=this.data.length;a<t;a++){var s=[],o=this.data.charCodeAt(a);65536<o?(s[0]=240|(1835008&o)>>>18,s[1]=128|(258048&o)>>>12,s[2]=128|(4032&o)>>>6,s[3]=128|63&o):2048<o?(s[0]=224|(61440&o)>>>12,s[1]=128|(4032&o)>>>6,s[2]=128|63&o):128<o?(s[0]=192|(1984&o)>>>6,s[1]=128|63&o):s[0]=o,this.parsedData.push(s)}this.parsedData=Array.prototype.concat.apply([],this.parsedData),this.parsedData.length!=this.data.length&&(this.parsedData.unshift(191),this.parsedData.unshift(187),this.parsedData.unshift(239))}function t(e,a){this.typeNumber=e,this.errorCorrectLevel=a,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}function o(e,a){if(void 0==e.length)throw new Error(e.length+"/"+a);for(var t=0;t<e.length&&0==e[t];)t++;this.num=Array(e.length-t+a);for(var s=0;s<e.length-t;s++)this.num[s]=e[s+t]}function d(e,a){this.totalCount=e,this.dataCount=a}function n(){this.buffer=[],this.length=0}function l(){var e=!1,a=navigator.userAgent;if(/android/i.test(a)){e=!0;var t=a.toString().match(/android ([0-9]\.[0-9])/i);t&&t[1]&&(e=parseFloat(t[1]))}return e}function r(e,a){for(var t,s=1,o=p(e),d=0,n=C.length;d<=n&&(t=0,a===A.L?t=C[d][0]:a===A.M?t=C[d][1]:a===A.Q?t=C[d][2]:a===A.H?t=C[d][3]:void 0,!(o<=t));d++)s++;if(s>C.length)throw new Error("Too long data");return s}function p(e){var a=encodeURI(e).toString().replace(/\%[0-9a-fA-F]{2}/g,"a");return a.length+(a.length==e?0:3)}var c=Math.floor;e.prototype={getLength:function(){return this.parsedData.length},write:function(e){for(var a=0,t=this.parsedData.length;a<t;a++)e.put(this.parsedData[a],8)}},t.prototype={addData:function(a){var t=new e(a);this.dataList.push(t),this.dataCache=null},isDark:function(e,a){if(0>e||this.moduleCount<=e||0>a||this.moduleCount<=a)throw new Error(e+","+a);return this.modules[e][a]},getModuleCount:function(){return this.moduleCount},make:function(){this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(e,a){this.moduleCount=4*this.typeNumber+17,this.modules=Array(this.moduleCount);for(var s=0;s<this.moduleCount;s++){this.modules[s]=Array(this.moduleCount);for(var o=0;o<this.moduleCount;o++)this.modules[s][o]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(e,a),7<=this.typeNumber&&this.setupTypeNumber(e),null==this.dataCache&&(this.dataCache=t.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,a)},setupPositionProbePattern:function(e,a){for(var t=-1;7>=t;t++)if(!(-1>=e+t||this.moduleCount<=e+t))for(var s=-1;7>=s;s++)-1>=a+s||this.moduleCount<=a+s||(this.modules[e+t][a+s]=!!(0<=t&&6>=t&&(0==s||6==s)||0<=s&&6>=s&&(0==t||6==t)||2<=t&&4>=t&&2<=s&&4>=s))},getBestMaskPattern:function(){for(var e=0,a=0,t=0;8>t;t++){this.makeImpl(!0,t);var s=h.getLostPoint(this);(0==t||e>s)&&(e=s,a=t)}return a},createMovieClip:function(e,a,t){var s=e.createEmptyMovieClip(a,t),o=1;this.make();for(var d,n=0;n<this.modules.length;n++){d=n*o;for(var l=0;l<this.modules[n].length;l++){var r=l*o,i=this.modules[n][l];i&&(s.beginFill(0,100),s.moveTo(r,d),s.lineTo(r+o,d),s.lineTo(r+o,d+o),s.lineTo(r,d+o),s.endFill())}}return s},setupTimingPattern:function(){for(var e=8;e<this.moduleCount-8;e++)null==this.modules[e][6]&&(this.modules[e][6]=0==e%2);for(var a=8;a<this.moduleCount-8;a++)null==this.modules[6][a]&&(this.modules[6][a]=0==a%2)},setupPositionAdjustPattern:function(){for(var e=h.getPatternPosition(this.typeNumber),a=0;a<e.length;a++)for(var t=0;t<e.length;t++){var s=e[a],o=e[t];if(null==this.modules[s][o])for(var d=-2;2>=d;d++)for(var n=-2;2>=n;n++)this.modules[s+d][o+n]=-2==d||2==d||-2==n||2==n||0==d&&0==n}},setupTypeNumber:function(e){for(var a,t=h.getBCHTypeNumber(this.typeNumber),s=0;18>s;s++)a=!e&&1==(1&t>>s),this.modules[c(s/3)][s%3+this.moduleCount-8-3]=a;for(var a,s=0;18>s;s++)a=!e&&1==(1&t>>s),this.modules[s%3+this.moduleCount-8-3][c(s/3)]=a},setupTypeInfo:function(e,a){for(var t,s=this.errorCorrectLevel<<3|a,o=h.getBCHTypeInfo(s),d=0;15>d;d++)t=!e&&1==(1&o>>d),6>d?this.modules[d][8]=t:8>d?this.modules[d+1][8]=t:this.modules[this.moduleCount-15+d][8]=t;for(var t,d=0;15>d;d++)t=!e&&1==(1&o>>d),8>d?this.modules[8][this.moduleCount-d-1]=t:9>d?this.modules[8][15-d-1+1]=t:this.modules[8][15-d-1]=t;this.modules[this.moduleCount-8][8]=!e},mapData:function(e,a){for(var t=-1,s=this.moduleCount-1,o=7,d=0,n=this.moduleCount-1;0<n;n-=2)for(6==n&&n--;;){for(var l=0;2>l;l++)if(null==this.modules[s][n-l]){var r=!1;d<e.length&&(r=1==(1&e[d]>>>o));var i=h.getMask(a,s,n-l);i&&(r=!r),this.modules[s][n-l]=r,o--,-1==o&&(d++,o=7)}if(s+=t,0>s||this.moduleCount<=s){s-=t,t=-t;break}}}},t.PAD0=236,t.PAD1=17,t.createData=function(e,a,s){for(var o,l=d.getRSBlocks(e,a),r=new n,p=0;p<s.length;p++)o=s[p],r.put(o.mode,4),r.put(o.getLength(),h.getLengthInBits(o.mode,e)),o.write(r);for(var i=0,p=0;p<l.length;p++)i+=l[p].dataCount;if(r.getLengthInBits()>8*i)throw new Error("code length overflow. ("+r.getLengthInBits()+">"+8*i+")");for(r.getLengthInBits()+4<=8*i&&r.put(0,4);0!=r.getLengthInBits()%8;)r.putBit(!1);for(;!(r.getLengthInBits()>=8*i)&&(r.put(t.PAD0,8),!(r.getLengthInBits()>=8*i));)r.put(t.PAD1,8);return t.createBytes(r,l)},t.createBytes=function(e,a){for(var t=Math.max,s=0,d=0,n=0,l=Array(a.length),p=Array(a.length),c=0;c<a.length;c++){var r=a[c].dataCount,m=a[c].totalCount-r;d=t(d,r),n=t(n,m),l[c]=Array(r);for(var A=0;A<l[c].length;A++)l[c][A]=255&e.buffer[A+s];s+=r;var i=h.getErrorCorrectPolynomial(m),g=new o(l[c],i.getLength()-1),f=g.mod(i);p[c]=Array(i.getLength()-1);for(var u,A=0;A<p[c].length;A++)u=A+f.getLength()-p[c].length,p[c][A]=0<=u?f.get(u):0}for(var C=0,A=0;A<a.length;A++)C+=a[A].totalCount;for(var b=Array(C),B=0,A=0;A<d;A++)for(var c=0;c<a.length;c++)A<l[c].length&&(b[B++]=l[c][A]);for(var A=0;A<n;A++)for(var c=0;c<a.length;c++)A<p[c].length&&(b[B++]=p[c][A]);return b};for(var m={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},A={L:1,M:0,Q:3,H:2},g={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7},h={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(e){for(var a=e<<10;0<=h.getBCHDigit(a)-h.getBCHDigit(h.G15);)a^=h.G15<<h.getBCHDigit(a)-h.getBCHDigit(h.G15);return(e<<10|a)^h.G15_MASK},getBCHTypeNumber:function(e){for(var a=e<<12;0<=h.getBCHDigit(a)-h.getBCHDigit(h.G18);)a^=h.G18<<h.getBCHDigit(a)-h.getBCHDigit(h.G18);return e<<12|a},getBCHDigit:function(e){for(var a=0;0!=e;)a++,e>>>=1;return a},getPatternPosition:function(e){return h.PATTERN_POSITION_TABLE[e-1]},getMask:function(e,a,t){switch(e){case g.PATTERN000:return 0==(a+t)%2;case g.PATTERN001:return 0==a%2;case g.PATTERN010:return 0==t%3;case g.PATTERN011:return 0==(a+t)%3;case g.PATTERN100:return 0==(c(a/2)+c(t/3))%2;case g.PATTERN101:return 0==a*t%2+a*t%3;case g.PATTERN110:return 0==(a*t%2+a*t%3)%2;case g.PATTERN111:return 0==(a*t%3+(a+t)%2)%2;default:throw new Error("bad maskPattern:"+e);}},getErrorCorrectPolynomial:function(e){for(var t=new o([1],0),a=0;a<e;a++)t=t.multiply(new o([1,f.gexp(a)],0));return t},getLengthInBits:function(e,a){if(1<=a&&10>a)switch(e){case m.MODE_NUMBER:return 10;case m.MODE_ALPHA_NUM:return 9;case m.MODE_8BIT_BYTE:return 8;case m.MODE_KANJI:return 8;default:throw new Error("mode:"+e);}else if(27>a)switch(e){case m.MODE_NUMBER:return 12;case m.MODE_ALPHA_NUM:return 11;case m.MODE_8BIT_BYTE:return 16;case m.MODE_KANJI:return 10;default:throw new Error("mode:"+e);}else if(41>a)switch(e){case m.MODE_NUMBER:return 14;case m.MODE_ALPHA_NUM:return 13;case m.MODE_8BIT_BYTE:return 16;case m.MODE_KANJI:return 12;default:throw new Error("mode:"+e);}else throw new Error("type:"+a)},getLostPoint:function(e){for(var a=e.getModuleCount(),t=0,s=0;s<a;s++)for(var o=0;o<a;o++){for(var d=0,n=e.isDark(s,o),l=-1;1>=l;l++)if(!(0>s+l||a<=s+l))for(var r=-1;1>=r;r++)0>o+r||a<=o+r||(0!=l||0!=r)&&n==e.isDark(s+l,o+r)&&d++;5<d&&(t+=3+d-5)}for(var s=0;s<a-1;s++)for(var i,o=0;o<a-1;o++)i=0,e.isDark(s,o)&&i++,e.isDark(s+1,o)&&i++,e.isDark(s,o+1)&&i++,e.isDark(s+1,o+1)&&i++,(0==i||4==i)&&(t+=3);for(var s=0;s<a;s++)for(var o=0;o<a-6;o++)e.isDark(s,o)&&!e.isDark(s,o+1)&&e.isDark(s,o+2)&&e.isDark(s,o+3)&&e.isDark(s,o+4)&&!e.isDark(s,o+5)&&e.isDark(s,o+6)&&(t+=40);for(var o=0;o<a;o++)for(var s=0;s<a-6;s++)e.isDark(s,o)&&!e.isDark(s+1,o)&&e.isDark(s+2,o)&&e.isDark(s+3,o)&&e.isDark(s+4,o)&&!e.isDark(s+5,o)&&e.isDark(s+6,o)&&(t+=40);for(var p=0,o=0;o<a;o++)for(var s=0;s<a;s++)e.isDark(s,o)&&p++;var c=Math.abs(100*p/a/a-50)/5;return t+=10*c,t}},f={glog:function(e){if(1>e)throw new Error("glog("+e+")");return f.LOG_TABLE[e]},gexp:function(e){for(;0>e;)e+=255;for(;256<=e;)e-=255;return f.EXP_TABLE[e]},EXP_TABLE:Array(256),LOG_TABLE:Array(256)},u=0;8>u;u++)f.EXP_TABLE[u]=1<<u;for(var u=8;256>u;u++)f.EXP_TABLE[u]=f.EXP_TABLE[u-4]^f.EXP_TABLE[u-5]^f.EXP_TABLE[u-6]^f.EXP_TABLE[u-8];for(var u=0;255>u;u++)f.LOG_TABLE[f.EXP_TABLE[u]]=u;o.prototype={get:function(e){return this.num[e]},getLength:function(){return this.num.length},multiply:function(a){for(var e=Array(this.getLength()+a.getLength()-1),t=0;t<this.getLength();t++)for(var s=0;s<a.getLength();s++)e[t+s]^=f.gexp(f.glog(this.get(t))+f.glog(a.get(s)));return new o(e,0)},mod:function(a){if(0>this.getLength()-a.getLength())return this;for(var e=f.glog(this.get(0))-f.glog(a.get(0)),t=Array(this.getLength()),s=0;s<this.getLength();s++)t[s]=this.get(s);for(var s=0;s<a.getLength();s++)t[s]^=f.gexp(f.glog(a.get(s))+e);return new o(t,0).mod(a)}},d.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],d.getRSBlocks=function(e,a){var t=d.getRsBlockTable(e,a);if(void 0==t)throw new Error("bad rs block @ typeNumber:"+e+"/errorCorrectLevel:"+a);for(var s=t.length/3,o=[],n=0;n<s;n++)for(var l=t[3*n+0],r=t[3*n+1],i=t[3*n+2],p=0;p<l;p++)o.push(new d(r,i));return o},d.getRsBlockTable=function(e,a){return a===A.L?d.RS_BLOCK_TABLE[4*(e-1)+0]:a===A.M?d.RS_BLOCK_TABLE[4*(e-1)+1]:a===A.Q?d.RS_BLOCK_TABLE[4*(e-1)+2]:a===A.H?d.RS_BLOCK_TABLE[4*(e-1)+3]:void 0},n.prototype={get:function(e){var a=c(e/8);return 1==(1&this.buffer[a]>>>7-e%8)},put:function(e,a){for(var t=0;t<a;t++)this.putBit(1==(1&e>>>a-t-1))},getLengthInBits:function(){return this.length},putBit:function(e){var a=c(this.length/8);this.buffer.length<=a&&this.buffer.push(0),e&&(this.buffer[a]|=128>>>this.length%8),this.length++}};var C=[[17,14,11,7],[32,26,20,14],[53,42,32,24],[78,62,46,34],[106,84,60,44],[134,106,74,58],[154,122,86,64],[192,152,108,84],[230,180,130,98],[271,213,151,119],[321,251,177,137],[367,287,203,155],[425,331,241,177],[458,362,258,194],[520,412,292,220],[586,450,322,250],[644,504,364,280],[718,560,394,310],[792,624,442,338],[858,666,482,382],[929,711,509,403],[1003,779,565,439],[1091,857,611,461],[1171,911,661,511],[1273,997,715,535],[1367,1059,751,593],[1465,1125,805,625],[1528,1190,868,658],[1628,1264,908,698],[1732,1370,982,742],[1840,1452,1030,790],[1952,1538,1112,842],[2068,1628,1168,898],[2188,1722,1228,958],[2303,1809,1283,983],[2431,1911,1351,1051],[2563,1989,1423,1093],[2699,2099,1499,1139],[2809,2213,1579,1219],[2953,2331,1663,1273]],b=function(){var e=function(e,a){this._el=e,this._htOption=a};return e.prototype.draw=function(e){function a(e,a){var t=document.createElementNS("http://www.w3.org/2000/svg",e);for(var s in a)a.hasOwnProperty(s)&&t.setAttribute(s,a[s]);return t}var t=this._htOption,s=this._el,o=e.getModuleCount(),d=c(t.width/o),n=c(t.height/o);this.clear();var l=a("svg",{viewBox:"0 0 "+(o+" ")+(o+""),width:"100%",height:"100%",fill:t.colorLight});l.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink"),s.appendChild(l),l.appendChild(a("rect",{fill:t.colorLight,width:"100%",height:"100%"})),l.appendChild(a("rect",{fill:t.colorDark,width:"1",height:"1",id:"template"}));for(var r=0;r<o;r++)for(var i=0;i<o;i++)if(e.isDark(r,i)){var p=a("use",{x:r+"",y:i+""});p.setAttributeNS("http://www.w3.org/1999/xlink","href","#template"),l.appendChild(p)}},e.prototype.clear=function(){for(;this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild)},e}(),i="svg"===document.documentElement.tagName.toLowerCase(),B=i?b:function(){return"undefined"!=typeof CanvasRenderingContext2D}()?function(){function e(){this._elImage.src=this._elCanvas.toDataURL("image/png"),this._elImage.style.setProperty("display","block","important"),this._elCanvas.style.setProperty("display","none","important")}function a(e,a){var t=this;if(t._fFail=a,t._fSuccess=e,null===t._bSupportDataURI){var s=document.createElement("img"),o=function(){t._bSupportDataURI=!1,t._fFail&&t._fFail.call(t)},d=function(){t._bSupportDataURI=!0,t._fSuccess&&t._fSuccess.call(t)};return s.onabort=o,s.onerror=o,s.onload=d,void(s.src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==")}!0===t._bSupportDataURI&&t._fSuccess?t._fSuccess.call(t):!1===t._bSupportDataURI&&t._fFail&&t._fFail.call(t)}if(this._android&&2.1>=this._android){var t=1/window.devicePixelRatio,o=CanvasRenderingContext2D.prototype.drawImage;CanvasRenderingContext2D.prototype.drawImage=function(e,a,s,d,n,l,r,p){if("nodeName"in e&&/img/i.test(e.nodeName))for(var c=arguments.length-1;1<=c;c--)arguments[c]*=t;else"undefined"==typeof p&&(arguments[1]*=t,arguments[2]*=t,arguments[3]*=t,arguments[4]*=t);o.apply(this,arguments)}}var d=function(e,a){this._bIsPainted=!1,this._android=l(),this._htOption=a,this._elCanvas=document.createElement("canvas"),this._elCanvas.width=a.width,this._elCanvas.height=a.height,e.appendChild(this._elCanvas),this._el=e,this._oContext=this._elCanvas.getContext("2d"),this._bIsPainted=!1,this._elImage=document.createElement("img"),this._elImage.alt="Scan me!",this._elImage.style.setProperty("display","none","important"),this._el.appendChild(this._elImage),this._bSupportDataURI=null};return d.prototype.draw=function(e){var a=Math.round,t=this._elImage,o=this._oContext,d=this._htOption,n=e.getModuleCount(),l=d.width/n,r=d.height/n,i=a(l),p=a(r);t.style.setProperty("display","none","important"),this.clear();for(var m=0;m<n;m++)for(var A=0;A<n;A++){var g=e.isDark(m,A),h=A*l,f=m*r;o.strokeStyle=g?d.colorDark:d.colorLight,o.lineWidth=1,o.fillStyle=g?d.colorDark:d.colorLight,o.fillRect(h,f,l,r),o.strokeRect(c(h)+.5,c(f)+.5,i,p),o.strokeRect(s(h)-.5,s(f)-.5,i,p)}this._bIsPainted=!0},d.prototype.makeImage=function(){this._bIsPainted&&a.call(this,e)},d.prototype.isPainted=function(){return this._bIsPainted},d.prototype.clear=function(){this._oContext.clearRect(0,0,this._elCanvas.width,this._elCanvas.height),this._bIsPainted=!1},d.prototype.round=function(e){return e?c(1e3*e)/1e3:e},d}():function(){var e=function(e,a){this._el=e,this._htOption=a};return e.prototype.draw=function(e){for(var a=this._htOption,t=this._el,s=e.getModuleCount(),o=c(a.width/s),d=c(a.height/s),n=["<table style=\"border:0;border-collapse:collapse;\">"],l=0;l<s;l++){n.push("<tr>");for(var r=0;r<s;r++)n.push("<td style=\"border:0;border-collapse:collapse;padding:0;margin:0;width:"+o+"px;height:"+d+"px;background-color:"+(e.isDark(l,r)?a.colorDark:a.colorLight)+";\"></td>");n.push("</tr>")}n.push("</table>"),t.innerHTML=n.join("");var i=t.childNodes[0],p=(a.width-i.offsetWidth)/2,m=(a.height-i.offsetHeight)/2;0<p&&0<m&&(i.style.margin=m+"px "+p+"px")},e.prototype.clear=function(){this._el.innerHTML=""},e}();a=function(e,a){if(this._htOption={width:256,height:256,typeNumber:4,colorDark:"#000000",colorLight:"#ffffff",correctLevel:A.H},"string"==typeof a&&(a={text:a}),a)for(var t in a)this._htOption[t]=a[t];"string"==typeof e&&(e=document.getElementById(e)),this._htOption.useSVG&&(B=b),this._android=l(),this._el=e,this._oQRCode=null,this._oDrawing=new B(this._el,this._htOption),this._htOption.text&&this.makeCode(this._htOption.text)},a.prototype.makeCode=function(e){this._oQRCode=new t(r(e,this._htOption.correctLevel),this._htOption.correctLevel),this._oQRCode.addData(e),this._oQRCode.make(),this._el.title=e,this._oDrawing.draw(this._oQRCode),this.makeImage()},a.prototype.makeImage=function(){"function"==typeof this._oDrawing.makeImage&&(!this._android||3<=this._android)&&this._oDrawing.makeImage()},a.prototype.clear=function(){this._oDrawing.clear()},a.CorrectLevel=A})(),e&&e.exports&&(e.exports=a)}).call(a,t("3IRH")(e))},"v+SD":function(e,a,t){a=e.exports=t("FZ+f")(!0),a.push([e.i,".md-example-child-reader .image-reader-list[data-v-15040aa7]{float:left;width:100%}.md-example-child-reader .image-reader-list .image-reader-item[data-v-15040aa7]{float:left;width:23.5%;padding-bottom:23.5%;margin-bottom:2%;margin-right:2%;background:#fff;box-sizing:border-box;list-style:none;border-radius:4px;position:relative;background-size:cover}.md-example-child-reader .image-reader-list .image-reader-item[data-v-15040aa7]:after{content:\"\";position:absolute;top:0;left:0;width:200%;height:200%;border:2px solid #d9d9d9;box-sizing:border-box;transform-origin:0 0;transform:scale(.5);z-index:2}.md-example-child-reader .image-reader-list .image-reader-item[data-v-15040aa7]:nth-of-type(4n){margin-right:0}.md-example-child-reader .image-reader-list .image-reader-item.add .md-icon[data-v-15040aa7]{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);opacity:.5}.md-example-child-reader .image-reader-list .image-reader-item.add p[data-v-15040aa7]{position:absolute;top:50%;left:0;width:100%;margin-top:15px;font-size:20px;color:#ccc;text-align:center}.md-example-child-reader .image-reader-list .image-reader-item .image-reader-item-del[data-v-15040aa7]{position:absolute;top:5px;right:5px;z-index:3;background:#eee;border-radius:50%}","",{version:3,sources:["/Users/didi/workspace/mand-mobile/site/public/docs/components/basic/image-reader/demo1.vue"],names:[],mappings:"AACA,6DACE,WAAY,AACZ,UAAY,CACb,AACD,gFAEE,WAAY,AACZ,YAAa,AACb,qBAAsB,AACtB,iBAAkB,AAClB,gBAAiB,AACjB,gBAAiB,AACjB,sBAAuB,AACvB,gBAAiB,AACjB,kBAAmB,AACnB,kBAAmB,AACnB,qBAAuB,CACxB,AACD,sFACE,WAAY,AACZ,kBAAmB,AACnB,MAAO,AACP,OAAQ,AACR,WAAY,AACZ,YAAa,AACb,yBAA0B,AAC1B,sBAAuB,AACvB,qBAAsB,AACtB,oBAAsB,AACtB,SAAW,CACZ,AACD,gGACE,cAAgB,CACjB,AACD,6FACE,kBAAmB,AACnB,QAAS,AACT,SAAU,AACV,+BAAiC,AACjC,UAAa,CACd,AACD,sFACE,kBAAmB,AACnB,QAAS,AACT,OAAQ,AACR,WAAY,AACZ,gBAAiB,AACjB,eAAgB,AAChB,WAAY,AACZ,iBAAmB,CACpB,AACD,uGACE,kBAAmB,AACnB,QAAS,AACT,UAAW,AACX,UAAW,AACX,gBAAiB,AACjB,iBAAmB,CACpB",file:"demo1.vue",sourcesContent:["\n.md-example-child-reader .image-reader-list[data-v-15040aa7] {\n float: left;\n width: 100%;\n}\n.md-example-child-reader .image-reader-list .image-reader-item[data-v-15040aa7] {\n position: relative;\n float: left;\n width: 23.5%;\n padding-bottom: 23.5%;\n margin-bottom: 2%;\n margin-right: 2%;\n background: #fff;\n box-sizing: border-box;\n list-style: none;\n border-radius: 4px;\n position: relative;\n background-size: cover;\n}\n.md-example-child-reader .image-reader-list .image-reader-item[data-v-15040aa7]::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 200%;\n height: 200%;\n border: solid 2px #d9d9d9;\n box-sizing: border-box;\n transform-origin: 0 0;\n transform: scale(0.5);\n z-index: 2;\n}\n.md-example-child-reader .image-reader-list .image-reader-item[data-v-15040aa7]:nth-of-type(4n) {\n margin-right: 0;\n}\n.md-example-child-reader .image-reader-list .image-reader-item.add .md-icon[data-v-15040aa7] {\n position: absolute;\n top: 40%;\n left: 50%;\n transform: translate(-50%, -50%);\n opacity: 0.5;\n}\n.md-example-child-reader .image-reader-list .image-reader-item.add p[data-v-15040aa7] {\n position: absolute;\n top: 50%;\n left: 0;\n width: 100%;\n margin-top: 15px;\n font-size: 20px;\n color: #ccc;\n text-align: center;\n}\n.md-example-child-reader .image-reader-list .image-reader-item .image-reader-item-del[data-v-15040aa7] {\n position: absolute;\n top: 5px;\n right: 5px;\n z-index: 3;\n background: #eee;\n border-radius: 50%;\n}"],sourceRoot:""}])},xnBM:function(e,a){var t,s,o;(function(d,n){s=[a],t=n,o="function"==typeof t?t.apply(a,s):t,!(void 0!==o&&(e.exports=o))})(this,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=e.isProd=!0,t=e.inBrowser="undefined"!=typeof window,s=e.UA=t&&window.navigator.userAgent.toLowerCase(),o=e.isAndroid=s&&0<s.indexOf("android"),d=e.isIOS=s&&/iphone|ipad|ipod|ios/.test(s)})},zQxW:function(e,a,t){var s,o,d;(function(){(function(n,l){o=[a,t("Diih"),t("DIBZ"),t("QSlW")],s=l,d="function"==typeof s?s.apply(a,o):s,!(void 0!==d&&(e.exports=d))})(this,function(e,a,t){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function o(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}Object.defineProperty(e,"__esModule",{value:!0});var d,n=s(a),l=s(t);e.default={name:"md-toast",components:(d={},o(d,n.default.name,n.default),o(d,l.default.name,l.default),d),props:{icon:{type:String,default:""},content:{type:String,default:""},duration:{type:Number,default:0},hasMask:{type:Boolean,default:!1}},data:function(){return{visible:!0}},mounted:function(){this.$_update()},updated:function(){this.$_update()},beforeDestroy:function(){this.duration&&clearTimeout(this.$_timer)},methods:{$_update:function(){var e=this;clearTimeout(this.$_timer),this.visible&&this.duration&&(this.$_timer=setTimeout(function(){e.hide()},this.duration))},$_onHide:function(){this.$emit("hide")},hide:function(){this.visible=!1}}}})})(),e.exports.__esModule&&(e.exports=e.exports.default);var n="function"==typeof e.exports?e.exports.options:e.exports;n.functional&&console.error("[vueify] functional components are not supported and should be defined in plain js files using render functions."),n.render=function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("div",{staticClass:"md-toast",class:{"has-icon":e.icon}},[t("md-popup",{attrs:{hasMask:e.hasMask,maskClosable:!1},on:{hide:e.$_onHide},model:{value:e.visible,callback:function(a){e.visible=a},expression:"visible"}},[t("div",{staticClass:"md-toast-content"},[e.icon?t("md-icon",{attrs:{name:e.icon,size:"lg"}}):e._e(),e._v(" "),t("span",{domProps:{textContent:e._s(e.content)}})],1)])],1)},n.staticRenderFns=[],!1}}); |