tplus-components-touch 3.45.1 → 3.45.2

package/dist/components/test/index.js

@@ -0,0 +1,330 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _input = require('antd/es/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+require('antd/es/input/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var A = function (_Component) {
+  (0, _inherits3.default)(A, _Component);
+
+  function A(props) {
+    (0, _classCallCheck3.default)(this, A);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (A.__proto__ || (0, _getPrototypeOf2.default)(A)).call(this, props));
+
+    _this.onChange = function (e) {
+      _this.setState({
+        value: e
+      });
+      _this.props.onChange(e);
+    };
+
+    _this.state = {
+      value: ''
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(A, [{
+    key: 'render',
+    value: function render() {
+      return _react2.default.createElement(_input2.default, { onChange: this.onChange, value: this.props.value });
+    }
+  }]);
+  return A;
+}(_react.Component); // import React, { Component } from 'react';
+
+
+// class Test extends Component {
+//     state = {
+//         show: false
+//     }
+//     onFocus = () => {
+//         console.log('focus')
+//         this.setState({
+//             show: true
+//         })
+//     }
+//     onBlur = () => {
+//         console.log('blur')
+//         this.setState({
+//             show: false
+//         })
+//     }
+//     onHide = (visible) => {
+//         this.setState({
+//             show: visible
+//         })
+//     }
+//     render() {
+//     let content = (
+//         <div>
+//             <h3>消息</h3>
+//             <ul>
+//                 <li>您的服务器已宕机，请处理。</li>
+//                 <li>您的手机已停机，请续费。</li>
+//                 <li>你的工资已到账，请查收。</li>
+//             </ul>
+//         </div>
+//     );
+//         return (
+//             <Popover
+//                 placement="topLeft"
+//                 show={this.state.show}
+//                 onHide={this.onHide}
+//                 content={content}>
+
+//                 <FormControl type='text' onFocus={this.onFocus} onBlur={this.onBlur} />
+//             </Popover>
+//         )
+//     }
+// }
+// export default Test;
+
+// import React, {Component} from 'react';
+
+
+// class Test extends Component {
+//     constructor(props) {
+//         super(props);
+//         this.state = {
+//             show: false
+//         }
+//     }
+//     handleClose = () => {
+//         this.setState({
+//             show: false
+//         })
+//     }
+//     show = () => {
+//         this.setState({
+//             show: true
+//         })
+//     }
+//     onHide = (visible) => {
+//         this.setState({
+//             show: visible
+//         })
+//     }
+//     render() {
+//         let content = (
+//             <div>
+//                 <Button
+//                     colors="primary"
+//                     onClick={ this.handleClose }
+//                     size="sm">
+//                     关闭
+//                 </Button>
+//             </div>
+//         )
+//         return (
+//             <div>
+//                 <Popover
+//                     id="demo2"
+//                     placement="right"
+//                     title={<h3>请确认您的包裹已签收！</h3>}
+//                     content={content}
+//                     show={this.state.show}
+//                     onHide={this.onHide}
+//                 >
+//                     {/* <Button
+//                         colors="primary"
+//                         onClick={ this.show }
+//                         >确认按钮</Button> */}
+//                         <FormControl type='text' onFocus={this.show}  />
+//                 </Popover>
+//             </div>
+//         )
+//     }
+// }
+
+// export default Test;
+
+// /**
+// *
+// * @title 拖拽改变列宽度
+// * @parent 列操作-拖拽 Drag
+// * @description onDropBorder方法为调整列宽后触发的回调函数。注：不支持tree结构的表头、合并表头的table。
+// * demo1002
+// */
+// import React, { Component } from 'react';
+
+// const columns23 = [
+//   {
+//     title: "订单编号",
+//     dataIndex: "a",
+//     key: "a",
+//     width: '200',
+//     fixed:'left'
+//   },
+//   {
+//     title: "单据日期",
+//     dataIndex: "b",
+//     key: "b",
+//     width: '600'
+//   },
+//   {
+//     title: "供应商",
+//     dataIndex: "c",
+//     key: "c",
+//     width: '200',
+//   },
+//   {
+//     title: "联系人",
+//     dataIndex: "d",
+//     key: "d",
+//     width: 500,
+//   }
+// ];
+
+// const data23 = [
+//   { a: "NU0391001", b: "2019-03-01", c: "xx供应商",d:'Tom', key: "2" },
+//   { a: "NU0391002", b: "2018-11-02", c: "yy供应商",d:'Jack', key: "1" },
+//   { a: "NU0391003", b: "2019-05-03", c: "zz供应商",d:'Jane', key: "3" }
+// ];
+
+// // const DragColumnTable = dragColumn(Table);
+
+
+// export default class Test extends Component {
+//   constructor(props) {
+//     super(props);
+//   }
+
+//   render() {
+//     return <Table
+//             columns={columns23}
+//             data={data23}
+//             bordered
+//             dragborder={true}
+//             draggable={true}
+//             scroll={{y:200}}
+//             onDropBorder ={(e,width)=>{
+//               console.log(width+"--调整列宽后触发事件",e.target);
+//             }}
+//             />;
+//   }
+// }
+
+/**
+ * @title 基本Tooltip
+ * @description trigger 设置显示方式。
+ */
+
+// import React, { Component } from 'react';
+
+
+// export default class Test extends Component {
+//   state = {
+//     visible: false
+//   }
+
+//   onHide = (visible) => {
+//     console.log('onHide', visible);
+//     this.setState({
+//       visible: visible
+//     })
+//   }
+
+//   show = () => {
+//     this.setState({
+//       visible: !this.state.visible
+//     })
+//   }
+
+//   render() {
+//     let tip = (
+//       <div>
+//         这是一个很强的提醒！
+// 			</div>
+//     )
+
+//     return (
+//       <div className="demo-tooltip">
+//         <Tooltip inverse overlay={tip}>
+//           <Button colors="primary">
+//             鼠标滑过显示
+// 					</Button>
+//         </Tooltip>
+//         <Tooltip
+//           trigger="click"
+//           rootClose
+//           placement="bottom"
+//           overlay={tip}
+//           visible={this.state.visible}
+//           onVisibleChange={v => console.log(v)}
+//           onHide={this.onHide}>
+//           <Button style={{ marginLeft: 100 }} colors="primary" onClick={this.show}>
+//             点击显示
+// 					</Button>
+//         </Tooltip>
+//       </div>
+//     )
+//   }
+// }
+
+
+var Test = function (_Component2) {
+  (0, _inherits3.default)(Test, _Component2);
+
+  function Test(props) {
+    (0, _classCallCheck3.default)(this, Test);
+
+    var _this2 = (0, _possibleConstructorReturn3.default)(this, (Test.__proto__ || (0, _getPrototypeOf2.default)(Test)).call(this, props));
+
+    _this2.onChange = function (e) {
+      _this2.setState({
+        value: e
+      });
+    };
+
+    _this2.state = {
+      value: ''
+    };
+    return _this2;
+  }
+
+  (0, _createClass3.default)(Test, [{
+    key: 'render',
+    value: function render() {
+      return _react2.default.createElement(A, { value: this.state.value, onChange: this.onChange });
+    }
+  }]);
+  return Test;
+}(_react.Component);
+
+exports.default = Test;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/test/index.js"],"names":["A","props","onChange","e","setState","value","state","Component","Test"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+OA;;;;;;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,iDAAO,UAAU,KAAKH,QAAtB,EAAgC,OAAO,KAAKD,KAAL,CAAWI,KAAlD,GADF;AAGD;;;EApBcE,gB,GAjPjB;;;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;;;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;;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;;;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\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\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\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\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 { Input } from 'antd';\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      <Input 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}"]}