tplus-components-touch 1.25.6 → 1.25.10

package/dist/components/test/index.js

@@ -246,9 +246,9 @@ var A = function (_Component) {
 //   }
 // }
 
-/**
- * @title 基本Tooltip
- * @description trigger 设置显示方式。
+/**
+ * @title 基本Tooltip
+ * @description trigger 设置显示方式。
  */
 
 // import React, { Component } from 'react';

package/dist/components/test/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["tplus-components-touch/components/test/index.js"],"names":["A","props","onChange","e","setState","value","state","Component","Test"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuPA;;;;;;IAEOA,C;;;AAEL,aAAYC,KAAZ,EAAmB;AAAA;;AAAA,4HACXA,KADW;;AAAA,UAOnBC,QAPmB,GAOR,UAACC,CAAD,EAAO;AAChB,YAAKC,QAAL,CAAc;AACZC,eAAOF;AADK,OAAd;AAGA,YAAKF,KAAL,CAAWC,QAAX,CAAoBC,CAApB;AACD,KAZkB;;AAEjB,UAAKG,KAAL,GAAa;AACXD,aAAO;AADI,KAAb;AAFiB;AAKlB;;;;6BASQ;AACP,aACE,uDAAa,UAAU,KAAKH,QAA5B,EAAsC,OAAO,KAAKD,KAAL,CAAWI,KAAxD,GADF;AAGD;;;EApBcE,gB,GAzPjB;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;;AAIA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;;;AAMA;AACA;;;AAIA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;IAgCqBC,I;;;AAEnB,gBAAYP,KAAZ,EAAmB;AAAA;;AAAA,mIACXA,KADW;;AAAA,WAMnBC,QANmB,GAMR,UAACC,CAAD,EAAO;AAChB,aAAKC,QAAL,CAAc;AACZC,eAAOF;AADK,OAAd;AAGD,KAVkB;;AAEjB,WAAKG,KAAL,GAAa;AACXD,aAAO;AADI,KAAb;AAFiB;AAKlB;;;;6BAMQ;AACP,aACE,8BAAC,CAAD,IAAG,OAAO,KAAKC,KAAL,CAAWD,KAArB,EAA4B,UAAU,KAAKH,QAA3C,GADF;AAGD;;;EAjB+BK,gB;;kBAAbC,I","file":"index.js","sourcesContent":["// import React, { Component } from 'react';\r\n// import { Table, Popover, Button, FormControl } from 'tinper-bee';\r\n\r\n\r\n// class Test extends Component {\r\n//     state = {\r\n//         show: false\r\n//     }\r\n//     onFocus = () => {\r\n//         console.log('focus')\r\n//         this.setState({\r\n//             show: true\r\n//         })\r\n//     }\r\n//     onBlur = () => {\r\n//         console.log('blur')\r\n//         this.setState({\r\n//             show: false\r\n//         })\r\n//     }\r\n//     onHide = (visible) => {\r\n//         this.setState({\r\n//             show: visible\r\n//         })\r\n//     }\r\n//     render() {\r\n//     let content = (\r\n//         <div>\r\n//             <h3>消息</h3>\r\n//             <ul>\r\n//                 <li>您的服务器已宕机，请处理。</li>\r\n//                 <li>您的手机已停机，请续费。</li>\r\n//                 <li>你的工资已到账，请查收。</li>\r\n//             </ul>\r\n//         </div>\r\n//     );\r\n//         return (\r\n//             <Popover\r\n//                 placement=\"topLeft\"\r\n//                 show={this.state.show}\r\n//                 onHide={this.onHide}\r\n//                 content={content}>\r\n\r\n//                 <FormControl type='text' onFocus={this.onFocus} onBlur={this.onBlur} />\r\n//             </Popover>\r\n//         )\r\n//     }\r\n// }\r\n// export default Test;\r\n\r\n// import React, {Component} from 'react';\r\n// import { Popover, Button, FormControl } from 'tinper-bee';\r\n\r\n\r\n// class Test extends Component {\r\n//     constructor(props) {\r\n//         super(props);\r\n//         this.state = {\r\n//             show: false\r\n//         }\r\n//     }\r\n//     handleClose = () => {\r\n//         this.setState({\r\n//             show: false\r\n//         })\r\n//     }\r\n//     show = () => {\r\n//         this.setState({\r\n//             show: true\r\n//         })\r\n//     }\r\n//     onHide = (visible) => {\r\n//         this.setState({\r\n//             show: visible\r\n//         })\r\n//     }\r\n//     render() {\r\n//         let content = (\r\n//             <div>\r\n//                 <Button\r\n//                     colors=\"primary\"\r\n//                     onClick={ this.handleClose }\r\n//                     size=\"sm\">\r\n//                     关闭\r\n//                 </Button>\r\n//             </div>\r\n//         )\r\n//         return (\r\n//             <div>\r\n//                 <Popover\r\n//                     id=\"demo2\"\r\n//                     placement=\"right\"\r\n//                     title={<h3>请确认您的包裹已签收！</h3>}\r\n//                     content={content}\r\n//                     show={this.state.show}\r\n//                     onHide={this.onHide}\r\n//                 >\r\n//                     {/* <Button\r\n//                         colors=\"primary\"\r\n//                         onClick={ this.show }\r\n//                         >确认按钮</Button> */}\r\n//                         <FormControl type='text' onFocus={this.show}  />\r\n//                 </Popover>\r\n//             </div>\r\n//         )\r\n//     }\r\n// }\r\n\r\n// export default Test;\r\n\r\n// /**\r\n// *\r\n// * @title 拖拽改变列宽度\r\n// * @parent 列操作-拖拽 Drag\r\n// * @description onDropBorder方法为调整列宽后触发的回调函数。注：不支持tree结构的表头、合并表头的table。\r\n// * demo1002\r\n// */\r\n// import React, { Component } from 'react';\r\n// // import {  } from 'tinper-bee';\r\n// import {Icon, Table} from \"tinper-bee\";\r\n\r\n// // import Table from \"tinper-bee/lib/src\";; \r\n// // import dragColumn from \"tinper-bee/lib/dragColumn\";;\r\n\r\n// const columns23 = [\r\n//   {\r\n//     title: \"订单编号\",\r\n//     dataIndex: \"a\",\r\n//     key: \"a\",\r\n//     width: '200',\r\n//     fixed:'left'\r\n//   },\r\n//   {\r\n//     title: \"单据日期\",\r\n//     dataIndex: \"b\",\r\n//     key: \"b\",\r\n//     width: '600'\r\n//   },\r\n//   {\r\n//     title: \"供应商\",\r\n//     dataIndex: \"c\",\r\n//     key: \"c\",\r\n//     width: '200',\r\n//   }, \r\n//   {\r\n//     title: \"联系人\",\r\n//     dataIndex: \"d\",\r\n//     key: \"d\",\r\n//     width: 500,\r\n//   }\r\n// ];\r\n\r\n// const data23 = [\r\n//   { a: \"NU0391001\", b: \"2019-03-01\", c: \"xx供应商\",d:'Tom', key: \"2\" },\r\n//   { a: \"NU0391002\", b: \"2018-11-02\", c: \"yy供应商\",d:'Jack', key: \"1\" },\r\n//   { a: \"NU0391003\", b: \"2019-05-03\", c: \"zz供应商\",d:'Jane', key: \"3\" }\r\n// ];\r\n\r\n// // const DragColumnTable = dragColumn(Table);\r\n\r\n\r\n\r\n// export default class Test extends Component {\r\n//   constructor(props) {\r\n//     super(props); \r\n//   }\r\n\r\n//   render() {\r\n//     return <Table \r\n//             columns={columns23} \r\n//             data={data23} \r\n//             bordered\r\n//             dragborder={true} \r\n//             draggable={true} \r\n//             scroll={{y:200}}\r\n//             onDropBorder ={(e,width)=>{\r\n//               console.log(width+\"--调整列宽后触发事件\",e.target);\r\n//             }}\r\n//             />;\r\n//   }\r\n// }\r\n\r\n/**\r\n * @title 基本Tooltip\r\n * @description trigger 设置显示方式。\r\n */\r\n\r\n\r\n// import React, { Component } from 'react';\r\n// import { Tooltip, Button } from 'tinper-bee';\r\n\r\n\r\n\r\n// export default class Test extends Component {\r\n//   state = {\r\n//     visible: false\r\n//   }\r\n\r\n//   onHide = (visible) => {\r\n//     console.log('onHide', visible);\r\n//     this.setState({\r\n//       visible: visible\r\n//     })\r\n//   }\r\n\r\n//   show = () => {\r\n//     this.setState({\r\n//       visible: !this.state.visible\r\n//     })\r\n//   }\r\n\r\n//   render() {\r\n//     let tip = (\r\n//       <div>\r\n//         这是一个很强的提醒！\r\n// \t\t\t</div>\r\n//     )\r\n\r\n//     return (\r\n//       <div className=\"demo-tooltip\">\r\n//         <Tooltip inverse overlay={tip}>\r\n//           <Button colors=\"primary\">\r\n//             鼠标滑过显示\r\n// \t\t\t\t\t</Button>\r\n//         </Tooltip>\r\n//         <Tooltip\r\n//           trigger=\"click\"\r\n//           rootClose\r\n//           placement=\"bottom\"\r\n//           overlay={tip}\r\n//           visible={this.state.visible}\r\n//           onVisibleChange={v => console.log(v)}\r\n//           onHide={this.onHide}>\r\n//           <Button style={{ marginLeft: 100 }} colors=\"primary\" onClick={this.show}>\r\n//             点击显示\r\n// \t\t\t\t\t</Button>\r\n//         </Tooltip>\r\n//       </div>\r\n//     )\r\n//   }\r\n// }\r\n\r\n\r\n\r\n\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport { FormControl } from 'tinper-bee';\r\n class A extends Component {\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      value: ''\r\n    }\r\n  }\r\n\r\n  onChange = (e) => {\r\n    this.setState({\r\n      value: e\r\n    })\r\n    this.props.onChange(e)\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <FormControl onChange={this.onChange} value={this.props.value} />\r\n    )\r\n  }\r\n}\r\n\r\nexport default class Test extends Component {\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      value: ''\r\n    }\r\n  }\r\n  onChange = (e) => {\r\n    this.setState({\r\n      value: e\r\n    })\r\n  }\r\n  render() {\r\n    return (\r\n      <A value={this.state.value} onChange={this.onChange} />\r\n    )\r\n  }\r\n}"]}
+{"version":3,"sources":["tplus-components-touch/components/test/index.js"],"names":["A","props","onChange","e","setState","value","state","Component","Test"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuPA;;;;;;IAEOA,C;;;AAEL,aAAYC,KAAZ,EAAmB;AAAA;;AAAA,4HACXA,KADW;;AAAA,UAOnBC,QAPmB,GAOR,UAACC,CAAD,EAAO;AAChB,YAAKC,QAAL,CAAc;AACZC,eAAOF;AADK,OAAd;AAGA,YAAKF,KAAL,CAAWC,QAAX,CAAoBC,CAApB;AACD,KAZkB;;AAEjB,UAAKG,KAAL,GAAa;AACXD,aAAO;AADI,KAAb;AAFiB;AAKlB;;;;6BASQ;AACP,aACE,uDAAa,UAAU,KAAKH,QAA5B,EAAsC,OAAO,KAAKD,KAAL,CAAWI,KAAxD,GADF;AAGD;;;EApBcE,gB,GAzPjB;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;;AAIA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;;;AAMA;AACA;;;AAIA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;IAgCqBC,I;;;AAEnB,gBAAYP,KAAZ,EAAmB;AAAA;;AAAA,mIACXA,KADW;;AAAA,WAMnBC,QANmB,GAMR,UAACC,CAAD,EAAO;AAChB,aAAKC,QAAL,CAAc;AACZC,eAAOF;AADK,OAAd;AAGD,KAVkB;;AAEjB,WAAKG,KAAL,GAAa;AACXD,aAAO;AADI,KAAb;AAFiB;AAKlB;;;;6BAMQ;AACP,aACE,8BAAC,CAAD,IAAG,OAAO,KAAKC,KAAL,CAAWD,KAArB,EAA4B,UAAU,KAAKH,QAA3C,GADF;AAGD;;;EAjB+BK,gB;;kBAAbC,I","file":"index.js","sourcesContent":["// import React, { Component } from 'react';\n// import { Table, Popover, Button, FormControl } from 'tinper-bee';\n\n\n// class Test extends Component {\n//     state = {\n//         show: false\n//     }\n//     onFocus = () => {\n//         console.log('focus')\n//         this.setState({\n//             show: true\n//         })\n//     }\n//     onBlur = () => {\n//         console.log('blur')\n//         this.setState({\n//             show: false\n//         })\n//     }\n//     onHide = (visible) => {\n//         this.setState({\n//             show: visible\n//         })\n//     }\n//     render() {\n//     let content = (\n//         <div>\n//             <h3>消息</h3>\n//             <ul>\n//                 <li>您的服务器已宕机，请处理。</li>\n//                 <li>您的手机已停机，请续费。</li>\n//                 <li>你的工资已到账，请查收。</li>\n//             </ul>\n//         </div>\n//     );\n//         return (\n//             <Popover\n//                 placement=\"topLeft\"\n//                 show={this.state.show}\n//                 onHide={this.onHide}\n//                 content={content}>\n\n//                 <FormControl type='text' onFocus={this.onFocus} onBlur={this.onBlur} />\n//             </Popover>\n//         )\n//     }\n// }\n// export default Test;\n\n// import React, {Component} from 'react';\n// import { Popover, Button, FormControl } from 'tinper-bee';\n\n\n// class Test extends Component {\n//     constructor(props) {\n//         super(props);\n//         this.state = {\n//             show: false\n//         }\n//     }\n//     handleClose = () => {\n//         this.setState({\n//             show: false\n//         })\n//     }\n//     show = () => {\n//         this.setState({\n//             show: true\n//         })\n//     }\n//     onHide = (visible) => {\n//         this.setState({\n//             show: visible\n//         })\n//     }\n//     render() {\n//         let content = (\n//             <div>\n//                 <Button\n//                     colors=\"primary\"\n//                     onClick={ this.handleClose }\n//                     size=\"sm\">\n//                     关闭\n//                 </Button>\n//             </div>\n//         )\n//         return (\n//             <div>\n//                 <Popover\n//                     id=\"demo2\"\n//                     placement=\"right\"\n//                     title={<h3>请确认您的包裹已签收！</h3>}\n//                     content={content}\n//                     show={this.state.show}\n//                     onHide={this.onHide}\n//                 >\n//                     {/* <Button\n//                         colors=\"primary\"\n//                         onClick={ this.show }\n//                         >确认按钮</Button> */}\n//                         <FormControl type='text' onFocus={this.show}  />\n//                 </Popover>\n//             </div>\n//         )\n//     }\n// }\n\n// export default Test;\n\n// /**\n// *\n// * @title 拖拽改变列宽度\n// * @parent 列操作-拖拽 Drag\n// * @description onDropBorder方法为调整列宽后触发的回调函数。注：不支持tree结构的表头、合并表头的table。\n// * demo1002\n// */\n// import React, { Component } from 'react';\n// // import {  } from 'tinper-bee';\n// import {Icon, Table} from \"tinper-bee\";\n\n// // import Table from \"tinper-bee/lib/src\";; \n// // import dragColumn from \"tinper-bee/lib/dragColumn\";;\n\n// const columns23 = [\n//   {\n//     title: \"订单编号\",\n//     dataIndex: \"a\",\n//     key: \"a\",\n//     width: '200',\n//     fixed:'left'\n//   },\n//   {\n//     title: \"单据日期\",\n//     dataIndex: \"b\",\n//     key: \"b\",\n//     width: '600'\n//   },\n//   {\n//     title: \"供应商\",\n//     dataIndex: \"c\",\n//     key: \"c\",\n//     width: '200',\n//   }, \n//   {\n//     title: \"联系人\",\n//     dataIndex: \"d\",\n//     key: \"d\",\n//     width: 500,\n//   }\n// ];\n\n// const data23 = [\n//   { a: \"NU0391001\", b: \"2019-03-01\", c: \"xx供应商\",d:'Tom', key: \"2\" },\n//   { a: \"NU0391002\", b: \"2018-11-02\", c: \"yy供应商\",d:'Jack', key: \"1\" },\n//   { a: \"NU0391003\", b: \"2019-05-03\", c: \"zz供应商\",d:'Jane', key: \"3\" }\n// ];\n\n// // const DragColumnTable = dragColumn(Table);\n\n\n\n// export default class Test extends Component {\n//   constructor(props) {\n//     super(props); \n//   }\n\n//   render() {\n//     return <Table \n//             columns={columns23} \n//             data={data23} \n//             bordered\n//             dragborder={true} \n//             draggable={true} \n//             scroll={{y:200}}\n//             onDropBorder ={(e,width)=>{\n//               console.log(width+\"--调整列宽后触发事件\",e.target);\n//             }}\n//             />;\n//   }\n// }\n\n/**\n * @title 基本Tooltip\n * @description trigger 设置显示方式。\n */\n\n\n// import React, { Component } from 'react';\n// import { Tooltip, Button } from 'tinper-bee';\n\n\n\n// export default class Test extends Component {\n//   state = {\n//     visible: false\n//   }\n\n//   onHide = (visible) => {\n//     console.log('onHide', visible);\n//     this.setState({\n//       visible: visible\n//     })\n//   }\n\n//   show = () => {\n//     this.setState({\n//       visible: !this.state.visible\n//     })\n//   }\n\n//   render() {\n//     let tip = (\n//       <div>\n//         这是一个很强的提醒！\n// \t\t\t</div>\n//     )\n\n//     return (\n//       <div className=\"demo-tooltip\">\n//         <Tooltip inverse overlay={tip}>\n//           <Button colors=\"primary\">\n//             鼠标滑过显示\n// \t\t\t\t\t</Button>\n//         </Tooltip>\n//         <Tooltip\n//           trigger=\"click\"\n//           rootClose\n//           placement=\"bottom\"\n//           overlay={tip}\n//           visible={this.state.visible}\n//           onVisibleChange={v => console.log(v)}\n//           onHide={this.onHide}>\n//           <Button style={{ marginLeft: 100 }} colors=\"primary\" onClick={this.show}>\n//             点击显示\n// \t\t\t\t\t</Button>\n//         </Tooltip>\n//       </div>\n//     )\n//   }\n// }\n\n\n\n\n\n\nimport React, { Component } from 'react';\nimport { FormControl } from 'tinper-bee';\n class A extends Component {\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: ''\n    }\n  }\n\n  onChange = (e) => {\n    this.setState({\n      value: e\n    })\n    this.props.onChange(e)\n  }\n\n  render() {\n    return (\n      <FormControl onChange={this.onChange} value={this.props.value} />\n    )\n  }\n}\n\nexport default class Test extends Component {\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: ''\n    }\n  }\n  onChange = (e) => {\n    this.setState({\n      value: e\n    })\n  }\n  render() {\n    return (\n      <A value={this.state.value} onChange={this.onChange} />\n    )\n  }\n}"]}