mand-mobile/docs/static/js/EnUSDocsComponentsBusinessR...

1 line
120 KiB
JavaScript

webpackJsonp([61],{"+DCn":function(e,t,o){"use strict";function a(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}Object.defineProperty(t,"__esModule",{value:!0});var s=o("FrYH"),n=function(e){return e&&e.__esModule?e:{default:e}}(s);t.default={name:"ruler-demo-0",title:"\u57FA\u672C",titleEnUS:"Basic",message:"\u8BF7\u5728\u79FB\u52A8\u8BBE\u5907\u4E2D\u626B\u7801\u9884\u89C8",messageEnUS:"Please scan QR code and preview on mobile device",components:a({},n.default.name,n.default),data:function(){return{value:1e3,scope:[1e3,2e3]}}}},"/7Yj":function(e,t,o){t=e.exports=o("FZ+f")(!0),t.push([e.i,".md-ruler{position:relative;padding:36px 0 20px;width:100%;height:142px;box-sizing:border-box;font-family:DINPro-Medium,DIN Alternate,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\u5FAE\u8F6F\u96C5\u9ED1,Arial,sans-serif}.md-ruler .md-ruler-canvas{width:100%;height:60px}.md-ruler .md-ruler-cursor{z-index:10;position:absolute;top:26px;left:50%;width:2px;height:70px;-webkit-transform:translate(-50%);transform:translate(-50%);background-color:#2f86f6;box-shadow:0 2px 4px #2f86f6}.md-ruler .md-ruler-cursor-bottom{height:40px}.md-ruler .md-ruler-arrow{z-index:10;position:absolute;bottom:25px;left:50%;border-bottom:10px solid #2f86f6;border-left:10px solid transparent;border-right:10px solid transparent;-webkit-transform:translate(-50%);transform:translate(-50%)}","",{version:3,sources:["/Users/huangbingcheng/Work/Code/mand-mobile/site/node_modules/mand-mobile/lib/ruler/style/index.css"],names:[],mappings:"AAAA,UAAU,kBAAkB,oBAAoB,WAAW,aAAa,sBAAsB,mIAAmI,CAAC,2BAA2B,WAAW,WAAW,CAAC,2BAA2B,WAAW,kBAAkB,SAAS,SAAS,UAAU,YAAY,kCAAkC,0BAA0B,yBAAyB,4BAA4B,CAAC,kCAAkC,WAAW,CAAC,0BAA0B,WAAW,kBAAkB,YAAY,SAAS,iCAAiC,mCAAmC,oCAAoC,kCAAkC,yBAAyB,CAAC",file:"index.css",sourcesContent:[".md-ruler{position:relative;padding:36px 0 20px;width:100%;height:142px;box-sizing:border-box;font-family:DINPro-Medium,DIN Alternate,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\u5FAE\u8F6F\u96C5\u9ED1,Arial,sans-serif}.md-ruler .md-ruler-canvas{width:100%;height:60px}.md-ruler .md-ruler-cursor{z-index:10;position:absolute;top:26px;left:50%;width:2px;height:70px;-webkit-transform:translate(-50%);transform:translate(-50%);background-color:#2f86f6;box-shadow:0 2px 4px #2f86f6}.md-ruler .md-ruler-cursor-bottom{height:40px}.md-ruler .md-ruler-arrow{z-index:10;position:absolute;bottom:25px;left:50%;border-bottom:10px solid #2f86f6;border-left:10px solid transparent;border-right:10px solid transparent;-webkit-transform:translate(-50%);transform:translate(-50%)}"],sourceRoot:""}])},"/AJx":function(e,t,o){var a,s,n;(function(l,i){s=[t,o("xnBM")],a=i,n="function"==typeof a?a.apply(t,s):a,!(void 0!==n&&(e.exports=n))})(this,function(e,t){"use strict";function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(e,"__esModule",{value:!0}),e.dom=e.mdBody=e.mdDocument=void 0;var a=function(){function e(e,t){for(var o,a=0;a<t.length;a++)o=t[a],o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,o,a){return o&&e(t.prototype,o),a&&e(t,a),t}}(),s=function(){function e(){o(this,e)}return a(e,[{key:"appendChild",value:function(){}},{key:"removeChild",value:function(){}},{key:"querySelector",value:function(){}},{key:"addEventListener",value:function(){}},{key:"removeEventListener",value:function(){}}]),e}(),n=new s,l=n,i=n;l.body=i,t.inBrowser&&(e.mdDocument=l=window.document,e.mdBody=i=document.body),e.mdDocument=l,e.mdBody=i,e.dom=n})},"/aar":function(e,t,o){t=e.exports=o("FZ+f")(!0),t.push([e.i,".default-doc-demo{margin-bottom:20px}.default-doc-demo .doc-demo-box-info{padding:15px}.default-doc-demo .doc-demo-box-info .doc-demo-title{display:flex;align-items:center;font-size:14px;font-weight:500}.default-doc-demo .doc-demo-box-info .doc-demo-describe{margin-top:10px;color:#999;font-size:14px;font-weight:400}.default-doc-demo .doc-demo-box-info .doc-demo-message{display:inline-block;width:100%;box-sizing:border-box;border-left:.3em solid #2f86f6;padding:1em;margin-left:0;margin-top:10px;background:rgba(252,145,83,.05);border-radius:4px;font-weight:400}.doc-demo-box{position:relative;padding-bottom:24px;border:1px solid #efefef;border-radius:2px;transition:all .3s;overflow:hidden}.doc-demo-box:hover .doc-demo-box-toggle span{transform:translateX(0)}.doc-demo-box.active .doc-demo-box-code,.doc-demo-box.active .doc-demo-box-toggle{display:block}.demo-codesandbox{width:16px;height:16px;background:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAsCAMAAAAgsQpJAAAAh1BMVEUAAADMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMwrRDr0AAAALHRSTlMA++Lla1M79+mNGhII793RXTIM2cXCn30grqV0SikjA764smVF81jHhZeVkzsH/ogAAAG8SURBVDjLnZTZloIwDECDsssiIIuioAIuY/7/+wZbUoVWnDP3iQO3TZOGgIx7Siv4TuxoiNrPCuapdRsZXenNefsEBYvLR83c4Ihwr9SKHUqcD4ocUEnmjr3SR0RNZVo3DwSXgGtWmqVCcOgotk45hMhJMtODiGd0X70lFxi9Vm2Rb7fcXniVjQBPQxLrBXLSCIJnGET/VBbiDlsPiFwbNgWfbXh1IlDjZky1YckP3IAair5g4nNN0qq0NmGfSSxYQkcpenTEnm0hRKrErpDvdGMCCPEVxBF9uHLYgfYAExHq5tmKPu9DT/fZndQwFjnxzRr60AjYLccAU5HiZay5ttQ3siiojsg4HgBmROqR0AT4KkKDaIBaHK/Xp6JLIv0bajF2LBKp0kqRVZeLHKusFWIbIAqRWMtifcW/iZD+Q7RnRTFkluDPiPUhwAEfjAU9b9yJ6DY7jSL3b7y8Q46Wv4urvUPn73KP1/5BC5drEr0oDxE1DcfjtzjjwNVkYqWfesdi11tJPxxnlyM+Mn/QUlMeyyEKbBb148zVqaZMo3mnIi67l2blMXzGdagAdxdmoHlJA3KeKExMkPgFSQZ1ZV06NgQAAAAASUVORK5CYII=\") no-repeat;background-size:contain}.demo-codesandbox a{float:left;width:100%;height:100%;margin:0}.doc-demo-box-preview{position:relative;float:left;width:100%;padding:10px 0;box-sizing:border-box;border-top:1px solid #ebebeb;background:#f9fafb}.doc-demo-box-preview .doc-demo-box-preview-box{position:relative;width:100%;max-width:450px;margin:0 auto;overflow:hidden}.doc-demo-box-preview .doc-demo-box-preview-box .md-example-child{zoom:.6}.doc-demo-box-preview .doc-demo-box-preview-box ul>li{list-style:none!important}.doc-demo-box-code{position:relative;display:none;width:100%;overflow:hidden;box-sizing:border-box;border-top:1px dashed #ebebeb}.doc-demo-box-code pre{margin-bottom:0;padding-bottom:0;background:#fff;transition:all .3s}.doc-demo-box-code pre code:after{left:5px;right:auto!important}.doc-demo-box-toggle{position:absolute;bottom:0;left:0;right:0;z-index:1102;width:100%;height:24px;border-top:1px solid #ebebeb;cursor:pointer;text-align:center;line-height:24px;font-size:12px;color:#ccc;transition:background .3s;background:#fff;overflow:hidden}.doc-demo-box-toggle i{font-size:24px;line-height:24px}.doc-demo-box-toggle span{position:absolute;top:0;right:20px;transform:translateX(200%);transition:transform .3s ease-in-out;font-weight:500}.doc-demo-box-toggle:hover{background:#fafafa;i:,span;color:#256fa3}.doc-demo-box-toggle.is-stricky{position:fixed;bottom:0}.doc-demo-box-code-operate{position:absolute;top:0;right:0;z-index:100;padding:10px 0;cursor:pointer}.doc-demo-box-code-operate i{float:right;margin-right:10px;font-size:16px;color:#ccc;transition:all .3s}.doc-demo-box-code-operate i:active,.doc-demo-box-code-operate i:focus,.doc-demo-box-code-operate i:visited{box-shadow:none;outline:none}@media (max-width:1500px){.doc-demo-box-preview-box{max-width:400px!important}.doc-demo-box-preview-box .md-example-child{zoom:.533!important}}@media (max-width:1200px){.doc-demo-box-preview-box{max-width:350px!important}.doc-demo-box-preview-box .md-example-child{zoom:.467!important}}@media (max-width:1000px){.doc-demo-box-preview-box{width:100%!important}.doc-demo-box-code{position:static;float:left;width:100%;border-left:none!important}}","",{version:3,sources:["/Users/huangbingcheng/Work/Code/mand-mobile/site/theme/default/components/Demo.vue"],names:[],mappings:"AACA,kBACE,kBAAoB,CACrB,AACD,qCACE,YAAc,CACf,AACD,qDACE,aAAc,AACd,mBAAoB,AACpB,eAAgB,AAChB,eAAiB,CAClB,AACD,wDACE,gBAAiB,AACjB,WAAY,AACZ,eAAgB,AAChB,eAAiB,CAClB,AACD,uDACE,qBAAsB,AACtB,WAAY,AACZ,sBAAuB,AACvB,+BAAiC,AACjC,YAAa,AACb,cAAe,AACf,gBAAiB,AACjB,gCAAkC,AAClC,kBAAmB,AACnB,eAAiB,CAClB,AACD,cACE,kBAAmB,AACnB,oBAAqB,AACrB,yBAA0B,AAC1B,kBAAmB,AACnB,mBAAqB,AACrB,eAAiB,CAClB,AACD,8CACE,uBAAyB,CAC1B,AACD,kFAEE,aAAe,CAChB,AACD,kBACE,WAAY,AACZ,YAAa,AACb,+9BAAg+B,AACh+B,uBAAyB,CAC1B,AACD,oBACE,WAAY,AACZ,WAAY,AACZ,YAAa,AACb,QAAU,CACX,AACD,sBACE,kBAAmB,AACnB,WAAY,AACZ,WAAY,AACZ,eAAgB,AAChB,sBAAuB,AACvB,6BAA8B,AAC9B,kBAAoB,CACrB,AACD,gDACE,kBAAmB,AACnB,WAAY,AACZ,gBAAiB,AACjB,cAAe,AACf,eAAiB,CAClB,AACD,kEACE,OAAU,CACX,AACD,sDACE,yBAA4B,CAC7B,AACD,mBACE,kBAAmB,AACnB,aAAc,AACd,WAAY,AACZ,gBAAiB,AACjB,sBAAuB,AACvB,6BAA+B,CAChC,AACD,uBACE,gBAAiB,AACjB,iBAAkB,AAClB,gBAAiB,AACjB,kBAAqB,CACtB,AACD,kCACE,SAAU,AACV,oBAAuB,CACxB,AACD,qBACE,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,uBACE,eAAgB,AAChB,gBAAkB,CACnB,AACD,0BACE,kBAAmB,AACnB,MAAO,AACP,WAAY,AACZ,2BAA4B,AAC5B,qCAAuC,AACvC,eAAiB,CAClB,AACD,2BACE,mBAAoB,AACpB,QAAU,AACV,aAAe,CAChB,AACD,gCACE,eAAgB,AAChB,QAAU,CACX,AACD,2BACE,kBAAmB,AACnB,MAAO,AACP,QAAS,AACT,YAAa,AACb,eAAgB,AAChB,cAAgB,CACjB,AACD,6BACE,YAAa,AACb,kBAAmB,AACnB,eAAgB,AAChB,WAAY,AACZ,kBAAqB,CACtB,AACD,4GAGE,gBAAiB,AACjB,YAAc,CACf,AACD,0BACA,0BACI,yBAA4B,CAC/B,AACD,4CACI,mBAAuB,CAC1B,CACA,AACD,0BACA,0BACI,yBAA4B,CAC/B,AACD,4CACI,mBAAuB,CAC1B,CACA,AACD,0BACA,0BACI,oBAAuB,CAC1B,AACD,mBACI,gBAAiB,AACjB,WAAY,AACZ,WAAY,AACZ,0BAA6B,CAChC,CACA",file:"Demo.vue",sourcesContent:["\n.default-doc-demo {\n margin-bottom: 20px;\n}\n.default-doc-demo .doc-demo-box-info {\n padding: 15px;\n}\n.default-doc-demo .doc-demo-box-info .doc-demo-title {\n display: flex;\n align-items: center;\n font-size: 14px;\n font-weight: 500;\n}\n.default-doc-demo .doc-demo-box-info .doc-demo-describe {\n margin-top: 10px;\n color: #999;\n font-size: 14px;\n font-weight: 400;\n}\n.default-doc-demo .doc-demo-box-info .doc-demo-message {\n display: inline-block;\n width: 100%;\n box-sizing: border-box;\n border-left: 0.3em solid #2f86f6;\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.doc-demo-box {\n position: relative;\n padding-bottom: 24px;\n border: solid 1px #efefef;\n border-radius: 2px;\n transition: all 0.3s;\n overflow: hidden;\n}\n.doc-demo-box:hover .doc-demo-box-toggle span {\n transform: translateX(0);\n}\n.doc-demo-box.active .doc-demo-box-code,\n.doc-demo-box.active .doc-demo-box-toggle {\n display: block;\n}\n.demo-codesandbox {\n width: 16px;\n height: 16px;\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAsCAMAAAAgsQpJAAAAh1BMVEUAAADMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMwrRDr0AAAALHRSTlMA++Lla1M79+mNGhII793RXTIM2cXCn30grqV0SikjA764smVF81jHhZeVkzsH/ogAAAG8SURBVDjLnZTZloIwDECDsssiIIuioAIuY/7/+wZbUoVWnDP3iQO3TZOGgIx7Siv4TuxoiNrPCuapdRsZXenNefsEBYvLR83c4Ihwr9SKHUqcD4ocUEnmjr3SR0RNZVo3DwSXgGtWmqVCcOgotk45hMhJMtODiGd0X70lFxi9Vm2Rb7fcXniVjQBPQxLrBXLSCIJnGET/VBbiDlsPiFwbNgWfbXh1IlDjZky1YckP3IAair5g4nNN0qq0NmGfSSxYQkcpenTEnm0hRKrErpDvdGMCCPEVxBF9uHLYgfYAExHq5tmKPu9DT/fZndQwFjnxzRr60AjYLccAU5HiZay5ttQ3siiojsg4HgBmROqR0AT4KkKDaIBaHK/Xp6JLIv0bajF2LBKp0kqRVZeLHKusFWIbIAqRWMtifcW/iZD+Q7RnRTFkluDPiPUhwAEfjAU9b9yJ6DY7jSL3b7y8Q46Wv4urvUPn73KP1/5BC5drEr0oDxE1DcfjtzjjwNVkYqWfesdi11tJPxxnlyM+Mn/QUlMeyyEKbBb148zVqaZMo3mnIi67l2blMXzGdagAdxdmoHlJA3KeKExMkPgFSQZ1ZV06NgQAAAAASUVORK5CYII=\") no-repeat;\n background-size: contain;\n}\n.demo-codesandbox a {\n float: left;\n width: 100%;\n height: 100%;\n margin: 0;\n}\n.doc-demo-box-preview {\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: #f9fafb;\n}\n.doc-demo-box-preview .doc-demo-box-preview-box {\n position: relative;\n width: 100%;\n max-width: 450px;\n margin: 0 auto;\n overflow: hidden;\n}\n.doc-demo-box-preview .doc-demo-box-preview-box .md-example-child {\n zoom: 0.6;\n}\n.doc-demo-box-preview .doc-demo-box-preview-box ul>li {\n list-style: none !important;\n}\n.doc-demo-box-code {\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.doc-demo-box-code pre {\n margin-bottom: 0;\n padding-bottom: 0;\n background: #fff;\n transition: all 0.3s;\n}\n.doc-demo-box-code pre code:after {\n left: 5px;\n right: auto !important;\n}\n.doc-demo-box-toggle {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1102;\n width: 100%;\n height: 24px;\n border-top: solid 1px #ebebeb;\n cursor: pointer;\n text-align: center;\n line-height: 24px;\n font-size: 12px;\n color: #ccc;\n transition: background 0.3s;\n background: #fff;\n overflow: hidden;\n}\n.doc-demo-box-toggle i {\n font-size: 24px;\n line-height: 24px;\n}\n.doc-demo-box-toggle span {\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.doc-demo-box-toggle:hover {\n background: #fafafa;\n i: , span;\n color: #256fa3;\n}\n.doc-demo-box-toggle.is-stricky {\n position: fixed;\n bottom: 0;\n}\n.doc-demo-box-code-operate {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 100;\n padding: 10px 0;\n cursor: pointer;\n}\n.doc-demo-box-code-operate i {\n float: right;\n margin-right: 10px;\n font-size: 16px;\n color: #ccc;\n transition: all 0.3s;\n}\n.doc-demo-box-code-operate i:active,\n.doc-demo-box-code-operate i:visited,\n.doc-demo-box-code-operate i:focus {\n box-shadow: none;\n outline: none;\n}\n@media (max-width: 1500px) {\n.doc-demo-box-preview-box {\n max-width: 400px !important;\n}\n.doc-demo-box-preview-box .md-example-child {\n zoom: 0.533 !important;\n}\n}\n@media (max-width: 1200px) {\n.doc-demo-box-preview-box {\n max-width: 350px !important;\n}\n.doc-demo-box-preview-box .md-example-child {\n zoom: 0.467 !important;\n}\n}\n@media (max-width: 1000px) {\n.doc-demo-box-preview-box {\n width: 100% !important;\n}\n.doc-demo-box-code {\n position: static;\n float: left;\n width: 100%;\n border-left: none !important;\n}\n}"],sourceRoot:""}])},"2viI":function(e,t,o){"use strict";function a(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}Object.defineProperty(t,"__esModule",{value:!0});var s=o("FrYH"),n=function(e){return e&&e.__esModule?e:{default:e}}(s);t.default={name:"ruler-demo",title:"\u89E6\u53D1 <a href=\"javascript:window.triggerRuler2()\">Change to 1500</a>",titleEnUS:"trigger <a href=\"javascript:window.triggerRuler2()\">Change to 1500</a>",describe:"\u53EA\u5728\u6EDA\u52A8\u505C\u6B62\u65F6\u6709\u6548",describeEnUS:"only valid when scroll is stopped",message:"\u8BF7\u5728\u79FB\u52A8\u8BBE\u5907\u4E2D\u626B\u7801\u9884\u89C8",messageEnUS:"Please scan QR code and preview on mobile device",components:a({},n.default.name,n.default),data:function(){return{value:1300,scope:[1e3,2e3]}},mounted:function(){var e=this;window.triggerRuler2=function(){e.value=1500}}}},"5+9T":function(e,t,o){var a=o("vAKq");"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);o("rjj0")("193ff335",a,!0,{})},"5tfG":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=o("8727"),s=o.n(a);for(var n in a)"default"!==n&&function(e){o.d(t,e,function(){return a[e]})}(n);var l=o("yFWE"),i=o("VU/8"),d=i(s.a,l.a,!1,function(){o("xon2")},"data-v-75dd218c",null);t["default"]=d.exports},8727:function(e,t,o){"use strict";function a(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}Object.defineProperty(t,"__esModule",{value:!0});var s=o("FrYH"),n=function(e){return e&&e.__esModule?e:{default:e}}(s);t.default={name:"ruler-demo-1",title:"\u6700\u59271800\uFF0C\u6700\u5C0F1200",titleEnUS:"Max 1800, Min 1200",message:"\u8BF7\u5728\u79FB\u52A8\u8BBE\u5907\u4E2D\u626B\u7801\u9884\u89C8",messageEnUS:"Please scan QR code and preview on mobile device",components:a({},n.default.name,n.default),data:function(){return{value:1305,scope:[1e3,2e3]}}}},"899S":function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=t.info={title:"Ruler",preview:"https://didi.github.io/mand-mobile/examples/#/ruler"},a=t.body="<p>Slidable ruler<sup class=\"version-after\">2.2.0+</sup></p>\n<h3 id=\"Import\">Import<a href=\"javascript:jumpAnchor('Import')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">#</a></h3><pre><code class=\"language-javascript\"><span class=\"hljs-keyword\">import</span> { Ruler } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'mand-mobile'</span>\n\nVue.component(Ruler.name, Ruler)</code></pre>\n<h3 id=\"Code Examples\">Code Examples<a href=\"javascript:jumpAnchor('Code Examples')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">#</a></h3><!-- DEMO -->\n\n<h3 id=\"API\">API<a href=\"javascript:jumpAnchor('API')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">#</a></h3><h4 id=\"Ruler Props\">Ruler Props<a href=\"javascript:jumpAnchor('Ruler Props')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h4\">#</a></h4><table>\n<thead>\n<tr>\n<th>Props</th>\n<th>Description</th>\n<th>Type</th>\n<th>Default</th>\n<th>Note</th>\n</tr>\n</thead>\n<tbody><tr>\n<td>v-model</td>\n<td>current value</td>\n<td>Number</td>\n<td>0</td>\n<td>-</td>\n</tr>\n<tr>\n<td>scope</td>\n<td>ruler scope</td>\n<td>Number[]</td>\n<td>[0, 100]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>step</td>\n<td>each large distance of the scale</td>\n<td>Number</td>\n<td>10</td>\n<td>-</td>\n</tr>\n<tr>\n<td>unit</td>\n<td>scale each small distance</td>\n<td>Number</td>\n<td>1</td>\n<td>-</td>\n</tr>\n<tr>\n<td>min</td>\n<td>minimum</td>\n<td>Number</td>\n<td>0</td>\n<td>-</td>\n</tr>\n<tr>\n<td>max</td>\n<td>maximum</td>\n<td>Number</td>\n<td>100</td>\n<td>-</td>\n</tr>\n<tr>\n<td>stepTextPosition<sup class=\"version-after\">2.2.1+</sup></td>\n<td>step text position</td>\n<td>String</td>\n<td>&#39;top&#39;</td>\n<td>&#39;top&#39; and &#39;bottom&#39;</td>\n</tr>\n<tr>\n<td>stepTextRender<sup class=\"version-after\">2.2.1+</sup></td>\n<td>step text render function</td>\n<td>Function</td>\n<td>noop</td>\n<td>function should return string value</td>\n</tr>\n</tbody></table>\n<h4 id=\"Ruler Events\">Ruler Events<a href=\"javascript:jumpAnchor('Ruler Events')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h4\">#</a></h4><h5 id=\"@change(currentValue)\">@change(currentValue)<a href=\"javascript:jumpAnchor('@change(currentValue)')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h5\">#</a></h5><p>Change value</p>\n",s=t.toc="<a href=\"javascript:jumpAnchor('Import')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">Import</a><a href=\"javascript:jumpAnchor('Code Examples')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">Code Examples</a><a href=\"javascript:jumpAnchor('API')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">API</a><a href=\"javascript:jumpAnchor('Ruler Props')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h4\">Ruler Props</a><a href=\"javascript:jumpAnchor('Ruler Events')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h4\">Ruler Events</a><a href=\"javascript:jumpAnchor('@change(currentValue)')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h5\">@change(currentValue)</a>"},"9QfU":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=o("Ax2N"),s=o.n(a);for(var n in a)"default"!==n&&function(e){o.d(t,e,function(){return a[e]})}(n);var l=o("XAce"),i=o("VU/8"),d=i(s.a,l.a,!1,function(){o("5+9T")},"data-v-9f9e5c00",null);t["default"]=d.exports},Ax2N:function(e,t,o){"use strict";function a(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}Object.defineProperty(t,"__esModule",{value:!0});var s=o("FrYH"),n=function(e){return e&&e.__esModule?e:{default:e}}(s);t.default={name:"ruler-demo",title:"\u81EA\u5B9A\u4E49step\u5C55\u793A\u4F4D\u7F6E",titleEnUS:"Custom step positon",message:"\u8BF7\u5728\u79FB\u52A8\u8BBE\u5907\u4E2D\u626B\u7801\u9884\u89C8",messageEnUS:"Please scan QR code and preview on mobile device",components:a({},n.default.name,n.default),data:function(){return{value:1300,scope:[1e3,2e3]}}}},BNyQ:function(e,t,o){t=e.exports=o("FZ+f")(!0),t.push([e.i,".md-example-child-single-component .container[data-v-75dd218c]{margin:0 auto;width:640px}","",{version:3,sources:["/Users/huangbingcheng/Work/Code/mand-mobile/site/public/en-US/docs/components/business/ruler/demo1.vue"],names:[],mappings:"AACA,+DACE,cAAe,AACf,WAAa,CACd",file:"demo1.vue",sourcesContent:["\n.md-example-child-single-component .container[data-v-75dd218c] {\n margin: 0 auto;\n width: 640px;\n}"],sourceRoot:""}])},BdOb:function(e,t,o){var a,s,n;(function(l,i){s=[t,o("xnBM")],a=i,n="function"==typeof a?a.apply(t,s):a,!(void 0!==n&&(e.exports=n))})(this,function(e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.warn=void 0;e.warn=function(e){var o=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"error";t.isProd||console[o]("[Mand-Mobile]: "+e)}})},CY7M:function(e,t,o){var a,s,n;(function(l,i){s=[t,o("xnBM")],a=i,n="function"==typeof a?a.apply(t,s):a,!(void 0!==n&&(e.exports=n))})(this,function(e,t){"use strict";function o(){}function a(e,t){var o=document,a=o.head||o.getElementsByTagName("head")[0],s=o.createElement("script"),n="onload"in s,l=function(){s=null,"function"==typeof t&&t()};n?s.onload=l:s.onreadystatechange=function(){/loaded|complete/.test(s.readyState)&&l()},s.async=!0,s.crossOrigin=!0,s.charset="utf-8",s.src=e,a.appendChild(s)}Object.defineProperty(e,"__esModule",{value:!0}),e.noop=o,e.requireRemoteScript=a,e.getDpr=function(){var e=function(e,t){var o=new RegExp("(^|,)"+e+"=([^,]*)(,|$)","i"),a=t.match(o);return null==a?null:a[2]},o=t.inBrowser?document.querySelector("meta[name=viewport]"):null;if(!o)return 1;var a=o.getAttribute("content"),s=+(e("initial-scale",a)||1),n=+(e("maximum-scale",a)||1),l=+(e("minimum-scale",a)||1);return 1/Math.min(s,n,l)},e.functionToUrl=function(e){var t=new Blob(["("+e.toString()+")(null)"],{type:"application/javascript"});return URL.createObjectURL(t)},e.randomId=function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"",t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:8;return e+"-"+parseInt(Math.random()*Math.pow(10,t))},e.transformCamelCase=function(e){var t=/-(\w)/g;return e.replace(t,function(e,t){return t.toUpperCase()})},e.debounce=function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:o,t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:300,a=null;return function(){var o=this,s=arguments;a&&clearTimeout(a),a=setTimeout(function(){e.apply(o,s)},t)}},e.throttle=function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:o,t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:300,a=0;return function(){var o=this,s=Date.now();s-a>t&&(a=s,e.apply(o,arguments))}}})},FrYH:function(e,t,o){var a,s,n,l=Math.abs,d=Math.round,i=Math.ceil;(function(){(function(l,i){s=[t,o("o9V8"),o("dgYx"),o("U6ik"),o("HTs7")],a=i,n="function"==typeof a?a.apply(t,s):a,!(void 0!==n&&(e.exports=n))})(this,function(e,t,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(t),s=function(){function e(e,t){var o=[],a=!0,s=!1,n=void 0;try{for(var l,i=e[Symbol.iterator]();!(a=(l=i.next()).done)&&(o.push(l.value),!(t&&o.length===t));a=!0);}catch(e){s=!0,n=e}finally{try{!a&&i["return"]&&i["return"]()}finally{if(s)throw n}}return o}return function(t,o){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,o);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}();e.default={name:"md-ruler",components:{},props:{value:{type:Number,default:0},scope:{type:Array,default:function(){return[0,100]}},step:{type:Number,default:10},unit:{type:Number,default:1},min:{type:Number,default:0},max:{type:Number,default:100},stepTextPosition:{type:String,default:"top",validator:function(e){return!!~["top","bottom"].indexOf(e)}},stepTextRender:{type:Function,default:o.noop}},data:function(){return{clientHeight:60,scroller:null,ratio:2,isInitialed:!1,isDragging:!1,isScrolling:!1,x:0,scrollingX:0,blank:30}},computed:{unitCount:function(){var e=s(this.scope,2),t=e[0],o=e[1],a=this.unit;return i((o-t)/a)},canvasWidth:function(){return this.$refs.canvas.clientWidth*this.ratio},realMin:function(){var e=this.scope,t=this.min,o=s(e,2),a=o[0],n=o[1];return t>n?a:t>a?t:a},realMax:function(){var e=this.scope,t=this.max,o=s(e,2),a=o[0],n=o[1];return a>t?n:t>n?n:t},blankLeft:function(){var e=this.scope,t=this.realMin,o=this.unit,a=this.blank,n=s(e,1),l=n[0];return i((t-l)/o)*a},blankRight:function(){var e=this.scope,t=this.realMax,o=this.unit,a=this.blank,n=s(e,2),l=n[1];return i((l-t)/o)*a},isStepTextBottom:function(){return"bottom"===this.stepTextPosition}},watch:{value:function(){if(!this.isScrolling){this.scrollingX=0,this.isScrolling=!0;var e=this.$_initX();this.$_draw(e),this.scroller.scrollTo(e,0,!0)}}},mounted:function(){var e=this.$refs;this.ctx=e.canvas.getContext("2d"),this.$_initCanvas(),this.x=this.canvasWidth,this.$_initScroller()},methods:{$_initCanvas:function(){var e=this.ratio,t=this.ctx,o=this.canvasWidth,a=this.clientHeight,s=this.$refs,n=s.canvas;n.width=o,n.height=a*e;t.scale(1/e,1)},$_initScroller:function(){var e=this,t=this.blankLeft,s=this.blankRight,n=this.blank,l=this.unitCount,i=this.canvasWidth,d=this.clientHeight,r=(0,o.throttle)(this.$_draw,10),c=new a.default(function(t){e.isInitialed&&r(t)},{scrollingX:!0,scrollingY:!1,snapping:!0,snappingVelocity:1,animationDuration:200,inRequestAnimationFrame:!0,scrollingComplete:function(){e.isScrolling=!1}}),p=this.$_initX();this.$_draw(p),c.setDimensions(i,d,l*n+i-t-s,d),c.setSnapSize(n,0),c.scrollTo(p,0,!1),this.scroller=c,this.isInitialed=!0},$_initX:function(){var e=this.value,t=this.scope,o=this.realMin,a=this.realMax,n=this.unit,l=this.blank,d=this.unitCount,r=this.canvasWidth,c=s(t,1),p=c[0];return this.x=r-i((o-p)/n)*l,e<=o?0:e>=a?d*l:i((e-o)/n)*l},$_draw:function(e){e=+e.toFixed(2);var t=this.ctx,o=this.ratio,a=this.scrollingX,s=this.canvasWidth,n=this.clientHeight;this.scrollingX=e,this.x+=a-e;var l=o*o;t.clearRect(0,0,s*l,n*l),this.$_drawLine()},$_drawLine:function(){var e=this.ctx,t=this.x,o=this.scope,a=this.step,n=this.unit,l=this.ratio,r=this.blank,c=this.unitCount,p=this.isStepTextBottom,m=this.blankLeft,A=this.blankRight,u=this.canvasWidth,g=s(o,1),h=g[0],f=22,C=120-(p?f+40:0),b=d(a/n);e.lineWidth=2,e.font=f*l+"px DIN Alternate, \"Helvetica Neue\",Helvetica,\"PingFang SC\",\"Hiragino Sans GB\",\"Microsoft YaHei\",\"\u5FAE\u8F6F\u96C5\u9ED1\",Arial,sans-serif";for(var x,_=0;_<=c;_++)if(x=t+_*r,!(0>x||x>2*u)){var i=x<t+m||x>t+1+c*r-A;if(i?(e.fillStyle="#E2E4EA",e.strokeStyle="#E2E4EA"):(e.fillStyle="#C5CAD5",e.strokeStyle="#858B9C"),e.beginPath(),e.moveTo(x,C),0==_%b){var v=this.$_matchStepText(h+n*_),B=(v+"").length*f/2;e.fillText(v,x-B,f*l+(p?70:0)),e.lineTo(x,C-40)}else e.lineTo(x,C-20);e.stroke()}e.strokeStyle="#E2E4EA",e.beginPath(),e.moveTo(t,C),e.lineTo(t+c*r,C),e.stroke(),this.$_updateValue()},$_matchStepText:function(e){var t=this.stepTextRender(e);return void 0!==t&&null!==t?t:e},$_startDrag:function(e){this.isDragging||(e.preventDefault(),e.stopPropagation(),this.scroller.doTouchStart(e.touches,e.timeStamp),this.isDragging=!0,this.isScrolling=!0,window.addEventListener("touchmove",this.$_onDrag))},$_onDrag:function(e){e.preventDefault(),e.stopPropagation(),this.isDragging&&this.scroller.doTouchMove(e.touches,e.timeStamp,e.scale)},$_stopDrag:function(e){e.preventDefault(),e.stopPropagation(),this.isDragging=!1,this.scroller.doTouchEnd(e.timeStamp),window.removeEventListener("touchmove",this.$_onDrag)},$_updateValue:function(){if(this.isInitialed){var e=this.x,t=s(this.scope,1),o=t[0],a=this.realMin,n=this.realMax,i=this.unit,r=this.blank,c=this.canvasWidth;if(e>c)return void this.$_onInput(a);var p=0<=e?l(e-c):l(e)+c,m=o+d(p/r)*i;m>n&&(m=n),m<a&&(m=a),this.$_onInput(m)}},$_onInput:function(e){this.$emit("input",e),this.$emit("change",e)}}}})})(),e.exports.__esModule&&(e.exports=e.exports.default);var r="function"==typeof e.exports?e.exports.options:e.exports;r.render=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-ruler",on:{touchstart:e.$_startDrag,touchend:e.$_stopDrag}},[o("canvas",{ref:"canvas",staticClass:"md-ruler-canvas"}),e._v(" "),o("div",{staticClass:"md-ruler-cursor",class:[e.isStepTextBottom&&"md-ruler-cursor-bottom"]}),e._v(" "),o("div",{staticClass:"md-ruler-arrow"})])},r.staticRenderFns=[]},HTs7:function(e,t,o){var a=o("/7Yj");"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);o("rjj0")("21e41777",a,!0,{})},HZZJ:function(e,t){"use strict";t.a={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"mfe-blog-theme-default-doc-container"},[o("mb-docer",{attrs:{info:e.info,body:e.body,toc:e.toc,demos:e.demos}})],1)},staticRenderFns:[]}},JCvF:function(e,t){"use strict";t.a={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"mfe-blog-theme-default-doc doc-template"},[o("div",{staticClass:"default-doc-content"},[o("div",{staticClass:"doc-content-top"},[e.info.title?o("p",{staticClass:"doc-content-title",domProps:{innerHTML:e._s(e.info.title)}}):e._e(),e._v(" "),e.info.preview?o("p",{staticClass:"doc-content-qrcode",on:{mouseover:function(){e.isQrcodeShow=!0},mouseleave:function(){e.isQrcodeShow=!1}}},[o("i",{staticClass:"icon-qr-code",class:{active:e.isQrcodeShow}}),e._v(" "),o("transition",{attrs:{name:"slide-fade"}},[o("span",{directives:[{name:"show",rawName:"v-show",value:e.isQrcodeShow,expression:"isQrcodeShow"}],staticClass:"qrcode-box"},["en-US"===e.lang?o("i",[e._v("Scan QR code to preview")]):o("i",[e._v("\u626B\u7801\u9884\u89C8")]),e._v(" "),o("qr-code",{attrs:{text:e.info.preview}})],1)])],1):e._e()]),e._v(" "),e.info.describe?o("div",{staticClass:"doc-content-describe",domProps:{innerHTML:e._s(e.info.describe)}}):e._e(),e._v(" "),o("div",{staticClass:"doc-content-paragraph head",domProps:{innerHTML:e._s(e.bodyHead)}}),e._v(" "),e.demos&&e.demos.length?[o("div",{staticClass:"default-doc-demo-container"},[e.demos[0].component.simple?[o(e.demos[0].component,{tag:"component"})]:[o("div",{staticClass:"default-doc-demo-list is-block"},[e._l(e.demos,function(t,a){return["center"===t.component.align?o("md-demo",{key:a,attrs:{demo:t,lang:e.lang,codeShow:e.demoBoxShowStat[a]},on:{toggle:function(){return e.toggleDemoBox(a)},edit:function(){return e.goToDemo(a)}}}):e._e()]})],2),e._v(" "),o("div",{staticClass:"default-doc-demo-list is-left"},[e._l(e.demos,function(t,a){return["left"===t.component.align||0==a%2&&"right"!==t.component.align&&"center"!==t.component.align?o("md-demo",{key:a,attrs:{demo:t,lang:e.lang,codeShow:e.demoBoxShowStat[a]},on:{toggle:function(){return e.toggleDemoBox(a)},edit:function(){return e.goToDemo(a)}}}):e._e()]})],2),e._v(" "),o("div",{staticClass:"default-doc-demo-list is-right"},[e._l(e.demos,function(t,a){return["right"===t.component.align||0!=a%2&&"left"!==t.component.align&&"center"!==t.component.align?o("md-demo",{key:a,attrs:{demo:t,lang:e.lang,codeShow:e.demoBoxShowStat[a]},on:{toggle:function(){return e.toggleDemoBox(a)},edit:function(){return e.goToDemo(a)}}}):e._e()]})],2)]],2)]:e._e(),e._v(" "),e.bodyTail?o("div",{staticClass:"doc-content-paragraph tail",domProps:{innerHTML:e._s(e.bodyTail)}}):e._e(),e._v(" "),o("div",{staticClass:"doc-content-bottom"},[e.prevRoute?o("router-link",{staticClass:"prev",attrs:{to:e.prevRoute.path}},[o("i",[e._v("Prev")]),e._v(" "),o("p",{domProps:{innerHTML:e._s(e.prevRoute.meta.text)}})]):e._e(),e._v(" "),e.nextRoute?o("router-link",{staticClass:"next",attrs:{to:e.nextRoute.path}},[o("i",[e._v("Next")]),e._v(" "),o("p",{domProps:{innerHTML:e._s(e.nextRoute.meta.text)}})]):e._e()],1)],2),e._v(" "),e.hiddenToc?e._e():o("div",{staticClass:"default-doc-toc",domProps:{innerHTML:e._s(e.toc)}})])},staticRenderFns:[]}},JzeI:function(e,t,o){var a=o("YoAy");"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);o("rjj0")("3f9449ae",a,!0,{})},LLIv:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=o("tyZS"),s=o.n(a);for(var n in a)"default"!==n&&function(e){o.d(t,e,function(){return a[e]})}(n);var l=o("JCvF"),i=o("VU/8"),d=i(s.a,l.a,!1,function(){o("hdRM")},null,null);t["default"]=d.exports},LRyd:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=o("+DCn"),s=o.n(a);for(var n in a)"default"!==n&&function(e){o.d(t,e,function(){return a[e]})}(n);var l=o("zhst"),i=o("VU/8"),d=i(s.a,l.a,!1,function(){o("bRIe")},"data-v-a9fd9efe",null);t["default"]=d.exports},LeDR:function(e,t,o){var a,s,n;(function(l,i){s=[t,o("CY7M")],a=i,n="function"==typeof a?a.apply(t,s):a,!(void 0!==n&&(e.exports=n))})(this,function(e,t){"use strict";function o(e){if(Array.isArray(e)){for(var t=0,o=Array(e.length);t<e.length;t++)o[t]=e[t];return o}return Array.from(e)}function a(e,t){for(var o in t)e[o]=t[o];return e}Object.defineProperty(e,"__esModule",{value:!0}),e.extend=a,e.traverse=function(e){var a=1<arguments.length&&void 0!==arguments[1]?arguments[1]:[],s=2<arguments.length&&void 0!==arguments[2]?arguments[2]:t.noop;if(e){"function"==typeof a&&(s=a,a=[]);var n=0,l=[],i=function e(t){for(var d=0,i=t.length;d<i;d++){var r=Array.isArray(t[d]),c=Array.isArray(a)?a[n]:a;if(r||t[d]&&t[d][c])n++,l.push(d),e(r?t[d]:t[d][c]);else if(n>=a.length){var p=s(t[d],n,[].concat(o(l),[d]));if(1===p)continue;else if(2===p)break}else continue}n=0,l=[]};i(e)}},e.toObject=function(e){for(var t={},o=0;o<e.length;o++)e[o]&&a(t,e[o]);return t},e.toArray=function(e,t){t=t||0;for(var o=e.length-t,a=[];o--;)a.unshift(e[o+t]);return a},e.inArray=function(e,t){return Array.isArray(e)?!!~e.indexOf(t):t===e},e.toNumber=function(e){var t=parseFloat(e);return isNaN(t)?e:t},e.toString=function(e){return null==e?"":"object"===("undefined"==typeof e?"undefined":s(e))?JSON.stringify(e,null,2):e+""},e.compareObjects=function(e,t){var o=!0;return e&&t?"object"!==("undefined"==typeof e?"undefined":s(e))||"object"!==("undefined"==typeof t?"undefined":s(t))?o=!1:JSON.stringify(e)!==JSON.stringify(t)&&(o=!1):o=!1,o},e.isEmptyObject=function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0};var s="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}})},NdXk:function(e,t,o){var a=o("/aar");"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);o("rjj0")("011ddbea",a,!0,{})},"Ome+":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=o("ukR+"),s=function(e){return e&&e.__esModule?e:{default:e}}(a);t.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 s.default(this.$el,{text:this.text,width:this.size,height:this.size,colorDark:this.color,colorLight:this.bgColor,correctLevel:s.default.CorrectLevel[this.errorLevel]})},methods:{clear:function(){this.qrCode.clear()},makeCode:function(e){this.qrCode.makeCode(e)}}}},QAM3:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=o("nkX0"),s=o.n(a);for(var n in a)"default"!==n&&function(e){o.d(t,e,function(){return a[e]})}(n);var l=o("lPXM"),i=o("VU/8"),d=i(s.a,l.a,!1,function(){o("NdXk")},null,null);t["default"]=d.exports},R1Lz:function(e,t,o){var a=o("gTiz");"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);o("rjj0")("6f3836da",a,!0,{})},"U/KF":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=o("2viI"),s=o.n(a);for(var n in a)"default"!==n&&function(e){o.d(t,e,function(){return a[e]})}(n);var l=o("ePjU"),i=o("VU/8"),d=i(s.a,l.a,!1,function(){o("R1Lz")},"data-v-857c5034",null);t["default"]=d.exports},U6ik:function(e,t,o){var a=o("jJhs");"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);o("rjj0")("20e0057a",a,!0,{})},VED0:function(e,t,o){t=e.exports=o("FZ+f")(!0),t.push([e.i,".md-example-child-single-component .container[data-v-a9fd9efe]{margin:0 auto;width:640px}","",{version:3,sources:["/Users/huangbingcheng/Work/Code/mand-mobile/site/public/en-US/docs/components/business/ruler/demo0.vue"],names:[],mappings:"AACA,+DACE,cAAe,AACf,WAAa,CACd",file:"demo0.vue",sourcesContent:["\n.md-example-child-single-component .container[data-v-a9fd9efe] {\n margin: 0 auto;\n width: 640px;\n}"],sourceRoot:""}])},XAce:function(e,t){"use strict";t.a={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-example-child md-example-child-single-component"},[o("p",[e._v("\u5F53\u524D\u503C\uFF1A"+e._s(e.value))]),e._v(" "),o("div",{staticClass:"container"},[o("md-ruler",{attrs:{"step-text-position":"bottom",scope:e.scope,step:100,unit:10},model:{value:e.value,callback:function(t){e.value=t},expression:"value"}})],1)])},staticRenderFns:[]}},YoAy:function(e,t,o){t=e.exports=o("FZ+f")(!0),t.push([e.i,".md-example-child-single-component .container[data-v-65fcf600]{margin:0 auto;width:640px}","",{version:3,sources:["/Users/huangbingcheng/Work/Code/mand-mobile/site/public/en-US/docs/components/business/ruler/demo3.vue"],names:[],mappings:"AACA,+DACE,cAAe,AACf,WAAa,CACd",file:"demo3.vue",sourcesContent:["\n.md-example-child-single-component .container[data-v-65fcf600] {\n margin: 0 auto;\n width: 640px;\n}"],sourceRoot:""}])},YyQY:function(e,t,o){t=e.exports=o("FZ+f")(!0),t.push([e.i,".default-content-wrapper.stricky .default-doc-toc{position:fixed;top:20px;right:0}.mfe-blog-theme-default-doc{position:relative;padding-right:12%;border-left:1px solid #e8e8e8}.mfe-blog-theme-default-doc,.mfe-blog-theme-default-doc .default-doc-content,.mfe-blog-theme-default-doc .doc-content-describe,.mfe-blog-theme-default-doc .doc-content-paragraph,.mfe-blog-theme-default-doc .doc-content-top{float:left;width:100%;box-sizing:border-box}.mfe-blog-theme-default-doc .doc-content-top{margin-bottom:20px}.mfe-blog-theme-default-doc .doc-content-top .doc-content-title{font-size:28px;font-weight:500;color:#1f2f3d}.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode,.mfe-blog-theme-default-doc .doc-content-top .doc-content-title{float:left;line-height:1}.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode{position:relative;margin-top:4px;margin-left:10px}.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode i.icon-qr-code{font-size:22px;color:#999}.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode i.icon-qr-code.active{color:#3ca0e6}.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode span{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{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{font-size:16px;font-weight:400;color:#666;margin-top:20px}.mfe-blog-theme-default-doc .doc-content-bottom{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{text-decoration:none}.mfe-blog-theme-default-doc .doc-content-bottom a i{color:#999;font-size:12px;font-style:normal}.mfe-blog-theme-default-doc .doc-content-bottom a p{margin-top:5px;color:#2f86f6;font-size:14px}.mfe-blog-theme-default-doc .doc-content-bottom a.prev{float:left;text-align:left}.mfe-blog-theme-default-doc .doc-content-bottom a.next{float:right;text-align:right}.mfe-blog-theme-default-doc .default-doc-content{position:relative;min-height:800px;padding:0 64px 87px}.mfe-blog-theme-default-doc .default-doc-demo-container{float:left;width:100%}.mfe-blog-theme-default-doc .default-doc-demo-list{float:left;width:49%}.mfe-blog-theme-default-doc .default-doc-demo-list.is-right{margin-left:2%}.mfe-blog-theme-default-doc .default-doc-demo-list.is-block{width:100%;margin:0}.mfe-blog-theme-default-doc .default-doc-demo-list.is-block .doc-demo-box-preview-box{max-width:100%}.mfe-blog-theme-default-doc .default-doc-demo,.mfe-blog-theme-default-doc .doc-demo-box,.mfe-blog-theme-default-doc .doc-demo-box-info,.mfe-blog-theme-default-doc .doc-demo-describe,.mfe-blog-theme-default-doc .doc-demo-title{float:left;width:100%;box-sizing:border-box}@media (max-width:1500px){.default-doc-demo-list.is-block .doc-demo-box-preview-box{max-width:100%!important}}@media (max-width:1200px){.default-doc-demo-list.is-block .doc-demo-box-preview-box{max-width:100%!important}}@media (max-width:1000px){.default-doc-demo-list{width:100%!important}.default-doc-demo-list.is-right{margin-left:0!important}.mfe-blog-theme-default-doc{padding-right:0!important}.default-doc-toc{display:none}}@media (max-width:750px){.default-content .default-content-wrapper .mfe-blog-theme-default-doc{padding:0}.default-content .default-content-wrapper .mfe-blog-theme-default-doc .default-doc-content{padding:15px 15px 100px!important}.default-content .default-content-wrapper .mfe-blog-theme-default-doc .default-doc-content .doc-content-title{font-size:22px!important}.default-content .default-content-wrapper .mfe-blog-theme-default-doc .default-doc-content .doc-content-qrcode i.icon-qr-code{font-size:16px!important}.default-content .default-content-wrapper .mfe-blog-theme-default-doc .default-doc-content .doc-content-bottom{padding:20px 15px!important}}","",{version:3,sources:["/Users/huangbingcheng/Work/Code/mand-mobile/site/theme/default/components/Doc.vue"],names:[],mappings:"AACA,kDACE,eAAgB,AAChB,SAAU,AACV,OAAS,CACV,AACD,4BACE,kBAAmB,AAGnB,kBAAmB,AACnB,6BAA+B,CAEhC,AACD,+NANE,WAAY,AACZ,WAAY,AAGZ,qBAAuB,CASxB,AACD,6CACE,kBAAoB,CACrB,AACD,gEACE,eAAgB,AAChB,gBAAiB,AACjB,aAAe,CAChB,AACD,iIAEE,WAAY,AACZ,aAAe,CAChB,AACD,iEACE,kBAAmB,AACnB,eAAgB,AAChB,gBAAkB,CACnB,AACD,gFACE,eAAgB,AAChB,UAAY,CACb,AACD,uFACE,aAAe,CAChB,AACD,sEACE,kBAAmB,AACnB,WAAY,AACZ,SAAU,AACV,UAAW,AACX,YAAa,AACb,kBAAmB,AACnB,sBAAuB,AACvB,gBAAiB,AACjB,qCAAuC,AACvC,kBAAmB,AACnB,wBAA0B,CAC3B,AACD,wEACE,qBAAsB,AACtB,WAAY,AACZ,kBAAmB,AACnB,eAAgB,AAChB,WAAY,AACZ,iBAAmB,CACpB,AACD,mEACE,eAAgB,AAChB,gBAAiB,AACjB,WAAY,AACZ,eAAiB,CAClB,AACD,gDACE,WAAY,AACZ,WAAY,AACZ,kBAAmB,AACnB,OAAQ,AACR,SAAU,AACV,kBAAmB,AACnB,qBAAuB,CACxB,AACD,kDACE,oBAAsB,CACvB,AACD,oDACE,WAAY,AACZ,eAAgB,AAChB,iBAAmB,CACpB,AACD,oDACE,eAAgB,AAChB,cAAe,AACf,cAAgB,CACjB,AACD,uDACE,WAAY,AACZ,eAAiB,CAClB,AACD,uDACE,YAAa,AACb,gBAAkB,CACnB,AACD,iDACE,kBAAmB,AACnB,iBAAkB,AAClB,mBAAqB,CACtB,AACD,wDACE,WAAY,AACZ,UAAY,CACb,AACD,mDACE,WAAY,AACZ,SAAW,CACZ,AACD,4DACE,cAAgB,CACjB,AACD,4DACE,WAAY,AACZ,QAAU,CACX,AACD,sFACE,cAAgB,CACjB,AACD,kOAKE,WAAY,AACZ,WAAY,AACZ,qBAAuB,CACxB,AACD,0BACA,0DACI,wBAA2B,CAC9B,CACA,AACD,0BACA,0DACI,wBAA2B,CAC9B,CACA,AACD,0BACA,uBACI,oBAAuB,CAC1B,AACD,gCACI,uBAA0B,CAC7B,AACD,4BACI,yBAA4B,CAC/B,AACD,iBACI,YAAc,CACjB,CACA,AACD,yBACA,sEACI,SAAW,CACd,AACD,2FACI,iCAAyC,CAC5C,AACD,8GACI,wBAA2B,CAC9B,AACD,8HACI,wBAA2B,CAC9B,AACD,+GACI,2BAA8B,CACjC,CACA",file:"Doc.vue",sourcesContent:["\n.default-content-wrapper.stricky .default-doc-toc {\n position: fixed;\n top: 20px;\n right: 0;\n}\n.mfe-blog-theme-default-doc {\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,\n.mfe-blog-theme-default-doc .doc-content-describe,\n.mfe-blog-theme-default-doc .default-doc-content,\n.mfe-blog-theme-default-doc .doc-content-paragraph {\n float: left;\n width: 100%;\n box-sizing: border-box;\n}\n.mfe-blog-theme-default-doc .doc-content-top {\n margin-bottom: 20px;\n}\n.mfe-blog-theme-default-doc .doc-content-top .doc-content-title {\n font-size: 28px;\n font-weight: 500;\n color: #1f2f3d;\n}\n.mfe-blog-theme-default-doc .doc-content-top .doc-content-title,\n.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode {\n float: left;\n line-height: 1;\n}\n.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode {\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 {\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 {\n color: #3ca0e6;\n}\n.mfe-blog-theme-default-doc .doc-content-top .doc-content-qrcode span {\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 {\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 {\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 {\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 {\n text-decoration: none;\n}\n.mfe-blog-theme-default-doc .doc-content-bottom a i {\n color: #999;\n font-size: 12px;\n font-style: normal;\n}\n.mfe-blog-theme-default-doc .doc-content-bottom a p {\n margin-top: 5px;\n color: #2f86f6;\n font-size: 14px;\n}\n.mfe-blog-theme-default-doc .doc-content-bottom a.prev {\n float: left;\n text-align: left;\n}\n.mfe-blog-theme-default-doc .doc-content-bottom a.next {\n float: right;\n text-align: right;\n}\n.mfe-blog-theme-default-doc .default-doc-content {\n position: relative;\n min-height: 800px;\n padding: 0 64px 87px;\n}\n.mfe-blog-theme-default-doc .default-doc-demo-container {\n float: left;\n width: 100%;\n}\n.mfe-blog-theme-default-doc .default-doc-demo-list {\n float: left;\n width: 49%;\n}\n.mfe-blog-theme-default-doc .default-doc-demo-list.is-right {\n margin-left: 2%;\n}\n.mfe-blog-theme-default-doc .default-doc-demo-list.is-block {\n width: 100%;\n margin: 0;\n}\n.mfe-blog-theme-default-doc .default-doc-demo-list.is-block .doc-demo-box-preview-box {\n max-width: 100%;\n}\n.mfe-blog-theme-default-doc .default-doc-demo,\n.mfe-blog-theme-default-doc .doc-demo-box-info,\n.mfe-blog-theme-default-doc .doc-demo-title,\n.mfe-blog-theme-default-doc .doc-demo-describe,\n.mfe-blog-theme-default-doc .doc-demo-box {\n float: left;\n width: 100%;\n box-sizing: border-box;\n}\n@media (max-width: 1500px) {\n.default-doc-demo-list.is-block .doc-demo-box-preview-box {\n max-width: 100% !important;\n}\n}\n@media (max-width: 1200px) {\n.default-doc-demo-list.is-block .doc-demo-box-preview-box {\n max-width: 100% !important;\n}\n}\n@media (max-width: 1000px) {\n.default-doc-demo-list {\n width: 100% !important;\n}\n.default-doc-demo-list.is-right {\n margin-left: 0 !important;\n}\n.mfe-blog-theme-default-doc {\n padding-right: 0 !important;\n}\n.default-doc-toc {\n display: none;\n}\n}\n@media (max-width: 750px) {\n.default-content .default-content-wrapper .mfe-blog-theme-default-doc {\n padding: 0;\n}\n.default-content .default-content-wrapper .mfe-blog-theme-default-doc .default-doc-content {\n padding: 15px 15px 100px 15px !important;\n}\n.default-content .default-content-wrapper .mfe-blog-theme-default-doc .default-doc-content .doc-content-title {\n font-size: 22px !important;\n}\n.default-content .default-content-wrapper .mfe-blog-theme-default-doc .default-doc-content .doc-content-qrcode i.icon-qr-code {\n font-size: 16px !important;\n}\n.default-content .default-content-wrapper .mfe-blog-theme-default-doc .default-doc-content .doc-content-bottom {\n padding: 20px 15px !important;\n}\n}"],sourceRoot:""}])},bRIe:function(e,t,o){var a=o("VED0");"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);o("rjj0")("025736d3",a,!0,{})},"dF/j":function(e,t){"use strict";t.a={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-example-child md-example-child-single-component"},[o("p",[e._v("\u5F53\u524D\u503C\uFF1A"+e._s(e.value))]),e._v(" "),o("div",{staticClass:"container"},[o("md-ruler",{attrs:{scope:e.scope,step:100,unit:10,"step-text-render":e.stepTextRender},model:{value:e.value,callback:function(t){e.value=t},expression:"value"}})],1)])},staticRenderFns:[]}},dgYx:function(e,t,o){var a,s,n;(function(l,i){s=[t,o("BdOb"),o("xnBM"),o("LeDR"),o("CY7M"),o("/AJx")],a=i,n="function"==typeof a?a.apply(t,s):a,!(void 0!==n&&(e.exports=n))})(this,function(e,t,o,a,s,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),Object.keys(t).forEach(function(o){"default"===o||"__esModule"===o||Object.defineProperty(e,o,{enumerable:!0,get:function(){return t[o]}})}),Object.keys(o).forEach(function(t){"default"===t||"__esModule"===t||Object.defineProperty(e,t,{enumerable:!0,get:function(){return o[t]}})}),Object.keys(a).forEach(function(t){"default"===t||"__esModule"===t||Object.defineProperty(e,t,{enumerable:!0,get:function(){return a[t]}})}),Object.keys(s).forEach(function(t){"default"===t||"__esModule"===t||Object.defineProperty(e,t,{enumerable:!0,get:function(){return s[t]}})}),Object.keys(n).forEach(function(t){"default"===t||"__esModule"===t||Object.defineProperty(e,t,{enumerable:!0,get:function(){return n[t]}})})})},dznq:function(e,t,o){var a,s,n,l=Math.pow;(function(l,i){s=[t,o("xnBM")],a=i,n="function"==typeof a?a.apply(t,s):a,!(void 0!==n&&(e.exports=n))})(this,function(e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.easeInOutCubic=e.easeOutCubic=void 0;var o=function(e){var t=Date.now||function(){return+new Date},o=60,a=1e3,s={},n=1;return{requestAnimationFrame:function(){var t=e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame,o=!!t;if(t&&!/requestAnimationFrame\(\)\s*\{\s*\[native code\]\s*\}/i.test(t.toString())&&(o=!1),o)return function(e,o){t(e,o)};var a={},s=0,n=1,l=null,i=+new Date;return function(e){var t=n++;return a[t]=e,s++,null===l&&(l=setInterval(function(){var e=+new Date,t=a;for(var o in a={},s=0,t)t.hasOwnProperty(o)&&(t[o](e),i=e);2500<e-i&&(clearInterval(l),l=null)},1e3/60)),t}}(),stop:function(e){var t=null!=s[e];return t&&(s[e]=null),t},isRunning:function(e){return null!=s[e]},start:function(e,l,i,d,r,c){var p=this,m=t(),A=m,u=0,g=0,h=n++;if(c||(c=document.body),0==h%20){var f={};for(var C in s)f[C]=!0;s=f}var b=function n(f){var C=!0!==f,b=t();if(!s[h]||l&&!l(h))return s[h]=null,void(i&&i(o-g/((b-m)/a),h,!1));if(C)for(var x=Math.round((b-A)/(a/o))-1,_=0;_<Math.min(x,4);_++)n(!0),g++;d&&(u=(b-m)/d,1<u&&(u=1));var v=r?r(u):u;v=isNaN(v)?0:v,(!1===e(v,b,C)||1==u)&&C?(s[h]=null,i&&i(o-g/((b-m)/a),h,1==u||null==d)):C&&(A=b,p.requestAnimationFrame(n,c))};return s[h]=!0,this.requestAnimationFrame(b,c),h}}}(t.root),a=e.easeOutCubic=function(e){return l(e-1,3)+1},s=e.easeInOutCubic=function(e){return 1>(e/=.5)?.5*l(e,3):.5*(l(e-2,3)+2)};e.default=o})},ePjU:function(e,t){"use strict";t.a={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-example-child md-example-child-single-component"},[o("p",[e._v("\u5F53\u524D\u503C\uFF1A"+e._s(e.value))]),e._v(" "),o("div",{staticClass:"container"},[o("md-ruler",{attrs:{scope:e.scope,step:100,unit:10,max:2e3,min:1e3},model:{value:e.value,callback:function(t){e.value=t},expression:"value"}})],1)])},staticRenderFns:[]}},gTiz:function(e,t,o){t=e.exports=o("FZ+f")(!0),t.push([e.i,".md-example-child-single-component .container[data-v-857c5034]{margin:0 auto;width:640px}","",{version:3,sources:["/Users/huangbingcheng/Work/Code/mand-mobile/site/public/en-US/docs/components/business/ruler/demo2.vue"],names:[],mappings:"AACA,+DACE,cAAe,AACf,WAAa,CACd",file:"demo2.vue",sourcesContent:["\n.md-example-child-single-component .container[data-v-857c5034] {\n margin: 0 auto;\n width: 640px;\n}"],sourceRoot:""}])},hdRM:function(e,t,o){var a=o("YyQY");"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);o("rjj0")("8dfc8702",a,!0,{})},jJhs:function(e,t,o){t=e.exports=o("FZ+f")(!0),t.push([e.i,"a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0}li,ol,ul{list-style:none}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\u5FAE\u8F6F\u96C5\u9ED1,Arial,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}","",{version:3,sources:["/Users/huangbingcheng/Work/Code/mand-mobile/site/node_modules/mand-mobile/lib/_style/global.css"],names:[],mappings:"AAAA,2ZAA2Z,SAAS,SAAS,CAAC,SAAS,eAAe,CAAC,KAAK,wGAAwG,wCAAwC,mCAAmC,iCAAiC,CAAC",file:"global.css",sourcesContent:["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0}li,ol,ul{list-style:none}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\u5FAE\u8F6F\u96C5\u9ED1,Arial,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}"],sourceRoot:""}])},lPXM:function(e,t){"use strict";t.a={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"default-doc-demo"},[o("div",{staticClass:"doc-demo-box",class:[e.codeShow?"active":""]},[o("div",{staticClass:"doc-demo-box-info"},["en-US"===e.lang?[o("h4",{staticClass:"doc-demo-title",domProps:{innerHTML:e._s(e.demo.component.titleEnUS||e.demo.component.title||"Basic")}}),e._v(" "),e.demo.component.describeEnUS||e.demo.component.describe?o("h5",{staticClass:"doc-demo-describe",domProps:{innerHTML:e._s(e.demo.component.describeEnUS||e.demo.component.describe)}}):e._e(),e._v(" "),e.demo.component.messageEnUS||e.demo.component.message?o("h5",{staticClass:"doc-demo-message",domProps:{innerHTML:e._s(e.demo.component.messageEnUS||e.demo.component.message)}}):e._e()]:[o("h4",{staticClass:"doc-demo-title",domProps:{innerHTML:e._s(e.demo.component.title||"\u57FA\u672C")}}),e._v(" "),e.demo.component.describe?o("h5",{staticClass:"doc-demo-describe",domProps:{innerHTML:e._s(e.demo.component.describe)}}):e._e(),e._v(" "),e.demo.component.message?o("h5",{staticClass:"doc-demo-message",domProps:{innerHTML:e._s(e.demo.component.message)}}):e._e()]],2),e._v(" "),o("div",{staticClass:"doc-demo-box-preview",style:{background:e.demo.component.background||"#f9fafb"}},[o("div",{staticClass:"doc-demo-box-preview-box",style:{minHeight:e.demo.component.height+"px"}},[o(e.demo.component,{tag:"component"})],1)]),e._v(" "),o("div",{staticClass:"doc-demo-box-code"},[o("div",{staticClass:"doc-demo-box-code-operate"},[o("i",{staticClass:"icon-hollowError",on:{click:e.toggleDemoBox}}),e._v(" "),"en-US"===e.lang?[o("i",{directives:[{name:"tooltip",rawName:"v-tooltip",value:{content:e.isCopySuccess?"Copied":"Copy Code",offset:5},expression:"{content: isCopySuccess ? 'Copied' : 'Copy Code', offset: 5}"},{name:"clipboard",rawName:"v-clipboard:copy",value:decodeURI(e.demo.raw),expression:"decodeURI(demo.raw)",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:e.onCopySuccess,expression:"onCopySuccess",arg:"success"}],class:e.isCopySuccess?"icon-question":"icon-paper"}),e._v(" "),e.demo.component.codeSandBox?o("i",{directives:[{name:"tooltip",rawName:"v-tooltip",value:{content:"Open in CodeSandBox",offset:5},expression:"{content: 'Open in CodeSandBox', offset: 5}"}],staticClass:"demo-codesandbox"},[o("a",{attrs:{href:e.demo.component.codeSandBox,target:"_blank"}})]):e._e(),e._v(" "),o("i",{directives:[{name:"tooltip",rawName:"v-tooltip",value:{content:"Edit this page on Github",offset:5},expression:"{content: 'Edit this page on Github', offset: 5}"}],staticClass:"icon-edit",on:{click:e.goToDemo}})]:[o("i",{directives:[{name:"tooltip",rawName:"v-tooltip",value:{content:e.isCopySuccess?"\u590D\u5236\u4EE3\u7801\u6210\u529F":"\u590D\u5236\u4EE3\u7801",offset:5},expression:"{content: isCopySuccess ? '\u590D\u5236\u4EE3\u7801\u6210\u529F' : '\u590D\u5236\u4EE3\u7801', offset: 5}"},{name:"clipboard",rawName:"v-clipboard:copy",value:decodeURI(e.demo.raw),expression:"decodeURI(demo.raw)",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:e.onCopySuccess,expression:"onCopySuccess",arg:"success"}],class:e.isCopySuccess?"icon-question":"icon-paper"}),e._v(" "),e.demo.component.codeSandBox?o("i",{directives:[{name:"tooltip",rawName:"v-tooltip",value:{content:"\u5728CodeSandBox\u6253\u5F00",offset:5},expression:"{content: '\u5728CodeSandBox\u6253\u5F00', offset: 5}"}],staticClass:"demo-codesandbox"},[o("a",{attrs:{href:e.demo.component.codeSandBox,target:"_blank"}})]):e._e(),e._v(" "),o("i",{directives:[{name:"tooltip",rawName:"v-tooltip",value:{content:"\u5728Github\u4E0A\u7F16\u8F91\u6B64\u9875",offset:5},expression:"{content: '\u5728Github\u4E0A\u7F16\u8F91\u6B64\u9875', offset: 5}"}],staticClass:"icon-edit",on:{click:e.goToDemo}})]],2),e._v(" "),o("pre",[e._v(" "),o("code",{staticClass:"lang-vue",domProps:{innerHTML:e._s(e.demo.code)}}),e._v("\n ")])]),e._v(" "),o("div",{staticClass:"doc-demo-box-toggle",on:{click:e.toggleDemoBox}},[e.codeShow?[o("i",{staticClass:"icon-triangle-up"}),e._v(" "),"en-US"===e.lang?o("span",[e._v("Hide Code")]):o("span",[e._v("\u4EE3\u7801\u6536\u8D77")])]:[o("i",{staticClass:"icon-triangle-down"}),e._v(" "),"en-US"===e.lang?o("span",[e._v("Show Code")]):o("span",[e._v("\u4EE3\u7801\u5C55\u793A")])]],2)])])},staticRenderFns:[]}},lwwV:function(e,t){"use strict";t.a={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div")},staticRenderFns:[]}},mLlR:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=o("LLIv"),s=function(e){return e&&e.__esModule?e:{default:e}}(a),n=o("899S"),l=o("sVt+");t.default={name:"mfe-blog-theme-default-doc-container",data:function(){return{info:n.info,body:n.body,toc:n.toc,demos:l.demos}},components:{MbDocer:s.default}}},nkX0:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{lang:{type:String},codeShow:{type:Boolean,default:!1},demo:{type:Object}},data:function(){return{isCopySuccess:!1}},methods:{onCopySuccess:function(){var e=this;this.isCopySuccess=!0,setTimeout(function(){e.isCopySuccess=!1},1e3)},toggleDemoBox:function(){this.$emit("toggle")},goToDemo:function(){this.$emit("edit")}}}},o9V8:function(e,t,o){var a,s,n,l=Math.floor,i=Math.max,d=Math.abs,r=Math.round,c=Math.ceil,p=Math.min;(function(l,i){s=[t,o("dgYx"),o("dznq")],a=i,n="function"==typeof a?a.apply(t,s):a,!(void 0!==n&&(e.exports=n))})(this,function(e,t,o){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(e,"__esModule",{value:!0});var s=function(e){return e&&e.__esModule?e:{default:e}}(o),n=function(){function e(e,t){for(var o,a=0;a<t.length;a++)o=t[a],o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,o,a){return o&&e(t.prototype,o),a&&e(t,a),t}}(),m=function(){function e(){var o=0<arguments.length&&void 0!==arguments[0]?arguments[0]:t.noop,s=arguments[1];a(this,e),this.options={scrollingX:!0,scrollingY:!0,animating:!0,animationDuration:250,inRequestAnimationFrame:!1,bouncing:!0,locking:!0,paging:!1,snapping:!1,snappingVelocity:4,zooming:!1,minZoom:.5,maxZoom:3,speedMultiplier:1,scrollingComplete:t.noop,penetrationDeceleration:.03,penetrationAcceleration:.08},(0,t.extend)(this.options,s),this._callback=o}return n(e,[{key:"setDimensions",value:function(e,t,o,a){e===+e&&(this._clientWidth=e),t===+t&&(this._clientHeight=t),o===+o&&(this._contentWidth=o),a===+a&&(this._contentHeight=a),this._computeScrollMax(),this.scrollTo(this._scrollLeft,this._scrollTop,!0)}},{key:"setPosition",value:function(e,t){this._clientLeft=e||0,this._clientTop=t||0}},{key:"setSnapSize",value:function(e,t){this._snapWidth=e,this._snapHeight=t}},{key:"getValues",value:function(){return{left:this._scrollLeft,top:this._scrollTop,zoom:this._zoomLevel}}},{key:"getScrollMax",value:function(){return{left:this._maxScrollLeft,top:this._maxScrollTop}}},{key:"activatePullToRefresh",value:function(e,t,o,a){this._refreshHeight=e,this._refreshActivate=t,this._refreshDeactivate=o,this._refreshStart=a}},{key:"triggerPullToRefresh",value:function(){this._publish(this._scrollLeft,-this._refreshHeight,this._zoomLevel,!0),this._refreshStart&&this._refreshStart()}},{key:"finishPullToRefresh",value:function(){this._refreshActive=!1,this._refreshDeactivate&&this._refreshDeactivate(),this.scrollTo(this._scrollLeft,this._scrollTop,!0)}},{key:"scrollTo",value:function(e,o,a){var n=3<arguments.length&&void 0!==arguments[3]?arguments[3]:1;this._isDecelerating&&(s.default.stop(this._isDecelerating),this._isDecelerating=!1),null!=n&&n!==this._zoomLevel?(!this.options.zooming&&(0,t.warn)("Zooming is not enabled!"),n=n?n:1,e*=n,o*=n,this._computeScrollMax(n)):n=this._zoomLevel,this.options.scrollingX?this.options.paging?e=r(e/this._clientWidth)*this._clientWidth:this.options.snapping&&(e=r(e/this._snapWidth)*this._snapWidth):e=this._scrollLeft,this.options.scrollingY?this.options.paging?o=r(o/this._clientHeight)*this._clientHeight:this.options.snapping&&(o=r(o/this._snapHeight)*this._snapHeight):o=this._scrollTop,e=i(p(this._maxScrollLeft,e),0),o=i(p(this._maxScrollTop,o),0),e===this._scrollLeft&&o===this._scrollTop&&(a=!1),this._isTracking||this._publish(e,o,n,a)}},{key:"zoomTo",value:function(e,o,a,n,l){this.options.zooming||(0,t.warn)("Zooming is not enabled!"),l&&(this._zoomComplete=l),this._isDecelerating&&(s.default.stop(this._isDecelerating),this._isDecelerating=!1);var d=this._zoomLevel;null==a&&(a=this._clientWidth/2),null==n&&(n=this._clientHeight/2),e=i(p(e,this.options.maxZoom),this.options.minZoom),this._computeScrollMax(e);var r=(a+this._scrollLeft)*e/d-a,c=(n+this._scrollTop)*e/d-n;r>this._maxScrollLeft?r=this._maxScrollLeft:0>r&&(r=0),c>this._maxScrollTop?c=this._maxScrollTop:0>c&&(c=0),this._publish(r,c,e,o)}},{key:"doTouchStart",value:function(e,o){null==e.length&&(0,t.warn)("Invalid touch list: "+e),o instanceof Date&&(o=o.valueOf()),"number"!=typeof o&&(0,t.warn)("Invalid timestamp value: "+o),this._interruptedAnimation=!0,this._isDecelerating&&(s.default.stop(this._isDecelerating),this._isDecelerating=!1,this._interruptedAnimation=!0),this._isAnimating&&(s.default.stop(this._isAnimating),this._isAnimating=!1,this._interruptedAnimation=!0);var a=1===e.length,n=void 0,l=void 0;a?(n=e[0].pageX,l=e[0].pageY):(n=d(e[0].pageX+e[1].pageX)/2,l=d(e[0].pageY+e[1].pageY)/2),this._initialTouchLeft=n,this._initialTouchTop=l,this._zoomLevelStart=this._zoomLevel,this._lastTouchLeft=n,this._lastTouchTop=l,this._lastTouchMove=o,this._lastScale=1,this._enableScrollX=!a&&this.options.scrollingX,this._enableScrollY=!a&&this.options.scrollingY,this._isTracking=!0,this._didDecelerationComplete=!1,this._isDragging=!a,this._isSingleTouch=a,this._positions=[]}},{key:"doTouchMove",value:function(e,o,a){if(null==e.length&&(0,t.warn)("Invalid touch list: "+e),o instanceof Date&&(o=o.valueOf()),"number"!=typeof o&&(0,t.warn)("Invalid timestamp value: "+o),!!this._isTracking){var s,n;2===e.length?(s=d(e[0].pageX+e[1].pageX)/2,n=d(e[0].pageY+e[1].pageY)/2):(s=e[0].pageX,n=e[0].pageY);var l=this._positions;if(this._isDragging){var r=s-this._lastTouchLeft,c=n-this._lastTouchTop,m=this._scrollLeft,A=this._scrollTop,u=this._zoomLevel;if(null!=a&&this.options.zooming){var g=u;if(u=u/this._lastScale*a,u=i(p(u,this.options.maxZoom),this.options.minZoom),g!==u){var h=s-this._clientLeft,f=n-this._clientTop;m=(h+m)*u/g-h,A=(f+A)*u/g-f,this._computeScrollMax(u)}}if(this._enableScrollX){m-=r*this.options.speedMultiplier;var C=this._maxScrollLeft;(m>C||0>m)&&(this.options.bouncing?m+=r/2*this.options.speedMultiplier:m>C?m=C:m=0)}if(this._enableScrollY){A-=c*this.options.speedMultiplier;var b=this._maxScrollTop;(A>b||0>A)&&(this.options.bouncing?(A+=c/2*this.options.speedMultiplier,!this._enableScrollX&&null!=this._refreshHeight&&(!this._refreshActive&&A<=-this._refreshHeight?(this._refreshActive=!0,this._refreshActivate&&this._refreshActivate()):this._refreshActive&&A>-this._refreshHeight&&(this._refreshActive=!1,this._refreshDeactivate&&this._refreshDeactivate()))):A>b?A=b:A=0)}60<l.length&&l.splice(0,30),l.push(m,A,o),this._publish(m,A,u)}else{var x=this.options.locking?3:0,_=5,v=d(s-this._initialTouchLeft),B=d(n-this._initialTouchTop);this._enableScrollX=this.options.scrollingX&&v>=x,this._enableScrollY=this.options.scrollingY&&B>=x,l.push(this._scrollLeft,this._scrollTop,o),this._isDragging=(this._enableScrollX||this._enableScrollY)&&(v>=_||B>=_),this._isDragging&&(this._interruptedAnimation=!1)}this._lastTouchLeft=s,this._lastTouchTop=n,this._lastTouchMove=o}}},{key:"doTouchEnd",value:function(e){if(e instanceof Date&&(e=e.valueOf()),"number"!=typeof e&&(0,t.warn)("Invalid timestamp value: "+e),!!this._isTracking){if(this._isTracking=!1,this._isDragging)if(this._isDragging=!1,this._isSingleTouch&&this.options.animating&&100>=e-this._lastTouchMove){for(var o=this._positions,a=o.length-1,s=a,n=a;0<n&&o[n]>this._lastTouchMove-100;n-=3)s=n;if(s!==a){var l=o[a]-o[s],i=this._scrollLeft-o[s-2],r=this._scrollTop-o[s-1];this._decelerationVelocityX=i/l*(1e3/60),this._decelerationVelocityY=r/l*(1e3/60);var c=this.options.paging||this.options.snapping?this.options.snappingVelocity:.01;d(this._decelerationVelocityX)>c||d(this._decelerationVelocityY)>c?!this._refreshActive&&this._startDeceleration(e):this.options.scrollingComplete()}else this.options.scrollingComplete()}else 100<e-this._lastTouchMove&&(this.options.snapping||this.options.scrollingComplete());this._isDecelerating||(this._refreshActive&&this._refreshStart?(this._publish(this._scrollLeft,-this._refreshHeight,this._zoomLevel,!0),this._refreshStart&&this._refreshStart()):((this._interruptedAnimation||this._isDragging)&&this.options.scrollingComplete(),this.scrollTo(this._scrollLeft,this._scrollTop,!0,this._zoomLevel),this._refreshActive&&(this._refreshActive=!1,this._refreshDeactivate&&this._refreshDeactivate()))),this._positions.length=0}}},{key:"_publish",value:function(e,t){var a=this,n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:1,l=!!(3<arguments.length&&void 0!==arguments[3])&&arguments[3],i=this._isAnimating;if(i&&(s.default.stop(i),this._isAnimating=!1),l&&this.options.animating){this._scheduledLeft=e,this._scheduledTop=t,this._scheduledZoom=n;var d=this._scrollLeft,r=this._scrollTop,c=this._zoomLevel,p=function(o,s,l){l&&(a._scrollLeft=d+(e-d)*o,a._scrollTop=r+(t-r)*o,a._zoomLevel=c+(n-c)*o,a._callback&&a._callback(a._scrollLeft,a._scrollTop,a._zoomLevel))},m=function(e){return a._isAnimating===e},A=function(e,t,o){t===a._isAnimating&&(a._isAnimating=!1),(a._didDecelerationComplete||o)&&a.options.scrollingComplete(),a.options.zooming&&(a._computeScrollMax(),a._zoomComplete&&(a._zoomComplete(),a._zoomComplete=null))},u=function(){a._isAnimating=s.default.start(p,m,A,a.options.animationDuration,i?o.easeOutCubic:o.easeInOutCubic)};this.options.inRequestAnimationFrame?s.default.requestAnimationFrame(function(){u()}):u()}else this._scheduledLeft=this._scrollLeft=e,this._scheduledTop=this._scrollTop=t,this._scheduledZoom=this._zoomLevel=n,this._callback&&this._callback(e,t,n),this.options.zooming&&(this._computeScrollMax(),this._zoomComplete&&(this._zoomComplete(),this._zoomComplete=null))}},{key:"_computeScrollMax",value:function(e){null==e&&(e=this._zoomLevel),this._maxScrollLeft=i(this._contentWidth*e-this._clientWidth,0),this._maxScrollTop=i(this._contentHeight*e-this._clientHeight,0)}},{key:"_startDeceleration",value:function(){var e=this;if(this.options.paging){var t=i(p(this._scrollLeft,this._maxScrollLeft),0),o=i(p(this._scrollTop,this._maxScrollTop),0),a=this._clientWidth,n=this._clientHeight;this._minDecelerationScrollLeft=l(t/a)*a,this._minDecelerationScrollTop=l(o/n)*n,this._maxDecelerationScrollLeft=c(t/a)*a,this._maxDecelerationScrollTop=c(o/n)*n}else this._minDecelerationScrollLeft=0,this._minDecelerationScrollTop=0,this._maxDecelerationScrollLeft=this._maxScrollLeft,this._maxDecelerationScrollTop=this._maxScrollTop;var r=this.options.snapping?this.options.snappingVelocity:.01;this._isDecelerating=s.default.start(function(t,o,a){e._stepThroughDeceleration(a)},function(){var t=d(e._decelerationVelocityX)>=r||d(e._decelerationVelocityY)>=r;return t||(e._didDecelerationComplete=!0),t},function(){e._isDecelerating=!1,e.scrollTo(e._scrollLeft,e._scrollTop,e.options.snapping)})}},{key:"_stepThroughDeceleration",value:function(e){var t=this._scrollLeft+this._decelerationVelocityX,o=this._scrollTop+this._decelerationVelocityY;if(!this.options.bouncing){var a=i(p(this._maxDecelerationScrollLeft,t),this._minDecelerationScrollLeft);a!==t&&(t=a,this._decelerationVelocityX=0);var s=i(p(this._maxDecelerationScrollTop,o),this._minDecelerationScrollTop);s!==o&&(o=s,this._decelerationVelocityY=0)}if(e?this._publish(t,o,this._zoomLevel):(this._scrollLeft=t,this._scrollTop=o),!this.options.paging){var n=.95;this._decelerationVelocityX*=n,this._decelerationVelocityY*=n}if(this.options.bouncing){var l=0,d=0,r=this.options.penetrationDeceleration,c=this.options.penetrationAcceleration;t<this._minDecelerationScrollLeft?l=this._minDecelerationScrollLeft-t:t>this._maxDecelerationScrollLeft&&(l=this._maxDecelerationScrollLeft-t),o<this._minDecelerationScrollTop?d=this._minDecelerationScrollTop-o:o>this._maxDecelerationScrollTop&&(d=this._maxDecelerationScrollTop-o),0!=l&&(0>=l*this._decelerationVelocityX?this._decelerationVelocityX+=l*r:this._decelerationVelocityX=l*c),0!=d&&(0>=d*this._decelerationVelocityY?this._decelerationVelocityY+=d*r:this._decelerationVelocityY=d*c)}}}]),e}();e.default=m,(0,t.extend)(m.prototype,{_isSingleTouch:!1,_isTracking:!1,_didDecelerationComplete:!1,_isGesturing:!1,_isDragging:!1,_isDecelerating:!1,_isAnimating:!1,_clientLeft:0,_clientTop:0,_clientWidth:0,_clientHeight:0,_contentWidth:0,_contentHeight:0,_snapWidth:100,_snapHeight:100,_refreshHeight:null,_refreshActive:!1,_refreshActivate:null,_refreshDeactivate:null,_refreshStart:null,_zoomLevel:1,_scrollLeft:0,_scrollTop:0,_maxScrollLeft:0,_maxScrollTop:0,_scheduledLeft:0,_scheduledTop:0,_lastTouchLeft:null,_lastTouchTop:null,_lastTouchMove:null,_positions:null,_minDecelerationScrollLeft:null,_minDecelerationScrollTop:null,_maxDecelerationScrollLeft:null,_maxDecelerationScrollTop:null,_decelerationVelocityX:null,_decelerationVelocityY:null})})},oCGI:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=o("Ome+"),s=o.n(a);for(var n in a)"default"!==n&&function(e){o.d(t,e,function(){return a[e]})}(n);var l=o("lwwV"),i=o("VU/8"),d=i(s.a,l.a,!1,null,null,null);t["default"]=d.exports},pCoR:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=o("uIRd"),s=o.n(a);for(var n in a)"default"!==n&&function(e){o.d(t,e,function(){return a[e]})}(n);var l=o("dF/j"),i=o("VU/8"),d=i(s.a,l.a,!1,function(){o("JzeI")},"data-v-65fcf600",null);t["default"]=d.exports},rcc1:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=o("mLlR"),s=o.n(a);for(var n in a)"default"!==n&&function(e){o.d(t,e,function(){return a[e]})}(n);var l=o("HZZJ"),i=o("VU/8"),d=i(s.a,l.a,!1,null,null,null);t["default"]=d.exports},"sVt+":function(e,t,o){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.demos=void 0;var s=o("LRyd"),n=a(s),l=o("5tfG"),i=a(l),d=o("U/KF"),r=a(d),c=o("pCoR"),p=a(c),m=o("9QfU"),A=a(m),u=t.demos=[{component:n.default,code:"<span class=\"xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">template</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"md-example-child md-example-child-single-component\"</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p</span>&gt;</span>\u5F53\u524D\u503C\uFF1A</span><span class=\"hljs-template-variable\">{{ value }</span><span class=\"xml\">}<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">p</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"container\"</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">md-ruler</span>\n <span class=\"hljs-attr\">:scope</span>=<span class=\"hljs-string\">\"scope\"</span>\n <span class=\"hljs-attr\">:step</span>=<span class=\"hljs-string\">\"100\"</span>\n <span class=\"hljs-attr\">:unit</span>=<span class=\"hljs-string\">\"10\"</span>\n <span class=\"hljs-attr\">v-model</span>=<span class=\"hljs-string\">\"value\"</span>\n &gt;</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">md-ruler</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n\t<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">template</span>&gt;</span>\n\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script</span>&gt;</span><span class=\"actionscript\">\r<span class=\"hljs-meta\"><span class=\"hljs-meta-keyword\">import</span> </span></span></span><span class=\"hljs-template-variable\">{Ruler}</span><span class=\"xml\"><span class=\"javascript\"> <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> </span></span><span class=\"hljs-template-variable\">{\n name: 'ruler-demo-0',\n components: {\n [Ruler.name]: Ruler,\n }</span><span class=\"xml\">,\n data() </span><span class=\"hljs-template-variable\">{\n return {\n value: 1000,\n scope: [1000, 2000],\n }</span><span class=\"xml\">\n },\n}\n\r<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">script</span>&gt;</span>\n\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">style</span> <span class=\"hljs-attr\">lang</span>=<span class=\"hljs-string\">\"stylus\"</span> <span class=\"hljs-attr\">scoped</span>&gt;</span><span class=\"css\">\n<span class=\"hljs-selector-class\">.md-example-child-single-component</span>\n <span class=\"hljs-selector-class\">.container</span>\n <span class=\"hljs-selector-tag\">margin</span> 0 <span class=\"hljs-selector-tag\">auto</span>\n <span class=\"hljs-selector-tag\">width</span> 640<span class=\"hljs-selector-tag\">px</span>\n</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">style</span>&gt;</span>\n</span>",raw:"%3Ctemplate%3E%0A%20%20%3Cdiv%20class=%22md-example-child%20md-example-child-single-component%22%3E%0A%20%20%20%20%3Cp%3E%E5%BD%93%E5%89%8D%E5%80%BC%EF%BC%9A%7B%7B%20value%20%7D%7D%3C/p%3E%0A%20%20%20%20%3Cdiv%20class=%22container%22%3E%0A%20%20%20%20%20%20%3Cmd-ruler%0A%20%20%20%20%20%20%20%20:scope=%22scope%22%0A%20%20%20%20%20%20%20%20:step=%22100%22%0A%20%20%20%20%20%20%20%20:unit=%2210%22%0A%20%20%20%20%20%20%20%20v-model=%22value%22%0A%20%20%20%20%20%20%3E%3C/md-ruler%3E%0A%20%20%20%20%3C/div%3E%0A%09%3C/div%3E%0A%3C/template%3E%0A%0A%3Cscript%3E%0Dimport%20%7BRuler%7D%20from%20'mand-mobile'%0A%0Aexport%20default%20%7B%0A%20%20name:%20'ruler-demo-0',%0A%20%20/*%20DELETE%20*/%0A%20%20title:%20'%E5%9F%BA%E6%9C%AC',%0A%20%20titleEnUS:%20'Basic',%0A%20%20message:%20'%E8%AF%B7%E5%9C%A8%E7%A7%BB%E5%8A%A8%E8%AE%BE%E5%A4%87%E4%B8%AD%E6%89%AB%E7%A0%81%E9%A2%84%E8%A7%88',%0A%20%20messageEnUS:%20'Please%20scan%20QR%20code%20and%20preview%20on%20mobile%20device',%0A%20%20/*%20DELETE%20*/%0A%20%20components:%20%7B%0A%20%20%20%20%5BRuler.name%5D:%20Ruler,%0A%20%20%7D,%0A%20%20data()%20%7B%0A%20%20%20%20return%20%7B%0A%20%20%20%20%20%20value:%201000,%0A%20%20%20%20%20%20scope:%20%5B1000,%202000%5D,%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-single-component%0A%20%20.container%0A%20%20%20%20margin%200%20auto%0A%20%20%20%20width%20640px%0A%3C/style%3E%0A"},{component:i.default,code:"<span class=\"xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">template</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"md-example-child md-example-child-single-component\"</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p</span>&gt;</span>\u5F53\u524D\u503C\uFF1A</span><span class=\"hljs-template-variable\">{{ value }</span><span class=\"xml\">}<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">p</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"container\"</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">md-ruler</span>\n <span class=\"hljs-attr\">:scope</span>=<span class=\"hljs-string\">\"scope\"</span>\n <span class=\"hljs-attr\">:step</span>=<span class=\"hljs-string\">\"100\"</span>\n <span class=\"hljs-attr\">:unit</span>=<span class=\"hljs-string\">\"10\"</span>\n <span class=\"hljs-attr\">:max</span>=<span class=\"hljs-string\">\"1800\"</span>\n <span class=\"hljs-attr\">:min</span>=<span class=\"hljs-string\">\"1200\"</span>\n <span class=\"hljs-attr\">v-model</span>=<span class=\"hljs-string\">\"value\"</span>\n &gt;</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">md-ruler</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">template</span>&gt;</span>\n\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script</span>&gt;</span><span class=\"actionscript\">\r<span class=\"hljs-meta\"><span class=\"hljs-meta-keyword\">import</span> </span></span></span><span class=\"hljs-template-variable\">{Ruler}</span><span class=\"xml\"><span class=\"javascript\"> <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> </span></span><span class=\"hljs-template-variable\">{\n name: 'ruler-demo-1',\n components: {\n [Ruler.name]: Ruler,\n }</span><span class=\"xml\">,\n data() </span><span class=\"hljs-template-variable\">{\n return {\n value: 1305,\n scope: [1000, 2000],\n }</span><span class=\"xml\">\n },\n}\n\r<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">script</span>&gt;</span>\n\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">style</span> <span class=\"hljs-attr\">lang</span>=<span class=\"hljs-string\">\"stylus\"</span> <span class=\"hljs-attr\">scoped</span>&gt;</span><span class=\"css\">\n <span class=\"hljs-selector-class\">.md-example-child-single-component</span>\n <span class=\"hljs-selector-class\">.container</span>\n <span class=\"hljs-selector-tag\">margin</span> 0 <span class=\"hljs-selector-tag\">auto</span>\n <span class=\"hljs-selector-tag\">width</span> 640<span class=\"hljs-selector-tag\">px</span>\n</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">style</span>&gt;</span>\n</span>",raw:"%3Ctemplate%3E%0A%20%20%3Cdiv%20class=%22md-example-child%20md-example-child-single-component%22%3E%0A%20%20%20%20%3Cp%3E%E5%BD%93%E5%89%8D%E5%80%BC%EF%BC%9A%7B%7B%20value%20%7D%7D%3C/p%3E%0A%20%20%20%20%3Cdiv%20class=%22container%22%3E%0A%20%20%20%20%20%20%3Cmd-ruler%0A%20%20%20%20%20%20%20%20:scope=%22scope%22%0A%20%20%20%20%20%20%20%20:step=%22100%22%0A%20%20%20%20%20%20%20%20:unit=%2210%22%0A%20%20%20%20%20%20%20%20:max=%221800%22%0A%20%20%20%20%20%20%20%20:min=%221200%22%0A%20%20%20%20%20%20%20%20v-model=%22value%22%0A%20%20%20%20%20%20%3E%3C/md-ruler%3E%0A%20%20%20%20%3C/div%3E%0A%20%20%3C/div%3E%0A%3C/template%3E%0A%0A%3Cscript%3E%0Dimport%20%7BRuler%7D%20from%20'mand-mobile'%0A%0Aexport%20default%20%7B%0A%20%20name:%20'ruler-demo-1',%0A%20%20/*%20DELETE%20*/%0A%20%20title:%20'%E6%9C%80%E5%A4%A71800%EF%BC%8C%E6%9C%80%E5%B0%8F1200',%0A%20%20titleEnUS:%20'Max%201800,%20Min%201200',%0A%20%20message:%20'%E8%AF%B7%E5%9C%A8%E7%A7%BB%E5%8A%A8%E8%AE%BE%E5%A4%87%E4%B8%AD%E6%89%AB%E7%A0%81%E9%A2%84%E8%A7%88',%0A%20%20messageEnUS:%20'Please%20scan%20QR%20code%20and%20preview%20on%20mobile%20device',%0A%20%20/*%20DELETE%20*/%0A%20%20components:%20%7B%0A%20%20%20%20%5BRuler.name%5D:%20Ruler,%0A%20%20%7D,%0A%20%20data()%20%7B%0A%20%20%20%20return%20%7B%0A%20%20%20%20%20%20value:%201305,%0A%20%20%20%20%20%20scope:%20%5B1000,%202000%5D,%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%20%20.md-example-child-single-component%0A%20%20%20%20.container%0A%20%20%20%20%20%20margin%200%20auto%0A%20%20%20%20%20%20width%20640px%0A%3C/style%3E%0A"},{component:r.default,code:"<span class=\"xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">template</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"md-example-child md-example-child-single-component\"</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p</span>&gt;</span>\u5F53\u524D\u503C\uFF1A</span><span class=\"hljs-template-variable\">{{ value }}</span><span class=\"xml\"><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">p</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"container\"</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">md-ruler</span>\n <span class=\"hljs-attr\">:scope</span>=<span class=\"hljs-string\">\"scope\"</span>\n <span class=\"hljs-attr\">:step</span>=<span class=\"hljs-string\">\"100\"</span>\n <span class=\"hljs-attr\">:unit</span>=<span class=\"hljs-string\">\"10\"</span>\n <span class=\"hljs-attr\">:max</span>=<span class=\"hljs-string\">\"2000\"</span>\n <span class=\"hljs-attr\">:min</span>=<span class=\"hljs-string\">\"1000\"</span>\n <span class=\"hljs-attr\">v-model</span>=<span class=\"hljs-string\">\"value\"</span>\n &gt;</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">md-ruler</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">template</span>&gt;</span>\n\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script</span>&gt;</span><span class=\"javascript\">\r<span class=\"hljs-keyword\">import</span> {Ruler} <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\">'ruler-demo'</span>,\n <span class=\"hljs-attr\">components</span>: {\n [Ruler.name]: Ruler,\n },\n data() {\n <span class=\"hljs-keyword\">return</span> {\n <span class=\"hljs-attr\">value</span>: <span class=\"hljs-number\">1300</span>,\n <span class=\"hljs-attr\">scope</span>: [<span class=\"hljs-number\">1000</span>, <span class=\"hljs-number\">2000</span>],\n }\n },\n mounted() {\n <span class=\"hljs-built_in\">window</span>.triggerRuler2 = <span class=\"hljs-function\"><span class=\"hljs-params\">()</span> =&gt;</span> {\n <span class=\"hljs-keyword\">this</span>.value = <span class=\"hljs-number\">1500</span>\n }\n },\n}\n\r</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">script</span>&gt;</span>\n\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">style</span> <span class=\"hljs-attr\">lang</span>=<span class=\"hljs-string\">\"stylus\"</span> <span class=\"hljs-attr\">scoped</span>&gt;</span><span class=\"css\">\n <span class=\"hljs-selector-class\">.md-example-child-single-component</span>\n <span class=\"hljs-selector-class\">.container</span>\n <span class=\"hljs-selector-tag\">margin</span> 0 <span class=\"hljs-selector-tag\">auto</span>\n <span class=\"hljs-selector-tag\">width</span> 640<span class=\"hljs-selector-tag\">px</span>\n</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">style</span>&gt;</span>\n</span>",raw:"%3Ctemplate%3E%0A%20%20%3Cdiv%20class=%22md-example-child%20md-example-child-single-component%22%3E%0A%20%20%20%20%3Cp%3E%E5%BD%93%E5%89%8D%E5%80%BC%EF%BC%9A%7B%7B%20value%20%7D%7D%3C/p%3E%0A%20%20%20%20%3Cdiv%20class=%22container%22%3E%0A%20%20%20%20%20%20%3Cmd-ruler%0A%20%20%20%20%20%20%20%20:scope=%22scope%22%0A%20%20%20%20%20%20%20%20:step=%22100%22%0A%20%20%20%20%20%20%20%20:unit=%2210%22%0A%20%20%20%20%20%20%20%20:max=%222000%22%0A%20%20%20%20%20%20%20%20:min=%221000%22%0A%20%20%20%20%20%20%20%20v-model=%22value%22%0A%20%20%20%20%20%20%3E%3C/md-ruler%3E%0A%20%20%20%20%3C/div%3E%0A%20%20%3C/div%3E%0A%3C/template%3E%0A%0A%3Cscript%3E%0Dimport%20%7BRuler%7D%20from%20'mand-mobile'%0A%0Aexport%20default%20%7B%0A%20%20name:%20'ruler-demo',%0A%20%20/*%20DELETE%20*/%0A%20%20title:%20'%E8%A7%A6%E5%8F%91%20%3Ca%20href=%22javascript:window.triggerRuler2()%22%3EChange%20to%201500%3C/a%3E',%0A%20%20titleEnUS:%20'trigger%20%3Ca%20href=%22javascript:window.triggerRuler2()%22%3EChange%20to%201500%3C/a%3E',%0A%20%20describe:%20'%E5%8F%AA%E5%9C%A8%E6%BB%9A%E5%8A%A8%E5%81%9C%E6%AD%A2%E6%97%B6%E6%9C%89%E6%95%88',%0A%20%20describeEnUS:%20'only%20valid%20when%20scroll%20is%20stopped',%0A%20%20message:%20'%E8%AF%B7%E5%9C%A8%E7%A7%BB%E5%8A%A8%E8%AE%BE%E5%A4%87%E4%B8%AD%E6%89%AB%E7%A0%81%E9%A2%84%E8%A7%88',%0A%20%20messageEnUS:%20'Please%20scan%20QR%20code%20and%20preview%20on%20mobile%20device',%0A%20%20/*%20DELETE%20*/%0A%20%20components:%20%7B%0A%20%20%20%20%5BRuler.name%5D:%20Ruler,%0A%20%20%7D,%0A%20%20data()%20%7B%0A%20%20%20%20return%20%7B%0A%20%20%20%20%20%20value:%201300,%0A%20%20%20%20%20%20scope:%20%5B1000,%202000%5D,%0A%20%20%20%20%7D%0A%20%20%7D,%0A%20%20mounted()%20%7B%0A%20%20%20%20window.triggerRuler2%20=%20()%20=%3E%20%7B%0A%20%20%20%20%20%20this.value%20=%201500%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%20%20.md-example-child-single-component%0A%20%20%20%20.container%0A%20%20%20%20%20%20margin%200%20auto%0A%20%20%20%20%20%20width%20640px%0A%3C/style%3E%0A"},{component:p.default,code:"<span class=\"xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">template</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"md-example-child md-example-child-single-component\"</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p</span>&gt;</span>\u5F53\u524D\u503C\uFF1A</span><span class=\"hljs-template-variable\">{{ value }}</span><span class=\"xml\"><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">p</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"container\"</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">md-ruler</span>\n <span class=\"hljs-attr\">v-model</span>=<span class=\"hljs-string\">\"value\"</span>\n <span class=\"hljs-attr\">:scope</span>=<span class=\"hljs-string\">\"scope\"</span>\n <span class=\"hljs-attr\">:step</span>=<span class=\"hljs-string\">\"100\"</span>\n <span class=\"hljs-attr\">:unit</span>=<span class=\"hljs-string\">\"10\"</span>\n <span class=\"hljs-attr\">:step-text-render</span>=<span class=\"hljs-string\">\"stepTextRender\"</span>\n &gt;</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">md-ruler</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">template</span>&gt;</span>\n\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script</span>&gt;</span><span class=\"javascript\">\r<span class=\"hljs-keyword\">import</span> {Ruler} <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\">'ruler-demo'</span>,\n <span class=\"hljs-attr\">components</span>: {\n [Ruler.name]: Ruler,\n },\n data() {\n <span class=\"hljs-keyword\">return</span> {\n <span class=\"hljs-attr\">value</span>: <span class=\"hljs-number\">1300</span>,\n <span class=\"hljs-attr\">scope</span>: [<span class=\"hljs-number\">1000</span>, <span class=\"hljs-number\">2000</span>],\n }\n },\n <span class=\"hljs-attr\">methods</span>: {\n stepTextRender(step) {\n <span class=\"hljs-keyword\">return</span> step + <span class=\"hljs-string\">'cm'</span>\n },\n },\n}\n\r</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">script</span>&gt;</span>\n\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">style</span> <span class=\"hljs-attr\">lang</span>=<span class=\"hljs-string\">\"stylus\"</span> <span class=\"hljs-attr\">scoped</span>&gt;</span><span class=\"css\">\n <span class=\"hljs-selector-class\">.md-example-child-single-component</span>\n <span class=\"hljs-selector-class\">.container</span>\n <span class=\"hljs-selector-tag\">margin</span> 0 <span class=\"hljs-selector-tag\">auto</span>\n <span class=\"hljs-selector-tag\">width</span> 640<span class=\"hljs-selector-tag\">px</span>\n</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">style</span>&gt;</span>\n</span>",raw:"%3Ctemplate%3E%0A%20%20%3Cdiv%20class=%22md-example-child%20md-example-child-single-component%22%3E%0A%20%20%20%20%3Cp%3E%E5%BD%93%E5%89%8D%E5%80%BC%EF%BC%9A%7B%7B%20value%20%7D%7D%3C/p%3E%0A%20%20%20%20%3Cdiv%20class=%22container%22%3E%0A%20%20%20%20%20%20%3Cmd-ruler%0A%20%20%20%20%20%20%20%20v-model=%22value%22%0A%20%20%20%20%20%20%20%20:scope=%22scope%22%0A%20%20%20%20%20%20%20%20:step=%22100%22%0A%20%20%20%20%20%20%20%20:unit=%2210%22%0A%20%20%20%20%20%20%20%20:step-text-render=%22stepTextRender%22%0A%20%20%20%20%20%20%3E%3C/md-ruler%3E%0A%20%20%20%20%3C/div%3E%0A%20%20%3C/div%3E%0A%3C/template%3E%0A%0A%3Cscript%3E%0Dimport%20%7BRuler%7D%20from%20'mand-mobile'%0A%0Aexport%20default%20%7B%0A%20%20name:%20'ruler-demo',%0A%20%20/*%20DELETE%20*/%0A%20%20title:%20'%E8%87%AA%E5%AE%9A%E4%B9%89step%E5%B1%95%E7%A4%BA%E6%96%87%E6%A1%88',%0A%20%20titleEnUS:%20'Custom%20step%20text',%0A%20%20message:%20'%E8%AF%B7%E5%9C%A8%E7%A7%BB%E5%8A%A8%E8%AE%BE%E5%A4%87%E4%B8%AD%E6%89%AB%E7%A0%81%E9%A2%84%E8%A7%88',%0A%20%20messageEnUS:%20'Please%20scan%20QR%20code%20and%20preview%20on%20mobile%20device',%0A%20%20/*%20DELETE%20*/%0A%20%20components:%20%7B%0A%20%20%20%20%5BRuler.name%5D:%20Ruler,%0A%20%20%7D,%0A%20%20data()%20%7B%0A%20%20%20%20return%20%7B%0A%20%20%20%20%20%20value:%201300,%0A%20%20%20%20%20%20scope:%20%5B1000,%202000%5D,%0A%20%20%20%20%7D%0A%20%20%7D,%0A%20%20methods:%20%7B%0A%20%20%20%20stepTextRender(step)%20%7B%0A%20%20%20%20%20%20return%20step%20+%20'cm'%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%20%20.md-example-child-single-component%0A%20%20%20%20.container%0A%20%20%20%20%20%20margin%200%20auto%0A%20%20%20%20%20%20width%20640px%0A%3C/style%3E%0A"},{component:A.default,code:"<span class=\"xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">template</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"md-example-child md-example-child-single-component\"</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p</span>&gt;</span>\u5F53\u524D\u503C\uFF1A</span><span class=\"hljs-template-variable\">{{ value }</span><span class=\"xml\">}<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">p</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"container\"</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">md-ruler</span>\n <span class=\"hljs-attr\">v-model</span>=<span class=\"hljs-string\">\"value\"</span>\n <span class=\"hljs-attr\">step-text-position</span>=<span class=\"hljs-string\">\"bottom\"</span>\n <span class=\"hljs-attr\">:scope</span>=<span class=\"hljs-string\">\"scope\"</span>\n <span class=\"hljs-attr\">:step</span>=<span class=\"hljs-string\">\"100\"</span>\n <span class=\"hljs-attr\">:unit</span>=<span class=\"hljs-string\">\"10\"</span>\n &gt;</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">md-ruler</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">template</span>&gt;</span>\n\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script</span>&gt;</span><span class=\"actionscript\">\r<span class=\"hljs-meta\"><span class=\"hljs-meta-keyword\">import</span> </span></span></span><span class=\"hljs-template-variable\">{Ruler}</span><span class=\"xml\"><span class=\"javascript\"> <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> </span></span><span class=\"hljs-template-variable\">{\n name: 'ruler-demo',\n components: {\n [Ruler.name]: Ruler,\n }</span><span class=\"xml\">,\n data() </span><span class=\"hljs-template-variable\">{\n return {\n value: 1300,\n scope: [1000, 2000],\n }</span><span class=\"xml\">\n },\n}\n\r<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">script</span>&gt;</span>\n\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">style</span> <span class=\"hljs-attr\">lang</span>=<span class=\"hljs-string\">\"stylus\"</span> <span class=\"hljs-attr\">scoped</span>&gt;</span><span class=\"css\">\n <span class=\"hljs-selector-class\">.md-example-child-single-component</span>\n <span class=\"hljs-selector-class\">.container</span>\n <span class=\"hljs-selector-tag\">margin</span> 0 <span class=\"hljs-selector-tag\">auto</span>\n <span class=\"hljs-selector-tag\">width</span> 640<span class=\"hljs-selector-tag\">px</span>\n</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">style</span>&gt;</span>\n</span>",raw:"%3Ctemplate%3E%0A%20%20%3Cdiv%20class=%22md-example-child%20md-example-child-single-component%22%3E%0A%20%20%20%20%3Cp%3E%E5%BD%93%E5%89%8D%E5%80%BC%EF%BC%9A%7B%7B%20value%20%7D%7D%3C/p%3E%0A%20%20%20%20%3Cdiv%20class=%22container%22%3E%0A%20%20%20%20%20%20%3Cmd-ruler%0A%20%20%20%20%20%20%20%20v-model=%22value%22%0A%20%20%20%20%20%20%20%20step-text-position=%22bottom%22%0A%20%20%20%20%20%20%20%20:scope=%22scope%22%0A%20%20%20%20%20%20%20%20:step=%22100%22%0A%20%20%20%20%20%20%20%20:unit=%2210%22%0A%20%20%20%20%20%20%3E%3C/md-ruler%3E%0A%20%20%20%20%3C/div%3E%0A%20%20%3C/div%3E%0A%3C/template%3E%0A%0A%3Cscript%3E%0Dimport%20%7BRuler%7D%20from%20'mand-mobile'%0A%0Aexport%20default%20%7B%0A%20%20name:%20'ruler-demo',%0A%20%20/*%20DELETE%20*/%0A%20%20title:%20'%E8%87%AA%E5%AE%9A%E4%B9%89step%E5%B1%95%E7%A4%BA%E4%BD%8D%E7%BD%AE',%0A%20%20titleEnUS:%20'Custom%20step%20positon',%0A%20%20message:%20'%E8%AF%B7%E5%9C%A8%E7%A7%BB%E5%8A%A8%E8%AE%BE%E5%A4%87%E4%B8%AD%E6%89%AB%E7%A0%81%E9%A2%84%E8%A7%88',%0A%20%20messageEnUS:%20'Please%20scan%20QR%20code%20and%20preview%20on%20mobile%20device',%0A%20%20/*%20DELETE%20*/%0A%20%20components:%20%7B%0A%20%20%20%20%5BRuler.name%5D:%20Ruler,%0A%20%20%7D,%0A%20%20data()%20%7B%0A%20%20%20%20return%20%7B%0A%20%20%20%20%20%20value:%201300,%0A%20%20%20%20%20%20scope:%20%5B1000,%202000%5D,%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%20%20.md-example-child-single-component%0A%20%20%20%20.container%0A%20%20%20%20%20%20margin%200%20auto%0A%20%20%20%20%20%20width%20640px%0A%3C/style%3E%0A"}]},tyZS:function(e,t,o){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=o("oCGI"),n=a(s),l=o("QAM3"),i=a(l);t.default={components:{"qr-code":n.default,MdDemo:i.default},props:["info","body","toc","demos"],data:function(){return{demoBoxShowStat:[],activeDemoBoxZoonPos:{},isTocStricky:!1,isQrcodeShow:!1,isCopySuccess:!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)},lang:function(){return~this.$route.path.indexOf("zh-CN")?"zh-CN":"en-US"},hiddenToc:function(){return"hidden"===this.info.toc}},mounted:function(){if(location.hash){var e=location.hash.substr(1);location.hash="",location.hash=e}},methods:{findRoute:function(e){for(var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:1,o=window.$routes[this.lang];0<=e&&e<=o.length-1&&(!o[e].meta.src&&!o[e].meta.markdown||o[e].redirect);)e+=t;return o[e]},toggleDemoBox:function(e){var t=$(".doc-demo-box-"+e),o=t.find(".doc-demo-box-toggle"),a=!this.demoBoxShowStat[e];a?o.addClass("active"):o.removeClass("active"),this.$set(this.demoBoxShowStat,e,a)},goToDemo:function(e){var t=this.info.preview.split("#")[1];t&&window.open("https://github.com/didi/mand-mobile/edit/master/components/"+t+"/demo/cases/demo"+e+".vue")},onCopySuccess:function(){var e=this;this.isCopySuccess=!0,setTimeout(function(){e.isCopySuccess=!1},1e3)}}}},uIRd:function(e,t,o){"use strict";function a(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}Object.defineProperty(t,"__esModule",{value:!0});var s=o("FrYH"),n=function(e){return e&&e.__esModule?e:{default:e}}(s);t.default={name:"ruler-demo",title:"\u81EA\u5B9A\u4E49step\u5C55\u793A\u6587\u6848",titleEnUS:"Custom step text",message:"\u8BF7\u5728\u79FB\u52A8\u8BBE\u5907\u4E2D\u626B\u7801\u9884\u89C8",messageEnUS:"Please scan QR code and preview on mobile device",components:a({},n.default.name,n.default),data:function(){return{value:1300,scope:[1e3,2e3]}},methods:{stepTextRender:function(e){return e+"cm"}}}},"ukR+":function(e,t,o){var a=Math.floor,s=Math.max,n=Math.round,l=Math.ceil;(function(e){var t;(function(){function e(e){this.mode=u.MODE_8BIT_BYTE,this.data=e,this.parsedData=[];for(var t=0,o=this.data.length;t<o;t++){var a=[],s=this.data.charCodeAt(t);65536<s?(a[0]=240|(1835008&s)>>>18,a[1]=128|(258048&s)>>>12,a[2]=128|(4032&s)>>>6,a[3]=128|63&s):2048<s?(a[0]=224|(61440&s)>>>12,a[1]=128|(4032&s)>>>6,a[2]=128|63&s):128<s?(a[0]=192|(1984&s)>>>6,a[1]=128|63&s):a[0]=s,this.parsedData.push(a)}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 o(e,t){this.typeNumber=e,this.errorCorrectLevel=t,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}function d(e,t){if(void 0==e.length)throw new Error(e.length+"/"+t);for(var o=0;o<e.length&&0==e[o];)o++;this.num=Array(e.length-o+t);for(var a=0;a<e.length-o;a++)this.num[a]=e[a+o]}function r(e,t){this.totalCount=e,this.dataCount=t}function c(){this.buffer=[],this.length=0}function p(){var e=!1,t=navigator.userAgent;if(/android/i.test(t)){e=!0;var o=t.toString().match(/android ([0-9]\.[0-9])/i);o&&o[1]&&(e=parseFloat(o[1]))}return e}function m(e,t){for(var o,a=1,s=A(e),n=0,l=x.length;n<=l&&(o=0,t===g.L?o=x[n][0]:t===g.M?o=x[n][1]:t===g.Q?o=x[n][2]:t===g.H?o=x[n][3]:void 0,!(s<=o));n++)a++;if(a>x.length)throw new Error("Too long data");return a}function A(e){var t=encodeURI(e).toString().replace(/\%[0-9a-fA-F]{2}/g,"a");return t.length+(t.length==e?0:3)}e.prototype={getLength:function(){return this.parsedData.length},write:function(e){for(var t=0,o=this.parsedData.length;t<o;t++)e.put(this.parsedData[t],8)}},o.prototype={addData:function(t){var o=new e(t);this.dataList.push(o),this.dataCache=null},isDark:function(e,t){if(0>e||this.moduleCount<=e||0>t||this.moduleCount<=t)throw new Error(e+","+t);return this.modules[e][t]},getModuleCount:function(){return this.moduleCount},make:function(){this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(e,t){this.moduleCount=4*this.typeNumber+17,this.modules=Array(this.moduleCount);for(var a=0;a<this.moduleCount;a++){this.modules[a]=Array(this.moduleCount);for(var s=0;s<this.moduleCount;s++)this.modules[a][s]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(e,t),7<=this.typeNumber&&this.setupTypeNumber(e),null==this.dataCache&&(this.dataCache=o.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,t)},setupPositionProbePattern:function(e,t){for(var o=-1;7>=o;o++)if(!(-1>=e+o||this.moduleCount<=e+o))for(var a=-1;7>=a;a++)-1>=t+a||this.moduleCount<=t+a||(this.modules[e+o][t+a]=!!(0<=o&&6>=o&&(0==a||6==a)||0<=a&&6>=a&&(0==o||6==o)||2<=o&&4>=o&&2<=a&&4>=a))},getBestMaskPattern:function(){for(var e=0,t=0,o=0;8>o;o++){this.makeImpl(!0,o);var a=f.getLostPoint(this);(0==o||e>a)&&(e=a,t=o)}return t},createMovieClip:function(e,t,o){var a=e.createEmptyMovieClip(t,o),s=1;this.make();for(var n,l=0;l<this.modules.length;l++){n=l*s;for(var i=0;i<this.modules[l].length;i++){var d=i*s,r=this.modules[l][i];r&&(a.beginFill(0,100),a.moveTo(d,n),a.lineTo(d+s,n),a.lineTo(d+s,n+s),a.lineTo(d,n+s),a.endFill())}}return a},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 t=8;t<this.moduleCount-8;t++)null==this.modules[6][t]&&(this.modules[6][t]=0==t%2)},setupPositionAdjustPattern:function(){for(var e=f.getPatternPosition(this.typeNumber),t=0;t<e.length;t++)for(var o=0;o<e.length;o++){var a=e[t],s=e[o];if(null==this.modules[a][s])for(var n=-2;2>=n;n++)for(var l=-2;2>=l;l++)this.modules[a+n][s+l]=-2==n||2==n||-2==l||2==l||0==n&&0==l}},setupTypeNumber:function(e){for(var t,o=f.getBCHTypeNumber(this.typeNumber),s=0;18>s;s++)t=!e&&1==(1&o>>s),this.modules[a(s/3)][s%3+this.moduleCount-8-3]=t;for(var t,s=0;18>s;s++)t=!e&&1==(1&o>>s),this.modules[s%3+this.moduleCount-8-3][a(s/3)]=t},setupTypeInfo:function(e,t){for(var o,a=this.errorCorrectLevel<<3|t,s=f.getBCHTypeInfo(a),n=0;15>n;n++)o=!e&&1==(1&s>>n),6>n?this.modules[n][8]=o:8>n?this.modules[n+1][8]=o:this.modules[this.moduleCount-15+n][8]=o;for(var o,n=0;15>n;n++)o=!e&&1==(1&s>>n),8>n?this.modules[8][this.moduleCount-n-1]=o:9>n?this.modules[8][15-n-1+1]=o:this.modules[8][15-n-1]=o;this.modules[this.moduleCount-8][8]=!e},mapData:function(e,t){for(var o=-1,a=this.moduleCount-1,s=7,n=0,l=this.moduleCount-1;0<l;l-=2)for(6==l&&l--;;){for(var i=0;2>i;i++)if(null==this.modules[a][l-i]){var d=!1;n<e.length&&(d=1==(1&e[n]>>>s));var r=f.getMask(t,a,l-i);r&&(d=!d),this.modules[a][l-i]=d,s--,-1==s&&(n++,s=7)}if(a+=o,0>a||this.moduleCount<=a){a-=o,o=-o;break}}}},o.PAD0=236,o.PAD1=17,o.createData=function(e,t,a){for(var s,n=r.getRSBlocks(e,t),l=new c,d=0;d<a.length;d++)s=a[d],l.put(s.mode,4),l.put(s.getLength(),f.getLengthInBits(s.mode,e)),s.write(l);for(var i=0,d=0;d<n.length;d++)i+=n[d].dataCount;if(l.getLengthInBits()>8*i)throw new Error("code length overflow. ("+l.getLengthInBits()+">"+8*i+")");for(l.getLengthInBits()+4<=8*i&&l.put(0,4);0!=l.getLengthInBits()%8;)l.putBit(!1);for(;!(l.getLengthInBits()>=8*i)&&(l.put(o.PAD0,8),!(l.getLengthInBits()>=8*i));)l.put(o.PAD1,8);return o.createBytes(l,n)},o.createBytes=function(e,t){for(var o=0,a=0,n=0,l=Array(t.length),c=Array(t.length),p=0;p<t.length;p++){var r=t[p].dataCount,m=t[p].totalCount-r;a=s(a,r),n=s(n,m),l[p]=Array(r);for(var A=0;A<l[p].length;A++)l[p][A]=255&e.buffer[A+o];o+=r;var i=f.getErrorCorrectPolynomial(m),u=new d(l[p],i.getLength()-1),g=u.mod(i);c[p]=Array(i.getLength()-1);for(var h,A=0;A<c[p].length;A++)h=A+g.getLength()-c[p].length,c[p][A]=0<=h?g.get(h):0}for(var C=0,A=0;A<t.length;A++)C+=t[A].totalCount;for(var b=Array(C),x=0,A=0;A<a;A++)for(var p=0;p<t.length;p++)A<l[p].length&&(b[x++]=l[p][A]);for(var A=0;A<n;A++)for(var p=0;p<t.length;p++)A<c[p].length&&(b[x++]=c[p][A]);return b};for(var u={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},g={L:1,M:0,Q:3,H:2},h={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7},f={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 t=e<<10;0<=f.getBCHDigit(t)-f.getBCHDigit(f.G15);)t^=f.G15<<f.getBCHDigit(t)-f.getBCHDigit(f.G15);return(e<<10|t)^f.G15_MASK},getBCHTypeNumber:function(e){for(var t=e<<12;0<=f.getBCHDigit(t)-f.getBCHDigit(f.G18);)t^=f.G18<<f.getBCHDigit(t)-f.getBCHDigit(f.G18);return e<<12|t},getBCHDigit:function(e){for(var t=0;0!=e;)t++,e>>>=1;return t},getPatternPosition:function(e){return f.PATTERN_POSITION_TABLE[e-1]},getMask:function(e,t,o){switch(e){case h.PATTERN000:return 0==(t+o)%2;case h.PATTERN001:return 0==t%2;case h.PATTERN010:return 0==o%3;case h.PATTERN011:return 0==(t+o)%3;case h.PATTERN100:return 0==(a(t/2)+a(o/3))%2;case h.PATTERN101:return 0==t*o%2+t*o%3;case h.PATTERN110:return 0==(t*o%2+t*o%3)%2;case h.PATTERN111:return 0==(t*o%3+(t+o)%2)%2;default:throw new Error("bad maskPattern:"+e);}},getErrorCorrectPolynomial:function(e){for(var t=new d([1],0),o=0;o<e;o++)t=t.multiply(new d([1,C.gexp(o)],0));return t},getLengthInBits:function(e,t){if(1<=t&&10>t)switch(e){case u.MODE_NUMBER:return 10;case u.MODE_ALPHA_NUM:return 9;case u.MODE_8BIT_BYTE:return 8;case u.MODE_KANJI:return 8;default:throw new Error("mode:"+e);}else if(27>t)switch(e){case u.MODE_NUMBER:return 12;case u.MODE_ALPHA_NUM:return 11;case u.MODE_8BIT_BYTE:return 16;case u.MODE_KANJI:return 10;default:throw new Error("mode:"+e);}else if(41>t)switch(e){case u.MODE_NUMBER:return 14;case u.MODE_ALPHA_NUM:return 13;case u.MODE_8BIT_BYTE:return 16;case u.MODE_KANJI:return 12;default:throw new Error("mode:"+e);}else throw new Error("type:"+t)},getLostPoint:function(e){for(var t=e.getModuleCount(),o=0,a=0;a<t;a++)for(var s=0;s<t;s++){for(var n=0,l=e.isDark(a,s),i=-1;1>=i;i++)if(!(0>a+i||t<=a+i))for(var d=-1;1>=d;d++)0>s+d||t<=s+d||(0!=i||0!=d)&&l==e.isDark(a+i,s+d)&&n++;5<n&&(o+=3+n-5)}for(var a=0;a<t-1;a++)for(var r,s=0;s<t-1;s++)r=0,e.isDark(a,s)&&r++,e.isDark(a+1,s)&&r++,e.isDark(a,s+1)&&r++,e.isDark(a+1,s+1)&&r++,(0==r||4==r)&&(o+=3);for(var a=0;a<t;a++)for(var s=0;s<t-6;s++)e.isDark(a,s)&&!e.isDark(a,s+1)&&e.isDark(a,s+2)&&e.isDark(a,s+3)&&e.isDark(a,s+4)&&!e.isDark(a,s+5)&&e.isDark(a,s+6)&&(o+=40);for(var s=0;s<t;s++)for(var a=0;a<t-6;a++)e.isDark(a,s)&&!e.isDark(a+1,s)&&e.isDark(a+2,s)&&e.isDark(a+3,s)&&e.isDark(a+4,s)&&!e.isDark(a+5,s)&&e.isDark(a+6,s)&&(o+=40);for(var c=0,s=0;s<t;s++)for(var a=0;a<t;a++)e.isDark(a,s)&&c++;var p=Math.abs(100*c/t/t-50)/5;return o+=10*p,o}},C={glog:function(e){if(1>e)throw new Error("glog("+e+")");return C.LOG_TABLE[e]},gexp:function(e){for(;0>e;)e+=255;for(;256<=e;)e-=255;return C.EXP_TABLE[e]},EXP_TABLE:Array(256),LOG_TABLE:Array(256)},b=0;8>b;b++)C.EXP_TABLE[b]=1<<b;for(var b=8;256>b;b++)C.EXP_TABLE[b]=C.EXP_TABLE[b-4]^C.EXP_TABLE[b-5]^C.EXP_TABLE[b-6]^C.EXP_TABLE[b-8];for(var b=0;255>b;b++)C.LOG_TABLE[C.EXP_TABLE[b]]=b;d.prototype={get:function(e){return this.num[e]},getLength:function(){return this.num.length},multiply:function(t){for(var e=Array(this.getLength()+t.getLength()-1),o=0;o<this.getLength();o++)for(var a=0;a<t.getLength();a++)e[o+a]^=C.gexp(C.glog(this.get(o))+C.glog(t.get(a)));return new d(e,0)},mod:function(t){if(0>this.getLength()-t.getLength())return this;for(var e=C.glog(this.get(0))-C.glog(t.get(0)),o=Array(this.getLength()),a=0;a<this.getLength();a++)o[a]=this.get(a);for(var a=0;a<t.getLength();a++)o[a]^=C.gexp(C.glog(t.get(a))+e);return new d(o,0).mod(t)}},r.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]],r.getRSBlocks=function(e,t){var o=r.getRsBlockTable(e,t);if(void 0==o)throw new Error("bad rs block @ typeNumber:"+e+"/errorCorrectLevel:"+t);for(var a=o.length/3,s=[],n=0;n<a;n++)for(var l=o[3*n+0],i=o[3*n+1],d=o[3*n+2],c=0;c<l;c++)s.push(new r(i,d));return s},r.getRsBlockTable=function(e,t){return t===g.L?r.RS_BLOCK_TABLE[4*(e-1)+0]:t===g.M?r.RS_BLOCK_TABLE[4*(e-1)+1]:t===g.Q?r.RS_BLOCK_TABLE[4*(e-1)+2]:t===g.H?r.RS_BLOCK_TABLE[4*(e-1)+3]:void 0},c.prototype={get:function(e){var t=a(e/8);return 1==(1&this.buffer[t]>>>7-e%8)},put:function(e,t){for(var o=0;o<t;o++)this.putBit(1==(1&e>>>t-o-1))},getLengthInBits:function(){return this.length},putBit:function(e){var t=a(this.length/8);this.buffer.length<=t&&this.buffer.push(0),e&&(this.buffer[t]|=128>>>this.length%8),this.length++}};var x=[[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]],_=function(){var e=function(e,t){this._el=e,this._htOption=t};return e.prototype.draw=function(e){function t(e,t){var o=document.createElementNS("http://www.w3.org/2000/svg",e);for(var a in t)t.hasOwnProperty(a)&&o.setAttribute(a,t[a]);return o}var o=this._htOption,s=this._el,n=e.getModuleCount(),l=a(o.width/n),i=a(o.height/n);this.clear();var d=t("svg",{viewBox:"0 0 "+(n+" ")+(n+""),width:"100%",height:"100%",fill:o.colorLight});d.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink"),s.appendChild(d),d.appendChild(t("rect",{fill:o.colorLight,width:"100%",height:"100%"})),d.appendChild(t("rect",{fill:o.colorDark,width:"1",height:"1",id:"template"}));for(var r=0;r<n;r++)for(var c=0;c<n;c++)if(e.isDark(r,c)){var p=t("use",{x:r+"",y:c+""});p.setAttributeNS("http://www.w3.org/1999/xlink","href","#template"),d.appendChild(p)}},e.prototype.clear=function(){for(;this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild)},e}(),i="svg"===document.documentElement.tagName.toLowerCase(),v=i?_: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 t(e,t){var o=this;if(o._fFail=t,o._fSuccess=e,null===o._bSupportDataURI){var a=document.createElement("img"),s=function(){o._bSupportDataURI=!1,o._fFail&&o._fFail.call(o)},n=function(){o._bSupportDataURI=!0,o._fSuccess&&o._fSuccess.call(o)};return a.onabort=s,a.onerror=s,a.onload=n,void(a.src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==")}!0===o._bSupportDataURI&&o._fSuccess?o._fSuccess.call(o):!1===o._bSupportDataURI&&o._fFail&&o._fFail.call(o)}if(this._android&&2.1>=this._android){var o=1/window.devicePixelRatio,s=CanvasRenderingContext2D.prototype.drawImage;CanvasRenderingContext2D.prototype.drawImage=function(e,t,a,n,l,d,r,c){if("nodeName"in e&&/img/i.test(e.nodeName))for(var p=arguments.length-1;1<=p;p--)arguments[p]*=o;else"undefined"==typeof c&&(arguments[1]*=o,arguments[2]*=o,arguments[3]*=o,arguments[4]*=o);s.apply(this,arguments)}}var i=function(e,t){this._bIsPainted=!1,this._android=p(),this._htOption=t,this._elCanvas=document.createElement("canvas"),this._elCanvas.width=t.width,this._elCanvas.height=t.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 i.prototype.draw=function(e){var t=this._elImage,o=this._oContext,s=this._htOption,i=e.getModuleCount(),d=s.width/i,r=s.height/i,c=n(d),p=n(r);t.style.setProperty("display","none","important"),this.clear();for(var m=0;m<i;m++)for(var A=0;A<i;A++){var u=e.isDark(m,A),g=A*d,h=m*r;o.strokeStyle=u?s.colorDark:s.colorLight,o.lineWidth=1,o.fillStyle=u?s.colorDark:s.colorLight,o.fillRect(g,h,d,r),o.strokeRect(a(g)+.5,a(h)+.5,c,p),o.strokeRect(l(g)-.5,l(h)-.5,c,p)}this._bIsPainted=!0},i.prototype.makeImage=function(){this._bIsPainted&&t.call(this,e)},i.prototype.isPainted=function(){return this._bIsPainted},i.prototype.clear=function(){this._oContext.clearRect(0,0,this._elCanvas.width,this._elCanvas.height),this._bIsPainted=!1},i.prototype.round=function(e){return e?a(1e3*e)/1e3:e},i}():function(){var e=function(e,t){this._el=e,this._htOption=t};return e.prototype.draw=function(e){for(var t=this._htOption,o=this._el,s=e.getModuleCount(),n=a(t.width/s),l=a(t.height/s),i=["<table style=\"border:0;border-collapse:collapse;\">"],d=0;d<s;d++){i.push("<tr>");for(var r=0;r<s;r++)i.push("<td style=\"border:0;border-collapse:collapse;padding:0;margin:0;width:"+n+"px;height:"+l+"px;background-color:"+(e.isDark(d,r)?t.colorDark:t.colorLight)+";\"></td>");i.push("</tr>")}i.push("</table>"),o.innerHTML=i.join("");var c=o.childNodes[0],p=(t.width-c.offsetWidth)/2,m=(t.height-c.offsetHeight)/2;0<p&&0<m&&(c.style.margin=m+"px "+p+"px")},e.prototype.clear=function(){this._el.innerHTML=""},e}();t=function(e,t){if(this._htOption={width:256,height:256,typeNumber:4,colorDark:"#000000",colorLight:"#ffffff",correctLevel:g.H},"string"==typeof t&&(t={text:t}),t)for(var o in t)this._htOption[o]=t[o];"string"==typeof e&&(e=document.getElementById(e)),this._htOption.useSVG&&(v=_),this._android=p(),this._el=e,this._oQRCode=null,this._oDrawing=new v(this._el,this._htOption),this._htOption.text&&this.makeCode(this._htOption.text)},t.prototype.makeCode=function(e){this._oQRCode=new o(m(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()},t.prototype.makeImage=function(){"function"==typeof this._oDrawing.makeImage&&(!this._android||3<=this._android)&&this._oDrawing.makeImage()},t.prototype.clear=function(){this._oDrawing.clear()},t.CorrectLevel=g})(),e&&e.exports&&(e.exports=t)}).call(t,o("3IRH")(e))},vAKq:function(e,t,o){t=e.exports=o("FZ+f")(!0),t.push([e.i,".md-example-child-single-component .container[data-v-9f9e5c00]{margin:0 auto;width:640px}","",{version:3,sources:["/Users/huangbingcheng/Work/Code/mand-mobile/site/public/en-US/docs/components/business/ruler/demo4.vue"],names:[],mappings:"AACA,+DACE,cAAe,AACf,WAAa,CACd",file:"demo4.vue",sourcesContent:["\n.md-example-child-single-component .container[data-v-9f9e5c00] {\n margin: 0 auto;\n width: 640px;\n}"],sourceRoot:""}])},xnBM:function(e,t,o){(function(a){var s,n,l;(function(a,i){n=[t,o("7+uW")],s=i,l="function"==typeof s?s.apply(t,n):s,!(void 0!==l&&(e.exports=l))})(this,function(e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.root=e.isIOS=e.isAndroid=e.UA=e.inBrowser=e.isProd=void 0;var o=function(e){return e&&e.__esModule?e:{default:e}}(t),s=e.isProd=!0,n=e.inBrowser=!o.default.prototype.$isServer||"undefined"!=typeof window,l=e.UA=n&&window.navigator.userAgent.toLowerCase(),i=e.isAndroid=l&&0<l.indexOf("android"),d=e.isIOS=l&&/iphone|ipad|ipod|ios/.test(l),r=e.root="undefined"==typeof window?a:window})}).call(t,o("DuR2"))},xon2:function(e,t,o){var a=o("BNyQ");"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);o("rjj0")("2f3d15ee",a,!0,{})},yFWE:function(e,t){"use strict";t.a={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-example-child md-example-child-single-component"},[o("p",[e._v("\u5F53\u524D\u503C\uFF1A"+e._s(e.value))]),e._v(" "),o("div",{staticClass:"container"},[o("md-ruler",{attrs:{scope:e.scope,step:100,unit:10,max:1800,min:1200},model:{value:e.value,callback:function(t){e.value=t},expression:"value"}})],1)])},staticRenderFns:[]}},zhst:function(e,t){"use strict";t.a={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-example-child md-example-child-single-component"},[o("p",[e._v("\u5F53\u524D\u503C\uFF1A"+e._s(e.value))]),e._v(" "),o("div",{staticClass:"container"},[o("md-ruler",{attrs:{scope:e.scope,step:100,unit:10},model:{value:e.value,callback:function(t){e.value=t},expression:"value"}})],1)])},staticRenderFns:[]}}});