phoenix-ui/docs/3x/readme.js

future team ui for app with react

/*! Last update: Thu Apr 25 2019 20:29:37 GMT+0800 (CST) */
!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.PhoenixUi=n():e.PhoenixUi=n()}(window,function(){return function(S){function e(e){for(var n,o,t=e[0],r=e[1],i=e[2],c=0,d=[];c<t.length;c++)o=t[c],$[o]&&d.push($[o][0]),$[o]=0;for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(S[n]=r[n]);for(g&&g(e);d.length;)d.shift()();return v.push.apply(v,i||[]),a()}function a(){for(var e,n=0;n<v.length;n++){for(var o=v[n],t=!0,r=1;r<o.length;r++){var i=o[r];0!==$[i]&&(t=!1)}t&&(v.splice(n--,1),e=L(L.s=o[0]))}return e}var o=window.webpackHotUpdatePhoenixUi;window.webpackHotUpdatePhoenixUi=function(e,n){!function(e,n){if(!U[e]||!p[e])return;for(var o in p[e]=!1,n)Object.prototype.hasOwnProperty.call(n,o)&&(C[o]=n[o]);0==--s&&0===l&&m()}(e,n),o&&o(e,n)};var i,t=!0,I="f2c681e792549550681b",n=1e4,H={},T=[],r=[];var c=[],M="idle";function A(e){M=e;for(var n=0;n<c.length;n++)c[n].call(null,e)}var d,C,N,s=0,l=0,u={},p={},U={};function B(e){return+e+""===e?+e:e}function f(e){if("idle"!==M)throw new Error("check() is only allowed in idle status");return t=e,A("check"),(i=n,i=i||1e4,new Promise(function(n,o){if("undefined"==typeof XMLHttpRequest)return o(new Error("No browser support"));try{var t=new XMLHttpRequest,r=L.p+""+I+".hot-update.json";t.open("GET",r,!0),t.timeout=i,t.send(null)}catch(e){return o(e)}t.onreadystatechange=function(){if(4===t.readyState)if(0===t.status)o(new Error("Manifest request to "+r+" timed out."));else if(404===t.status)n();else if(200!==t.status&&304!==t.status)o(new Error("Manifest request to "+r+" failed."));else{try{var e=JSON.parse(t.responseText)}catch(e){return void o(e)}n(e)}}})).then(function(e){if(!e)return A("idle"),null;p={},u={},U=e.c,N=e.h,A("prepare");var n=new Promise(function(e,n){d={resolve:e,reject:n}});for(var o in C={},$)h(o);return"prepare"===M&&0===l&&0===s&&m(),n});var i}function h(e){var n,o;U[e]?(p[e]=!0,s++,n=e,(o=document.createElement("script")).charset="utf-8",o.src=L.p+""+n+"."+I+".hot-update.js",o.crossOrigin="anonymous",document.head.appendChild(o)):u[e]=!0}function m(){A("ready");var n=d;if(d=null,n)if(t)Promise.resolve().then(function(){return b(t)}).then(function(e){n.resolve(e)},function(e){n.reject(e)});else{var e=[];for(var o in C)Object.prototype.hasOwnProperty.call(C,o)&&e.push(B(o));n.resolve(e)}}function b(o){if("ready"!==M)throw new Error("apply() is only allowed in ready status");var e,n,t,l,r;function i(e){for(var n=[e],o={},t=n.slice().map(function(e){return{chain:[e],id:e}});0<t.length;){var r=t.pop(),i=r.id,c=r.chain;if((l=R[i])&&!l.hot._selfAccepted){if(l.hot._selfDeclined)return{type:"self-declined",chain:c,moduleId:i};if(l.hot._main)return{type:"unaccepted",chain:c,moduleId:i};for(var d=0;d<l.parents.length;d++){var a=l.parents[d],s=R[a];if(s){if(s.hot._declinedDependencies[i])return{type:"declined",chain:c.concat([a]),moduleId:i,parentId:a};-1===n.indexOf(a)&&(s.hot._acceptedDependencies[i]?(o[a]||(o[a]=[]),u(o[a],[i])):(delete o[a],n.push(a),t.push({chain:c.concat([a]),id:a})))}}}}return{type:"accepted",moduleId:e,outdatedModules:n,outdatedDependencies:o}}function u(e,n){for(var o=0;o<n.length;o++){var t=n[o];-1===e.indexOf(t)&&e.push(t)}}o=o||{};var c={},d=[],a={},s=function(){console.warn("[HMR] unexpected require("+f.moduleId+") to disposed module")};for(var p in C)if(Object.prototype.hasOwnProperty.call(C,p)){var f;r=B(p);var h=!1,m=!1,b=!1,v="";switch((f=C[p]?i(r):{type:"disposed",moduleId:p}).chain&&(v="\nUpdate propagation: "+f.chain.join(" -> ")),f.type){case"self-declined":o.onDeclined&&o.onDeclined(f),o.ignoreDeclined||(h=new Error("Aborted because of self decline: "+f.moduleId+v));break;case"declined":o.onDeclined&&o.onDeclined(f),o.ignoreDeclined||(h=new Error("Aborted because of declined dependency: "+f.moduleId+" in "+f.parentId+v));break;case"unaccepted":o.onUnaccepted&&o.onUnaccepted(f),o.ignoreUnaccepted||(h=new Error("Aborted because "+r+" is not accepted"+v));break;case"accepted":o.onAccepted&&o.onAccepted(f),m=!0;break;case"disposed":o.onDisposed&&o.onDisposed(f),b=!0;break;default:throw new Error("Unexception type "+f.type)}if(h)return A("abort"),Promise.reject(h);if(m)for(r in a[r]=C[r],u(d,f.outdatedModules),f.outdatedDependencies)Object.prototype.hasOwnProperty.call(f.outdatedDependencies,r)&&(c[r]||(c[r]=[]),u(c[r],f.outdatedDependencies[r]));b&&(u(d,[f.moduleId]),a[r]=s)}var y,x=[];for(n=0;n<d.length;n++)r=d[n],R[r]&&R[r].hot._selfAccepted&&x.push({module:r,errorHandler:R[r].hot._selfAccepted});A("dispose"),Object.keys(U).forEach(function(e){!1===U[e]&&delete $[e]});for(var w,g,_=d.slice();0<_.length;)if(r=_.pop(),l=R[r]){var E={},D=l.hot._disposeHandlers;for(t=0;t<D.length;t++)(e=D[t])(E);for(H[r]=E,l.hot.active=!1,delete R[r],delete c[r],t=0;t<l.children.length;t++){var O=R[l.children[t]];O&&(0<=(y=O.parents.indexOf(r))&&O.parents.splice(y,1))}}for(r in c)if(Object.prototype.hasOwnProperty.call(c,r)&&(l=R[r]))for(g=c[r],t=0;t<g.length;t++)w=g[t],0<=(y=l.children.indexOf(w))&&l.children.splice(y,1);for(r in A("apply"),I=N,a)Object.prototype.hasOwnProperty.call(a,r)&&(S[r]=a[r]);var j=null;for(r in c)if(Object.prototype.hasOwnProperty.call(c,r)&&(l=R[r])){g=c[r];var P=[];for(n=0;n<g.length;n++)if(w=g[n],e=l.hot._acceptedDependencies[w]){if(-1!==P.indexOf(e))continue;P.push(e)}for(n=0;n<P.length;n++){e=P[n];try{e(g)}catch(e){o.onErrored&&o.onErrored({type:"accept-errored",moduleId:r,dependencyId:g[n],error:e}),o.ignoreErrored||j||(j=e)}}}for(n=0;n<x.length;n++){var k=x[n];r=k.module,T=[r];try{L(r)}catch(n){if("function"==typeof k.errorHandler)try{k.errorHandler(n)}catch(e){o.onErrored&&o.onErrored({type:"self-accept-error-handler-errored",moduleId:r,error:e,originalError:n}),o.ignoreErrored||j||(j=e),j||(j=n)}else o.onErrored&&o.onErrored({type:"self-accept-errored",moduleId:r,error:n}),o.ignoreErrored||j||(j=n)}}return j?(A("fail"),Promise.reject(j)):(A("idle"),new Promise(function(e){e(d)}))}var R={},$={2:0},v=[];function L(e){if(R[e])return R[e].exports;var n,t,o=R[e]={i:e,l:!1,exports:{},hot:(n=e,t={_acceptedDependencies:{},_declinedDependencies:{},_selfAccepted:!1,_selfDeclined:!1,_disposeHandlers:[],_main:i!==n,active:!0,accept:function(e,n){if(void 0===e)t._selfAccepted=!0;else if("function"==typeof e)t._selfAccepted=e;else if("object"==typeof e)for(var o=0;o<e.length;o++)t._acceptedDependencies[e[o]]=n||function(){};else t._acceptedDependencies[e]=n||function(){}},decline:function(e){if(void 0===e)t._selfDeclined=!0;else if("object"==typeof e)for(var n=0;n<e.length;n++)t._declinedDependencies[e[n]]=!0;else t._declinedDependencies[e]=!0},dispose:function(e){t._disposeHandlers.push(e)},addDisposeHandler:function(e){t._disposeHandlers.push(e)},removeDisposeHandler:function(e){var n=t._disposeHandlers.indexOf(e);0<=n&&t._disposeHandlers.splice(n,1)},check:f,apply:b,status:function(e){if(!e)return M;c.push(e)},addStatusHandler:function(e){c.push(e)},removeStatusHandler:function(e){var n=c.indexOf(e);0<=n&&c.splice(n,1)},data:H[n]},i=void 0,t),parents:(r=T,T=[],r),children:[]};return S[e].call(o.exports,o,o.exports,function(n){var o=R[n];if(!o)return L;var t=function(e){return o.hot.active?(R[e]?-1===R[e].parents.indexOf(n)&&R[e].parents.push(n):(T=[n],i=e),-1===o.children.indexOf(e)&&o.children.push(e)):(console.warn("[HMR] unexpected require("+e+") from disposed module "+n),T=[]),L(e)},e=function(n){return{configurable:!0,enumerable:!0,get:function(){return L[n]},set:function(e){L[n]=e}}};for(var r in L)Object.prototype.hasOwnProperty.call(L,r)&&"e"!==r&&"t"!==r&&Object.defineProperty(t,r,e(r));return t.e=function(e){return"ready"===M&&A("prepare"),l++,L.e(e).then(n,function(e){throw n(),e});function n(){l--,"prepare"===M&&(u[e]||h(e),0===l&&0===s&&m())}},t.t=function(e,n){return 1&n&&(e=t(e)),L.t(e,-2&n)},t}(e)),o.l=!0,o.exports}L.m=S,L.c=R,L.d=function(e,n,o){L.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:o})},L.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},L.t=function(n,e){if(1&e&&(n=L(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(L.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var t in n)L.d(o,t,function(e){return n[e]}.bind(null,t));return o},L.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return L.d(n,"a",n),n},L.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},L.p="",L.h=function(){return I};var y=window.webpackJsonpPhoenixUi=window.webpackJsonpPhoenixUi||[],x=y.push.bind(y);y.push=e,y=y.slice();for(var w=0;w<y.length;w++)e(y[w]);var g=x;return v.push(["./README.md",0]),a()}({"./README.md":function(e,n,o){"use strict";var t,r,i,c,d=function(){function t(e,n){for(var o=0;o<n.length;o++){var t=n[o];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}(),a=o("../../../../../../usr/local/lib/node_modules/@dp/acinonyx-cli/node_modules/react/index.js"),s=p(a),l=p(o("../../../../../../usr/local/lib/node_modules/@dp/acinonyx-cli/node_modules/react-dom/index.js")),u=p(o("../../../../../../usr/local/lib/node_modules/@dp/acinonyx-cli/node_modules/copy-to-clipboard/index.js"));function p(e){return e&&e.__esModule?e:{default:e}}function f(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function h(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}function m(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}o("../../../../../../usr/local/lib/node_modules/@dp/acinonyx-cli/node_modules/@dp/acinonyx-code-prettify/prettify-min.js"),o("../../../../../../usr/local/lib/node_modules/@dp/acinonyx-cli/node_modules/github-markdown-css/github-markdown.css"),o("../../../../../../usr/local/lib/node_modules/@dp/acinonyx-cli/node_modules/@dp/acinonyx-code-prettify/prettify-min.css"),o("../../../../../../usr/local/lib/node_modules/@dp/acinonyx-cli/node_modules/@dp/acinonyx-doc-react-markdown-loader/index.css");var b=s.default.Fragment;function v(){var e=function(e){return document.querySelector(e)},n=e(".ax-doc-device-box"),o=function e(n){var o=n.offsetTop;return null!=n.offsetParent&&(o+=e(n.offsetParent)),o}(e(".ax-doc-box"));n.style.top=o+"px";var t=function(){var e=document.documentElement.scrollTop||document.body.scrollTop;o<e?(n.style.position="fixed",n.style.top="0px"):(n.style.position="absolute",n.style.top=o+"px")};t(),document.addEventListener("scroll",t)}b=o("../../../../../../usr/local/lib/node_modules/@dp/acinonyx-cli/node_modules/@dp/acinonyx-doc/lib/template/react/index.js");var y={_stack:{},push:function(e,n){y._stack[n]=e},get:function(e){var n=y._stack[e];return s.default.createElement(n,null)}},x=(r=t=function(e){function t(e,n){f(this,t);var o=h(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return o.state={isShowDemo:e.defaultShowDemo,showDemoBtnText:e.defaultShowDemo?"隐藏代码":"展开代码"},o}return m(t,a.Component),d(t,[{key:"showCodeOrHide",value:function(){this.setState({isShowDemo:!this.state.isShowDemo,showDemoBtnText:"展开代码"==this.state.showDemoBtnText?"隐藏代码":"展开代码"})}},{key:"render",value:function(){var e=this.props,n=e.children,o=e.showDemo,t=e.code,r=e.codeSnippet;e.type;return s.default.createElement("div",{className:"ax-doc-demo-box"},r?s.default.createElement("div",{className:"ax-code-box"},s.default.createElement("div",{className:"ax-show-demo-content"},n),s.default.createElement("div",{className:"ax-code-exe-btns"},s.default.createElement("button",{className:"ax-code-exe-btn-sh",onClick:this.showCodeOrHide.bind(this)},this.state.showDemoBtnText),s.default.createElement("button",{className:"ax-code-exe-btn-copy",onClick:function(){(0,u.default)(t,{debug:!1,message:"Press #{key} to copy"})}},"复制代码"),s.default.createElement("button",{className:"ax-code-exe-btn-demo",onClick:function(){o(n)}},"执行代码")),s.default.createElement("div",{className:"ax-code-content",style:{display:this.state.isShowDemo?"block":"none"}},s.default.createElement("pre",{className:"code prettyprint linenums"},s.default.createElement("code",{className:""},t)))):s.default.createElement("div",{dangerouslySetInnerHTML:{__html:t},className:"markdown markdown-body"}))}}]),t}(),t.defaultProps={codeSnippet:!1,type:"pc",code:"",defaultShowDemo:!1,showDemo:function(){}},r),w=(c=i=function(e){function t(e,n){f(this,t);var o=h(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return o.state={demo:"请点击执行代码按钮预览示例内容！"},o}return m(t,a.Component),d(t,[{key:"showDemo",value:function(e){this.setState({demo:e})}},{key:"componentWillMount",value:function(){}},{key:"componentDidMount",value:function(){setTimeout(function(){prettyPrint(),v()})}},{key:"render",value:function(){return s.default.createElement(b,null,s.default.createElement("div",{className:"ax-doc-box ax-doc-pc-box"},s.default.createElement(s.default.Fragment,null,s.default.createElement(x,{defaultShowDemo:!0,codeSnippet:!1,code:'<h1 id="phoenix-ui">phoenix-ui</h1>\n<p>一个基于React的移动端UI组件库。</p>\n<h2 id="install">Install</h2>\n<div class="ax-doc-code-container"><pre class="code prettyprint"><code class="ax-code">    $ npm install phoenix-ui --save</code></pre></div><h2 id="usage">Usage</h2>\n<div class="ax-doc-code-container"><pre class="code prettyprint"><code class="ax-code">    // CommonJS\n    var Button = require(\'phoenix-ui/lib/button\');\n    // ES6\n    import Button from \'phoenix-ui/lib/button\';\n\n    //react\n    <button phsize="xs" phstyle="primary">按钮</button></code></pre></div><h2 id="attention">Attention</h2>\n<p>使用phoenix2.0+版本必须在head中引入<code>gfs-viewport.js</code>:</p>\n<div class="ax-doc-code-container"><pre class="code prettyprint"><code class="ax-code">    ...\n    <meta charset="UTF-8">\n    <title>Phoenix-ui Examples</title>\n    <script type="text/javascript" src="https://www.dpfile.com/app/gfs-viewport/gfs-viewport.js"><\/script>\n    ...</code></pre></div><p>以上js文件自动生成viewport的meta，需要删掉之前写在头部的<code><meta name="viewport" ...></code>。</p>\n<h2 id="layout">Layout</h2>\n<p>强烈推荐rem布局，布局方式：750规格设计稿提供的px值(像素值)下，除以<code>100</code>，得到rem的值。\n配合<code>gfs-viewport.js</code>解决px在不同dpr(设备像素比)下的表现差异问题。</p>\n<h2 id="documentation">Documentation</h2>\n<p>文档随时更新,请关注:\n<a href="https://future-team.github.io/phoenix-ui/doc/index.html">https://future-team.github.io/phoenix-ui/doc/index.html</a></p>\n<h2 id="examples">Examples</h2>\n<p><a href="https://future-team.github.io/phoenix-ui/examples/index.html">https://future-team.github.io/phoenix-ui/examples/index.html</a></p>\n<div class="ax-doc-code-container"><pre class="code prettyprint"><code class="ax-code">    $ cd phoenix-ui\n    $ npm install\n    $ bower install\n    生成文件：\n    build：npm run build || gulp build\n    开发调试：\n    demo：npm run dev || gulp dev\n    测试：\n    npm run test\n    生成文档：\n    npm run docBuild\n    查看示例：\n    $npm install anywhere -g\n    $ anywhere</code></pre></div><h2 id="browser-support">Browser Support</h2>\n<p>Phoenix UI is tested with the following browsers and mobile OS.</p>\n<ul>\n<li>Android 4.4.2 +</li>\n<li>IOS 8 +</li>\n<li>Chrome</li>\n</ul>\n<h2 id="command">Command</h2>\n<div class="ax-doc-code-container"><pre class="code prettyprint"><code class="ax-code">    $ npm run dev\n    $ npm run build\n    $ npm run doc\n    $ npm run test</code></pre></div><h2 id="repair">Repair</h2>\n<p><code>version 3.5.0</code> FastClick兼容ios11。<br>\n<code>version 3.4.0</code> ButtonGroup新增extra属性，Checkbox新增小的checkbox，PhFilterCheckbox支持showExtra。<br>\n<code>version 3.0.1</code> styles采用px布局，摒除viewport引入。<br>\n<code>version 3.0.0</code> 升级到react16。<br>\n<code>version 2.0.13</code> 接入<a href="mailto:pmlogger@1.0.5">pmlogger@1.0.5</a>记录数据。<br>\n<code>version 2.0.10</code> 解决ph-filter、input等多组件问题。<br>\n<code>version 2.0.0</code> 去掉TableView和ForemGroup，新增List；Popover去掉Whisper的辅助使用；Input拆分成Input、Checkbox、Radio等。<br>\n<code>version 1.7.4</code> Toast增加duration的参数范围; Button增加phIcon属性。 <br>\n<code>version 1.7.0</code> Slider组件功能拓展，新增Steps、ImageList组件; <br>\n<code>version 1.6.2</code> 新增LoadingList组件; <br>\n<code>version 1.4.2</code> Toast拓展; ButtonGroup回调函数名称修改; <br>\n<code>version 1.4.1</code> onChange方法统一改名，避免子组件包含Input组件引发的问题；menu组件bug修改。 <br>\n<code>version 1.4.0</code> 新增menu子组件，包括导航，导航列表 <br>\n<code>version 1.3.0</code> 新增menu组件 <br>\n<code>version 1.2.0</code> 新增Icon组件 <br>\n<code>version 1.1.3</code> 统一组件使用方式; Textarea bug处理&使用方式优化; 优化手风琴使用方式; 增加弹框可操控参数; <br>\n<code>version 1.1.1</code> 样式统一加ph前缀，配合<a href="mailto:Phoenix-styles@v1.1.1">Phoenix-styles@v1.1.1</a>使用 <br>\n<code>version 1.1.0</code> 增加Drag对鼠标事件的支持;文案类整理 <br>\n<code>version 1.0.0</code> 新增Whisper/Popover、Slider、Animate、Drag <br>\n<code>version 0.4.0</code> 新增Popup、Accordion、Modal改Dialog <br>\n<code>version 0.3.0</code> 新增Textarea、Swipe、Modal、Toast <br>\n<code>version 0.2.0</code> 修复tab相关bug和优化 <br></p>\n',type:"pc",showDemo:this.showDemo.bind(this)},y.get("SJWkJSmfYDxFADXhXbNcAMbK")))),s.default.createElement("div",{className:"ax-doc-device-box"},s.default.createElement("div",{className:"ax-doc-device-demo"},this.state.demo)))}}]),t}(),i.defaultProps={},c);l.default.render(s.default.createElement(w,null),document.getElementById("axdoc-root"))}})});