ijz-navflow
Advanced tools
+232
-232
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| value: true | ||
| }); | ||
@@ -32,243 +32,243 @@ | ||
| var NavMap = function (_React$PureComponent) { | ||
| _inherits(NavMap, _React$PureComponent); | ||
| _inherits(NavMap, _React$PureComponent); | ||
| function NavMap() { | ||
| var _ref; | ||
| function NavMap() { | ||
| var _ref; | ||
| var _temp, _this, _ret; | ||
| var _temp, _this, _ret; | ||
| _classCallCheck(this, NavMap); | ||
| _classCallCheck(this, NavMap); | ||
| for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { | ||
| args[_key] = arguments[_key]; | ||
| } | ||
| for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { | ||
| args[_key] = arguments[_key]; | ||
| } | ||
| return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = NavMap.__proto__ || Object.getPrototypeOf(NavMap)).call.apply(_ref, [this].concat(args))), _this), _this.onClick = function (e) { | ||
| var onClick = _this.props.onClick; | ||
| return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = NavMap.__proto__ || Object.getPrototypeOf(NavMap)).call.apply(_ref, [this].concat(args))), _this), _this.onClick = function (e) { | ||
| var onClick = _this.props.onClick; | ||
| if (_lodash2.default.isFunction(onClick)) return onClick(e.currentTarget.id); | ||
| console.log(e.currentTarget.id); | ||
| }, _temp), _possibleConstructorReturn(_this, _ret); | ||
| } | ||
| _createClass(NavMap, [{ | ||
| key: "componentDidMount", | ||
| value: function componentDidMount() { | ||
| (0, _drawLine2.default)(); | ||
| if (_lodash2.default.isFunction(onClick)) return onClick(e.currentTarget.id); | ||
| console.log(e.currentTarget.id); | ||
| }, _temp), _possibleConstructorReturn(_this, _ret); | ||
| } | ||
| }, { | ||
| key: "render", | ||
| value: function render() { | ||
| return _react2.default.createElement( | ||
| "div", | ||
| { className: "Nav_ijz_zcx" }, | ||
| _react2.default.createElement( | ||
| "h2", | ||
| null, | ||
| "\u652F\u51FA\u7EBF" | ||
| ), | ||
| _react2.default.createElement( | ||
| "h4", | ||
| null, | ||
| _react2.default.createElement( | ||
| "span", | ||
| null, | ||
| "\u7269\u8D44" | ||
| ), | ||
| _react2.default.createElement( | ||
| "div", | ||
| { id: "Group1" }, | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "A", onClick: this.onClick }, | ||
| "\u7269\u8D44\u91C7\u8D2D\u5408\u540C" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "B", onClick: this.onClick }, | ||
| "\u7269\u8D44\u91C7\u8D2D\u7ED3\u7B97" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "C", onClick: this.onClick }, | ||
| "\u7269\u8D44\u79DF\u51ED\u5408\u540C" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "D", onClick: this.onClick }, | ||
| "\u7269\u8D44\u79DF\u51ED\u7ED3\u7B97" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "E", onClick: this.onClick }, | ||
| "\u5408\u540C\u53D8\u66F4" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "F", onClick: this.onClick }, | ||
| "\u8865\u5145\u534F\u8BAE" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "G", onClick: this.onClick }, | ||
| "\u5408\u540C\u53D8\u66F4" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "H", onClick: this.onClick }, | ||
| "\u8865\u5145\u534F\u8BAE" | ||
| ), | ||
| _react2.default.createElement("canvas", { id: "Nav_ijz_zcx_canvas1", width: 980, height: 300 }) | ||
| ), | ||
| _react2.default.createElement("br", null), | ||
| _react2.default.createElement( | ||
| "span", | ||
| null, | ||
| "\u5206\u5305" | ||
| ), | ||
| _react2.default.createElement( | ||
| "div", | ||
| { id: "Group2" }, | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "A", onClick: this.onClick }, | ||
| "\u52B3\u52A1\u5206\u5305\u5408\u540C" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "B", onClick: this.onClick }, | ||
| "\u52B3\u52A1\u5206\u5305\u7ED3\u7B97" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "C", onClick: this.onClick }, | ||
| "\u4E13\u4E1A\u5206\u5305\u5408\u540C" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "D", onClick: this.onClick }, | ||
| "\u4E13\u4E1A\u5206\u5305\u7ED3\u7B97" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "E", onClick: this.onClick }, | ||
| "\u5408\u540C\u53D8\u66F4" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "F", onClick: this.onClick }, | ||
| "\u8865\u5145\u534F\u8BAE" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "G", onClick: this.onClick }, | ||
| "\u5408\u540C\u53D8\u66F4" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "H", onClick: this.onClick }, | ||
| "\u8865\u5145\u534F\u8BAE" | ||
| ), | ||
| _react2.default.createElement("canvas", { id: "Nav_ijz_zcx_canvas2", width: 980, height: 300 }) | ||
| ), | ||
| _react2.default.createElement("br", null), | ||
| _react2.default.createElement( | ||
| "span", | ||
| null, | ||
| "\u8BBE\u5907" | ||
| ), | ||
| _react2.default.createElement( | ||
| "div", | ||
| { id: "Group3" }, | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "A", onClick: this.onClick }, | ||
| "\u8BBE\u5907\u91C7\u8D2D\u5408\u540C" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "B", onClick: this.onClick }, | ||
| "\u8BBE\u5907\u91C7\u8D2D\u7ED3\u7B97" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "C", onClick: this.onClick }, | ||
| "\u8BBE\u5907\u79DF\u51ED\u5408\u540C" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "D", onClick: this.onClick }, | ||
| "\u8BBE\u5907\u79DF\u51ED\u7ED3\u7B97" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "E", onClick: this.onClick }, | ||
| "\u5408\u540C\u53D8\u66F4" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "F", onClick: this.onClick }, | ||
| "\u8865\u5145\u534F\u8BAE" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "G", onClick: this.onClick }, | ||
| "\u5408\u540C\u53D8\u66F4" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "H", onClick: this.onClick }, | ||
| "\u8865\u5145\u534F\u8BAE" | ||
| ), | ||
| _react2.default.createElement("canvas", { id: "Nav_ijz_zcx_canvas3", width: 980, height: 300 }) | ||
| ), | ||
| _react2.default.createElement("br", null), | ||
| _react2.default.createElement( | ||
| "span", | ||
| null, | ||
| "\u5176\u4ED6" | ||
| ), | ||
| _react2.default.createElement( | ||
| "div", | ||
| { id: "Group4" }, | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "A", onClick: this.onClick }, | ||
| "\u8BBE\u5907\u91C7\u8D2D\u5408\u540C" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "B", onClick: this.onClick }, | ||
| "\u8BBE\u5907\u91C7\u8D2D\u7ED3\u7B97" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "C", onClick: this.onClick }, | ||
| "\u9879\u76EE\u6863\u6848/\u9879\u76EE\u7EC4\u7EC7" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "D", onClick: this.onClick }, | ||
| "\u96F6\u661F\u8D39\u7528\u7ED3\u7B97" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "E", onClick: this.onClick }, | ||
| "\u5408\u540C\u53D8\u66F4" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "F", onClick: this.onClick }, | ||
| "\u8865\u5145\u534F\u8BAE" | ||
| ), | ||
| _react2.default.createElement("canvas", { id: "Nav_ijz_zcx_canvas4", width: 980, height: 300 }) | ||
| ) | ||
| ) | ||
| ); | ||
| } | ||
| }]); | ||
| return NavMap; | ||
| _createClass(NavMap, [{ | ||
| key: "componentDidMount", | ||
| value: function componentDidMount() { | ||
| (0, _drawLine2.default)(); | ||
| } | ||
| }, { | ||
| key: "render", | ||
| value: function render() { | ||
| return _react2.default.createElement( | ||
| "div", | ||
| { className: "Nav_ijz_zcx" }, | ||
| _react2.default.createElement( | ||
| "h2", | ||
| null, | ||
| "\u652F\u51FA\u7EBF" | ||
| ), | ||
| _react2.default.createElement( | ||
| "h4", | ||
| null, | ||
| _react2.default.createElement( | ||
| "span", | ||
| null, | ||
| "\u7269\u8D44" | ||
| ), | ||
| _react2.default.createElement( | ||
| "div", | ||
| { id: "Group1" }, | ||
| _react2.default.createElement("canvas", { id: "Nav_ijz_zcx_canvas1", width: 980, height: 300 }), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "A", onClick: this.onClick }, | ||
| "\u7269\u8D44\u91C7\u8D2D\u5408\u540C" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "B", onClick: this.onClick }, | ||
| "\u7269\u8D44\u91C7\u8D2D\u7ED3\u7B97" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "C", onClick: this.onClick }, | ||
| "\u7269\u8D44\u79DF\u51ED\u5408\u540C" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "D", onClick: this.onClick }, | ||
| "\u7269\u8D44\u79DF\u51ED\u7ED3\u7B97" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "E", onClick: this.onClick }, | ||
| "\u5408\u540C\u53D8\u66F4" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "F", onClick: this.onClick }, | ||
| "\u8865\u5145\u534F\u8BAE" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "G", onClick: this.onClick }, | ||
| "\u5408\u540C\u53D8\u66F4" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "H", onClick: this.onClick }, | ||
| "\u8865\u5145\u534F\u8BAE" | ||
| ) | ||
| ), | ||
| _react2.default.createElement("br", null), | ||
| _react2.default.createElement( | ||
| "span", | ||
| null, | ||
| "\u5206\u5305" | ||
| ), | ||
| _react2.default.createElement( | ||
| "div", | ||
| { id: "Group2" }, | ||
| _react2.default.createElement("canvas", { id: "Nav_ijz_zcx_canvas2", width: 980, height: 300 }), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "A", onClick: this.onClick }, | ||
| "\u52B3\u52A1\u5206\u5305\u5408\u540C" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "B", onClick: this.onClick }, | ||
| "\u52B3\u52A1\u5206\u5305\u7ED3\u7B97" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "C", onClick: this.onClick }, | ||
| "\u4E13\u4E1A\u5206\u5305\u5408\u540C" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "D", onClick: this.onClick }, | ||
| "\u4E13\u4E1A\u5206\u5305\u7ED3\u7B97" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "E", onClick: this.onClick }, | ||
| "\u5408\u540C\u53D8\u66F4" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "F", onClick: this.onClick }, | ||
| "\u8865\u5145\u534F\u8BAE" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "G", onClick: this.onClick }, | ||
| "\u5408\u540C\u53D8\u66F4" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "H", onClick: this.onClick }, | ||
| "\u8865\u5145\u534F\u8BAE" | ||
| ) | ||
| ), | ||
| _react2.default.createElement("br", null), | ||
| _react2.default.createElement( | ||
| "span", | ||
| null, | ||
| "\u8BBE\u5907" | ||
| ), | ||
| _react2.default.createElement( | ||
| "div", | ||
| { id: "Group3" }, | ||
| _react2.default.createElement("canvas", { id: "Nav_ijz_zcx_canvas3", width: 980, height: 300 }), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "A", onClick: this.onClick }, | ||
| "\u8BBE\u5907\u91C7\u8D2D\u5408\u540C" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "B", onClick: this.onClick }, | ||
| "\u8BBE\u5907\u91C7\u8D2D\u7ED3\u7B97" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "C", onClick: this.onClick }, | ||
| "\u8BBE\u5907\u79DF\u51ED\u5408\u540C" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "D", onClick: this.onClick }, | ||
| "\u8BBE\u5907\u79DF\u51ED\u7ED3\u7B97" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "E", onClick: this.onClick }, | ||
| "\u5408\u540C\u53D8\u66F4" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "F", onClick: this.onClick }, | ||
| "\u8865\u5145\u534F\u8BAE" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "G", onClick: this.onClick }, | ||
| "\u5408\u540C\u53D8\u66F4" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "H", onClick: this.onClick }, | ||
| "\u8865\u5145\u534F\u8BAE" | ||
| ) | ||
| ), | ||
| _react2.default.createElement("br", null), | ||
| _react2.default.createElement( | ||
| "span", | ||
| null, | ||
| "\u5176\u4ED6" | ||
| ), | ||
| _react2.default.createElement( | ||
| "div", | ||
| { id: "Group4" }, | ||
| _react2.default.createElement("canvas", { id: "Nav_ijz_zcx_canvas4", width: 980, height: 300 }), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "A", onClick: this.onClick }, | ||
| "\u8BBE\u5907\u91C7\u8D2D\u5408\u540C" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "B", onClick: this.onClick }, | ||
| "\u8BBE\u5907\u91C7\u8D2D\u7ED3\u7B97" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "C", onClick: this.onClick }, | ||
| "\u9879\u76EE\u6863\u6848/\u9879\u76EE\u7EC4\u7EC7" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "D", onClick: this.onClick }, | ||
| "\u96F6\u661F\u8D39\u7528\u7ED3\u7B97" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "E", onClick: this.onClick }, | ||
| "\u5408\u540C\u53D8\u66F4" | ||
| ), | ||
| _react2.default.createElement( | ||
| "span", | ||
| { id: "F", onClick: this.onClick }, | ||
| "\u8865\u5145\u534F\u8BAE" | ||
| ) | ||
| ) | ||
| ) | ||
| ); | ||
| } | ||
| }]); | ||
| return NavMap; | ||
| }(_react2.default.PureComponent); | ||
| exports.default = NavMap; |
| #Nav_ijz_zcx_canvas1, #Nav_ijz_zcx_canvas2, #Nav_ijz_zcx_canvas3, #Nav_ijz_zcx_canvas4 { | ||
| position: absolute; | ||
| z-index: -1; | ||
| /*z-index: 5;*/ | ||
| } | ||
@@ -5,0 +5,0 @@ |
+1
-2
| { | ||
| "name": "ijz-navflow", | ||
| "version": "1.1.2", | ||
| "version": "1.1.3", | ||
| "description": "", | ||
@@ -17,3 +17,2 @@ "keywords": [ | ||
| "babel-cli": "6.10.1", | ||
| "babel-core": "6.9.1", | ||
| "babel-preset-es2015": "6.9.0", | ||
@@ -20,0 +19,0 @@ "babel-preset-react": "6.5.0", |
111858
2.38%10
-9.09%