130-a28f22da2d828c0b81f9.js

webpackJsonp([130],{1585:function(e,t,a){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){return y.default.createElement(e.tag,(0,w.default)({},e.attributes,{dangerouslySetInnerHTML:{__html:e.html}}))}function r(e){return y.default.createElement(o,{tag:"section",html:e.html,attributes:{className:"zandoc-react-markdown"}})}function c(e){return y.default.createElement(o,{tag:"style",html:e.style})}function d(e,t){for(;e;)return e.offsetTop&&"static"!==getComputedStyle(e).position&&(t+=e.offsetTop),d(e.parentNode,t);return t}Object.defineProperty(t,"__esModule",{value:!0});var i=a(1),s=n(i),l=a(4),p=n(l),u=a(2),m=n(u),h=a(3),f=n(h),g=a(7),w=n(g),z=a(0),y=n(z),v=a(232),_=n(v),b=(function(e){function t(){var e,a,n,o;(0,s.default)(this,t);for(var r=arguments.length,c=Array(r),d=0;d<r;d++)c[d]=arguments[d];return a=n=(0,m.default)(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(c))),n.state={showCode:!1},n.toggle=function(){n.setState({showCode:!n.state.showCode})},o=a,(0,m.default)(n,o)}(0,f.default)(t,e),(0,p.default)(t,[{key:"render",value:function(){var e=this.state.showCode,t=this.props,a=t.title,n=t.src,r=t.children;return y.default.createElement("div",{className:"zandoc-react-demo"},y.default.createElement("div",{className:"zandoc-react-demo__preview"},r),y.default.createElement("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle},y.default.createElement("div",{className:"zandoc-react-demo__title"},y.default.createElement("p",null,a||"")),y.default.createElement("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle "+(e?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})),e&&y.default.createElement("pre",{className:"zandoc-react-demo__code"},y.default.createElement(o,{tag:"code",html:n,attributes:{className:"language-jsx"}})))}}])}(z.Component),function(e){function t(){return(0,s.default)(this,t),(0,m.default)(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return(0,f.default)(t,e),(0,p.default)(t,[{key:"componentDidMount",value:function(){var e=location.hash;if(e){var t=document.querySelector('a[href="'+e+'"]');t&&(0,_.default)(document.documentElement,0,d(t,-9))}}},{key:"render",value:function(){return y.default.createElement("div",{className:"zandoc-react-container",key:null},y.default.createElement(c,{style:'img[alt="demo-preview-order-list"] {\n\t\tmax-width: 1206px;\n\t\twidth: 100%;\n\t}\n\n\timg[alt="demo-preview-paper-edit"] {\n\t\tmax-width: 810px;\n\t\twidth: 100%;\n\t}\n\n\timg[alt="demo-preview-paper-list"] {\n\t\tmax-width: 1205px;\n\t\twidth: 100%;\n\t}'}),y.default.createElement(r,{html:'<h2 class="anchor-heading"><a href="#demos">¶</a><a href="javascript:void(0)" id="demos" class="anchor-point"></a>Demos</h2>\n<p>You can use our demos as scaffolding for quick start.</p>\n<h4 class="anchor-heading"><a href="#order-list">¶</a><a href="javascript:void(0)" id="order-list" class="anchor-point"></a>Order List</h4>\n<p>Supports list filtering, lots of components like <code>Select</code>, <code>DatePicker</code> and <code>Tab</code> are used in this demo. <a href="https://www.youzanyun.com/zanui/demo/zent/order">Preview</a> | <a href="https://github.com/youzan/zent/tree/master/demo/client/pages/order/list">Source</a></p>\n<p><a href="https://www.youzanyun.com/zanui/demo/zent/order"><img src="https://img.yzcdn.cn/public_files/2017/10/31/35ebc48bbdc7956be29eb09bfebadbff.png" alt="demo-preview-order-list"></a></p>\n<h4 class="anchor-heading"><a href="#h5-page-editor">¶</a><a href="javascript:void(0)" id="h5-page-editor" class="anchor-point"></a>H5 Page Editor</h4>\n<p>Edit mobile H5 pages in a WYSIWYG way, based on the <a href="../component/design"><code>Design</code></a> component. <a href="https://www.youzanyun.com/zanui/demo/zent/paper/create">Preview</a></p>\n<p><a href="https://www.youzanyun.com/zanui/demo/zent/paper/create"><img src="https://img.yzcdn.cn/public_files/2017/10/31/d54179f7cfdfa9a367e3052076276e4b.png" alt="demo-preview-paper-edit"></a></p>\n<h4 class="anchor-heading"><a href="#h5-page-list">¶</a><a href="javascript:void(0)" id="h5-page-list" class="anchor-point"></a>H5 Page List</h4>\n<p>A simple list with actions on the right edge, actions like delete, edit and copy are supported. <code>Table</code>, <code>Pop</code>, <code>CopyButton</code> and other components are used in this demo. <a href="https://www.youzanyun.com/zanui/demo/zent/paper">Preview</a> | <a href="https://github.com/youzan/zent/tree/master/demo/client/pages/shop/list">Source</a></p>\n<p><a href="https://www.youzanyun.com/zanui/demo/zent/paper"><img src="https://img.yzcdn.cn/public_files/2017/10/31/b5a36fef48d7472e5a71072c4fefb36b.png" alt="demo-preview-paper-list"></a></p>'}))}}]),t}(z.Component));t.default=b}});