@vtx/map 1.1.7 → 1.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/VtxMap/AMap/AMap.js +3287 -2990
- package/lib/VtxMap/AMap/AMap.js.map +1 -0
- package/lib/VtxMap/BMap/Map.js +3517 -3146
- package/lib/VtxMap/BMap/Map.js.map +1 -0
- package/lib/VtxMap/GMap/Map.js +4572 -4021
- package/lib/VtxMap/GMap/Map.js.map +1 -0
- package/lib/VtxMap/Map.js +77 -63
- package/lib/VtxMap/Map.js.map +1 -0
- package/lib/VtxMap/MapToolFunction.js +422 -370
- package/lib/VtxMap/MapToolFunction.js.map +1 -0
- package/lib/VtxMap/OMap/Map.css +2 -2
- package/lib/VtxMap/OMap/Map.js +4345 -3782
- package/lib/VtxMap/OMap/Map.js.map +1 -0
- package/lib/VtxMap/OlMap/Map.css +4 -1
- package/lib/VtxMap/OlMap/Map.js +3938 -3489
- package/lib/VtxMap/OlMap/Map.js.map +1 -0
- package/lib/VtxMap/TMap/TMap.css +0 -1
- package/lib/VtxMap/TMap/TMap.js +3475 -3139
- package/lib/VtxMap/TMap/TMap.js.map +1 -0
- package/lib/VtxMap/index.js +37 -24
- package/lib/VtxMap/index.js.map +1 -0
- package/lib/VtxMap/mapPlayer.js +353 -308
- package/lib/VtxMap/mapPlayer.js.map +1 -0
- package/lib/VtxMap/optimizingPointMap.js +245 -205
- package/lib/VtxMap/optimizingPointMap.js.map +1 -0
- package/lib/VtxMap/style/css.js +16 -0
- package/lib/VtxMap/style/css.js.map +1 -0
- package/lib/VtxMap/style/index.js +16 -0
- package/lib/VtxMap/style/index.js.map +1 -0
- package/lib/VtxMap/zoomMap.js +120 -101
- package/lib/VtxMap/zoomMap.js.map +1 -0
- package/lib/VtxModal/VtxModal.css +62 -0
- package/lib/VtxModal/VtxModal.js +223 -213
- package/lib/VtxModal/VtxModal.js.map +1 -0
- package/lib/VtxModal/VtxModal.less +2 -2
- package/lib/VtxModal/VtxModalAntd3.css +62 -0
- package/lib/VtxModal/VtxModalAntd3.less +67 -0
- package/lib/VtxModal/draggableModal.js +138 -119
- package/lib/VtxModal/draggableModal.js.map +1 -0
- package/lib/VtxModal/index.js +21 -14
- package/lib/VtxModal/index.js.map +1 -0
- package/lib/VtxModal/style/css.js +21 -0
- package/lib/VtxModal/style/css.js.map +1 -0
- package/lib/VtxModal/style/index.js +21 -0
- package/lib/VtxModal/style/index.js.map +1 -0
- package/lib/VtxSearchMap/VtxSearchMap.css +171 -0
- package/lib/VtxSearchMap/VtxSearchMap.js +864 -819
- package/lib/VtxSearchMap/VtxSearchMap.js.map +1 -0
- package/lib/VtxSearchMap/VtxSearchMapAntd3.css +0 -0
- package/lib/VtxSearchMap/VtxSearchMapAntd3.less +1 -0
- package/lib/VtxSearchMap/index.js +9 -9
- package/lib/VtxSearchMap/index.js.map +1 -0
- package/lib/VtxSearchMap/mapping.js +15 -12
- package/lib/VtxSearchMap/mapping.js.map +1 -0
- package/lib/VtxSearchMap/style/css.js +47 -0
- package/lib/VtxSearchMap/style/css.js.map +1 -0
- package/lib/VtxSearchMap/style/index.js +47 -0
- package/lib/VtxSearchMap/style/index.js.map +1 -0
- package/lib/default.js +32 -27
- package/lib/default.js.map +1 -0
- package/lib/index.js +9 -10
- package/lib/index.js.map +1 -0
- package/package.json +25 -4
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
@import (reference) '~antd/lib/style/themes/index.less';
|
|
2
|
+
|
|
3
|
+
.vtx-ui-modal-normal{
|
|
4
|
+
.ant-modal{
|
|
5
|
+
.ant-modal-content{
|
|
6
|
+
height: 100%;
|
|
7
|
+
.ant-modal-body{
|
|
8
|
+
max-height: e('calc(100% - 108px)');
|
|
9
|
+
overflow: auto;
|
|
10
|
+
background-color: @layout-body-background;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
.vtx-ui-modal-title{
|
|
15
|
+
position: relative;
|
|
16
|
+
width: 100%;
|
|
17
|
+
.vtx-ui-modal-title_name{
|
|
18
|
+
width: 100%;
|
|
19
|
+
color: @primary-color;
|
|
20
|
+
}
|
|
21
|
+
.vtx-ui-modal-close,.vtx-ui-modal-maximizeIcon{
|
|
22
|
+
position: absolute;
|
|
23
|
+
top: -13px;
|
|
24
|
+
right: -16px;
|
|
25
|
+
p{
|
|
26
|
+
width: 36px;
|
|
27
|
+
height: 48px;
|
|
28
|
+
text-align: center;
|
|
29
|
+
line-height: 48px;
|
|
30
|
+
cursor: pointer;
|
|
31
|
+
border: 0;
|
|
32
|
+
background: transparent;
|
|
33
|
+
position: absolute;
|
|
34
|
+
right: 0;
|
|
35
|
+
top: 0;
|
|
36
|
+
z-index: 10;
|
|
37
|
+
font-weight: 700;
|
|
38
|
+
text-decoration: none;
|
|
39
|
+
-webkit-transition: color .3s ease;
|
|
40
|
+
transition: color .3s ease;
|
|
41
|
+
color: @text-color;
|
|
42
|
+
outline: 0;
|
|
43
|
+
display: inline-block;
|
|
44
|
+
&:hover{
|
|
45
|
+
color: @text-color-secondary;
|
|
46
|
+
text-decoration: none;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
.vtx-ui-modal-maximizeIcon{
|
|
51
|
+
right: 20px;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
.vtx-ui-modal-maxClass{
|
|
56
|
+
.ant-modal{
|
|
57
|
+
top: 0 !important;
|
|
58
|
+
left: 0 !important;
|
|
59
|
+
width: 100% !important;
|
|
60
|
+
height: 100% !important;
|
|
61
|
+
padding-bottom: 0 !important;
|
|
62
|
+
overflow: hidden;
|
|
63
|
+
}
|
|
64
|
+
.ant-modal-body{
|
|
65
|
+
height: e('calc(100% - 108px)') !important;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
@@ -1,143 +1,162 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
4
|
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
6
|
+
value: true
|
|
5
7
|
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
6
11
|
|
|
7
|
-
var
|
|
12
|
+
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
8
13
|
|
|
9
|
-
var
|
|
14
|
+
var _modal = _interopRequireDefault(require("antd/lib/modal"));
|
|
10
15
|
|
|
11
|
-
|
|
16
|
+
require("antd/lib/modal/style");
|
|
12
17
|
|
|
13
|
-
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
19
|
|
|
15
|
-
var
|
|
20
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
16
21
|
|
|
17
|
-
var
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
18
23
|
|
|
19
|
-
|
|
24
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
20
25
|
|
|
21
|
-
|
|
26
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
22
27
|
|
|
23
|
-
|
|
28
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
24
29
|
|
|
25
|
-
function
|
|
30
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
26
31
|
|
|
27
|
-
function
|
|
32
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
33
|
+
|
|
34
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
35
|
+
|
|
36
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
37
|
+
|
|
38
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
39
|
+
|
|
40
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
41
|
+
|
|
42
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
+
|
|
44
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
45
|
+
|
|
46
|
+
var DraggableModal = /*#__PURE__*/function (_React$Component) {
|
|
47
|
+
_inherits(DraggableModal, _React$Component);
|
|
48
|
+
|
|
49
|
+
var _super = _createSuper(DraggableModal);
|
|
50
|
+
|
|
51
|
+
function DraggableModal(props) {
|
|
52
|
+
var _this;
|
|
53
|
+
|
|
54
|
+
_classCallCheck(this, DraggableModal);
|
|
28
55
|
|
|
29
|
-
|
|
56
|
+
_this = _super.call(this, props);
|
|
57
|
+
_this.state = {
|
|
58
|
+
init_x: 0,
|
|
59
|
+
init_y: 0,
|
|
60
|
+
x_move: 0,
|
|
61
|
+
y_move: 0
|
|
62
|
+
};
|
|
63
|
+
_this.initSucceed = false; //是否已完成初始化拖拽事件
|
|
30
64
|
|
|
31
|
-
|
|
65
|
+
_this.startDrag = _this.startDrag.bind(_assertThisInitialized(_this));
|
|
66
|
+
_this.initEvent = _this.initEvent.bind(_assertThisInitialized(_this));
|
|
67
|
+
return _this;
|
|
68
|
+
} // 初始化弹框的拖拽事件
|
|
32
69
|
|
|
33
|
-
var DraggableModal = function (_React$Component) {
|
|
34
|
-
_inherits(DraggableModal, _React$Component);
|
|
35
70
|
|
|
36
|
-
|
|
37
|
-
|
|
71
|
+
_createClass(DraggableModal, [{
|
|
72
|
+
key: "initEvent",
|
|
73
|
+
value: function initEvent() {
|
|
74
|
+
if (!this.drag) return;
|
|
38
75
|
|
|
39
|
-
|
|
76
|
+
var modalHead = _reactDom["default"].findDOMNode(this.drag).parentNode.previousSibling;
|
|
40
77
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
78
|
+
if (modalHead.className.indexOf('ant-modal-header') !== -1) {
|
|
79
|
+
modalHead.style.cursor = 'move';
|
|
80
|
+
modalHead.onmousedown = this.startDrag;
|
|
81
|
+
this.initSucceed = true;
|
|
82
|
+
}
|
|
83
|
+
} // 开始拖拽:绑定事件
|
|
84
|
+
|
|
85
|
+
}, {
|
|
86
|
+
key: "startDrag",
|
|
87
|
+
value: function startDrag(e) {
|
|
88
|
+
var _this2 = this;
|
|
89
|
+
|
|
90
|
+
e.preventDefault();
|
|
91
|
+
this.setState({
|
|
92
|
+
init_x: e.clientX - this.state.x_move,
|
|
93
|
+
init_y: e.clientY - this.state.y_move
|
|
94
|
+
});
|
|
95
|
+
|
|
96
|
+
var mousemove = function mousemove(e) {
|
|
97
|
+
_this2.setState({
|
|
98
|
+
x_move: e.clientX - _this2.state.init_x,
|
|
99
|
+
y_move: e.clientY - _this2.state.init_y
|
|
100
|
+
});
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
var mouseup = function mouseup(e) {
|
|
104
|
+
document.removeEventListener('mousemove', mousemove);
|
|
105
|
+
document.removeEventListener('mouseup', mouseup);
|
|
106
|
+
};
|
|
107
|
+
|
|
108
|
+
document.addEventListener('mousemove', mousemove);
|
|
109
|
+
document.addEventListener('mouseup', mouseup);
|
|
51
110
|
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
}, {
|
|
69
|
-
key: 'startDrag',
|
|
70
|
-
value: function startDrag(e) {
|
|
71
|
-
var _this2 = this;
|
|
72
|
-
|
|
73
|
-
e.preventDefault();
|
|
74
|
-
this.setState({
|
|
75
|
-
init_x: e.clientX - this.state.x_move,
|
|
76
|
-
init_y: e.clientY - this.state.y_move
|
|
77
|
-
});
|
|
78
|
-
var mousemove = function mousemove(e) {
|
|
79
|
-
_this2.setState({
|
|
80
|
-
x_move: e.clientX - _this2.state.init_x,
|
|
81
|
-
y_move: e.clientY - _this2.state.init_y
|
|
82
|
-
});
|
|
83
|
-
};
|
|
84
|
-
var mouseup = function mouseup(e) {
|
|
85
|
-
document.removeEventListener('mousemove', mousemove);
|
|
86
|
-
document.removeEventListener('mouseup', mouseup);
|
|
87
|
-
};
|
|
88
|
-
|
|
89
|
-
document.addEventListener('mousemove', mousemove);
|
|
90
|
-
document.addEventListener('mouseup', mouseup);
|
|
91
|
-
}
|
|
92
|
-
}, {
|
|
93
|
-
key: 'render',
|
|
94
|
-
value: function render() {
|
|
95
|
-
var _this3 = this;
|
|
96
|
-
|
|
97
|
-
var transformStyle = {
|
|
98
|
-
transform: 'translate(' + this.state.x_move + 'px,' + this.state.y_move + 'px)'
|
|
99
|
-
};
|
|
100
|
-
var props = _extends({}, this.props, {
|
|
101
|
-
style: _extends({}, this.props.style, transformStyle)
|
|
102
|
-
});
|
|
103
|
-
|
|
104
|
-
return _react2.default.createElement(
|
|
105
|
-
_modal2.default,
|
|
106
|
-
props,
|
|
107
|
-
this.props.children,
|
|
108
|
-
_react2.default.createElement('div', { ref: function ref(elem) {
|
|
109
|
-
_this3.drag = elem;
|
|
110
|
-
} })
|
|
111
|
-
);
|
|
111
|
+
}, {
|
|
112
|
+
key: "render",
|
|
113
|
+
value: function render() {
|
|
114
|
+
var _this3 = this;
|
|
115
|
+
|
|
116
|
+
var transformStyle = {
|
|
117
|
+
transform: "translate(".concat(this.state.x_move, "px,").concat(this.state.y_move, "px)")
|
|
118
|
+
};
|
|
119
|
+
|
|
120
|
+
var props = _objectSpread(_objectSpread({}, this.props), {}, {
|
|
121
|
+
style: _objectSpread(_objectSpread({}, this.props.style), transformStyle)
|
|
122
|
+
});
|
|
123
|
+
|
|
124
|
+
return /*#__PURE__*/_react["default"].createElement(_modal["default"], props, this.props.children, /*#__PURE__*/_react["default"].createElement("div", {
|
|
125
|
+
ref: function ref(elem) {
|
|
126
|
+
_this3.drag = elem;
|
|
112
127
|
}
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
}
|
|
137
|
-
|
|
128
|
+
}));
|
|
129
|
+
}
|
|
130
|
+
}, {
|
|
131
|
+
key: "componentDidMount",
|
|
132
|
+
value: function componentDidMount() {
|
|
133
|
+
this.initEvent();
|
|
134
|
+
}
|
|
135
|
+
}, {
|
|
136
|
+
key: "componentDidUpdate",
|
|
137
|
+
value: function componentDidUpdate() {
|
|
138
|
+
if (!this.initSucceed) {
|
|
139
|
+
this.initEvent();
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
}, {
|
|
143
|
+
key: "componentWillReceiveProps",
|
|
144
|
+
value: function componentWillReceiveProps(nextProps) {
|
|
145
|
+
if (!this.props.visible && nextProps.visible && !nextProps.remainPosition) {
|
|
146
|
+
this.setState({
|
|
147
|
+
init_x: 0,
|
|
148
|
+
init_y: 0,
|
|
149
|
+
x_move: 0,
|
|
150
|
+
y_move: 0
|
|
151
|
+
});
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
}]);
|
|
138
155
|
|
|
139
|
-
|
|
140
|
-
}(
|
|
156
|
+
return DraggableModal;
|
|
157
|
+
}(_react["default"].Component);
|
|
141
158
|
|
|
142
|
-
|
|
143
|
-
|
|
159
|
+
var _default = DraggableModal;
|
|
160
|
+
exports["default"] = _default;
|
|
161
|
+
module.exports = exports["default"];
|
|
162
|
+
//# sourceMappingURL=draggableModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"draggableModal.js","names":["DraggableModal","props","state","init_x","init_y","x_move","y_move","initSucceed","startDrag","bind","initEvent","drag","modalHead","ReactDOM","findDOMNode","parentNode","previousSibling","className","indexOf","style","cursor","onmousedown","e","preventDefault","setState","clientX","clientY","mousemove","mouseup","document","removeEventListener","addEventListener","transformStyle","transform","children","elem","nextProps","visible","remainPosition","React","Component"],"sources":["VtxModal/draggableModal.js"],"sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport Modal from 'antd/lib/modal';\r\nimport 'antd/lib/modal/style';\r\n\r\nclass DraggableModal extends React.Component{\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n init_x: 0,\r\n init_y: 0,\r\n x_move: 0,\r\n y_move: 0,\r\n }\r\n this.initSucceed = false; //是否已完成初始化拖拽事件\r\n this.startDrag = this.startDrag.bind(this);\r\n this.initEvent = this.initEvent.bind(this);\r\n }\r\n // 初始化弹框的拖拽事件\r\n initEvent(){\r\n if(!this.drag)return;\r\n let modalHead = ReactDOM.findDOMNode(this.drag).parentNode.previousSibling;\r\n if(modalHead.className.indexOf('ant-modal-header')!==-1){\r\n modalHead.style.cursor = 'move';\r\n modalHead.onmousedown = this.startDrag;\r\n this.initSucceed = true;\r\n }\r\n }\r\n // 开始拖拽:绑定事件\r\n startDrag(e){ \r\n e.preventDefault();\r\n this.setState({\r\n init_x: e.clientX - this.state.x_move,\r\n init_y: e.clientY - this.state.y_move,\r\n });\r\n const mousemove = (e)=>{\r\n this.setState({\r\n x_move: e.clientX - this.state.init_x ,\r\n y_move: e.clientY - this.state.init_y ,\r\n }) \r\n }\r\n const mouseup = (e)=>{\r\n document.removeEventListener('mousemove',mousemove);\r\n document.removeEventListener('mouseup',mouseup);\r\n }\r\n\r\n document.addEventListener('mousemove',mousemove);\r\n document.addEventListener('mouseup',mouseup);\r\n }\r\n \r\n render(){\r\n const transformStyle = {\r\n transform: `translate(${this.state.x_move}px,${this.state.y_move}px)`, \r\n }\r\n const props = {\r\n ...this.props,\r\n style: {\r\n ...this.props.style,\r\n ...transformStyle\r\n }\r\n }\r\n \r\n return (\r\n <Modal {...props} >\r\n {this.props.children}\r\n <div ref={(elem)=>{this.drag = elem}}></div>\r\n </Modal>\r\n )\r\n }\r\n componentDidMount(){ \r\n this.initEvent();\r\n }\r\n componentDidUpdate(){\r\n if(!this.initSucceed){\r\n this.initEvent();\r\n }\r\n }\r\n componentWillReceiveProps(nextProps){\r\n if(!this.props.visible && nextProps.visible && !nextProps.remainPosition){\r\n this.setState({\r\n init_x: 0,\r\n init_y: 0,\r\n x_move: 0,\r\n y_move: 0,\r\n })\r\n }\r\n }\r\n}\r\n\r\n\r\nexport default DraggableModal;"],"mappings":"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"}
|
package/lib/VtxModal/index.js
CHANGED
|
@@ -1,22 +1,29 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
Object.defineProperty(exports, "DraggableModal", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _draggableModal["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "VtxModal", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _VtxModal["default"];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
exports["default"] = void 0;
|
|
13
19
|
|
|
14
|
-
var
|
|
20
|
+
var _VtxModal = _interopRequireDefault(require("./VtxModal"));
|
|
15
21
|
|
|
16
|
-
|
|
22
|
+
var _draggableModal = _interopRequireDefault(require("./draggableModal"));
|
|
17
23
|
|
|
18
|
-
|
|
24
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
25
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
exports
|
|
26
|
+
_VtxModal["default"].DraggableModal = _draggableModal["default"];
|
|
27
|
+
var _default = _VtxModal["default"];
|
|
28
|
+
exports["default"] = _default;
|
|
29
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["VtxModal","DraggableModal"],"sources":["VtxModal/index.js"],"sourcesContent":["import {default as VtxModal} from './VtxModal';\r\nimport {default as DraggableModal} from './draggableModal';\r\n\r\nVtxModal.DraggableModal = DraggableModal;\r\n\r\nexport default VtxModal;\r\nexport {VtxModal,DraggableModal};"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAEAA,oBAAA,CAASC,cAAT,GAA0BA,0BAA1B;eAEeD,oB"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("antd/lib/modal/style/css");
|
|
4
|
+
|
|
5
|
+
var _default = require("../../default");
|
|
6
|
+
|
|
7
|
+
switch (_default.antdMajorVersion) {
|
|
8
|
+
case '4':
|
|
9
|
+
require('../VtxModal.css');
|
|
10
|
+
|
|
11
|
+
break;
|
|
12
|
+
|
|
13
|
+
case '3':
|
|
14
|
+
require('../VtxModalAntd3.css');
|
|
15
|
+
|
|
16
|
+
break;
|
|
17
|
+
|
|
18
|
+
default:
|
|
19
|
+
break;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css.js","names":["antdMajorVersion","require"],"sources":["VtxModal/style/index.js"],"sourcesContent":["import 'antd/lib/modal/style';\r\n\r\nimport { antdMajorVersion } from '../../default';\r\nswitch (antdMajorVersion) {\r\n case '4':\r\n require('../VtxModal.less')\r\n break;\r\n case '3':\r\n require('../VtxModalAntd3.less');\r\n break;\r\n default:\r\n break;\r\n}\r\n\r\n"],"mappings":";;AAAA;;AAEA;;AACA,QAAQA,yBAAR;EACI,KAAK,GAAL;IACIC,OAAO,CAAC,kBAAD,CAAP;;IACA;;EACJ,KAAK,GAAL;IACIA,OAAO,CAAC,uBAAD,CAAP;;IACA;;EACJ;IACI;AARR"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("antd/lib/modal/style");
|
|
4
|
+
|
|
5
|
+
var _default = require("../../default");
|
|
6
|
+
|
|
7
|
+
switch (_default.antdMajorVersion) {
|
|
8
|
+
case '4':
|
|
9
|
+
require('../VtxModal.less');
|
|
10
|
+
|
|
11
|
+
break;
|
|
12
|
+
|
|
13
|
+
case '3':
|
|
14
|
+
require('../VtxModalAntd3.less');
|
|
15
|
+
|
|
16
|
+
break;
|
|
17
|
+
|
|
18
|
+
default:
|
|
19
|
+
break;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["antdMajorVersion","require"],"sources":["VtxModal/style/index.js"],"sourcesContent":["import 'antd/lib/modal/style';\r\n\r\nimport { antdMajorVersion } from '../../default';\r\nswitch (antdMajorVersion) {\r\n case '4':\r\n require('../VtxModal.less')\r\n break;\r\n case '3':\r\n require('../VtxModalAntd3.less');\r\n break;\r\n default:\r\n break;\r\n}\r\n\r\n"],"mappings":";;AAAA;;AAEA;;AACA,QAAQA,yBAAR;EACI,KAAK,GAAL;IACIC,OAAO,CAAC,kBAAD,CAAP;;IACA;;EACJ,KAAK,GAAL;IACIA,OAAO,CAAC,uBAAD,CAAP;;IACA;;EACJ;IACI;AARR"}
|
|
@@ -0,0 +1,171 @@
|
|
|
1
|
+
.vtx-ui-searchmap-searchmodal {
|
|
2
|
+
z-index: 1001;
|
|
3
|
+
}
|
|
4
|
+
.vtx-ui-searchmap-searchmodal .ant-modal {
|
|
5
|
+
width: calc(100% - 200px) !important;
|
|
6
|
+
min-width: 800px;
|
|
7
|
+
height: 70vh;
|
|
8
|
+
}
|
|
9
|
+
.vtx-ui-searchmap-searchmodal .ant-modal .ant-modal-title {
|
|
10
|
+
color: #1890ff;
|
|
11
|
+
}
|
|
12
|
+
.vtx-ui-searchmap-searchmodal .ant-modal .ant-modal-content {
|
|
13
|
+
width: 100%;
|
|
14
|
+
height: 100%;
|
|
15
|
+
}
|
|
16
|
+
.vtx-ui-searchmap-searchmodal .ant-modal .ant-modal-content .ant-modal-body {
|
|
17
|
+
width: 100%;
|
|
18
|
+
height: calc(100% - 108px) !important;
|
|
19
|
+
padding: 0px;
|
|
20
|
+
background-color: #fff;
|
|
21
|
+
}
|
|
22
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap {
|
|
23
|
+
width: 100%;
|
|
24
|
+
height: 100%;
|
|
25
|
+
padding-top: 48px;
|
|
26
|
+
-webkit-box-sizing: border-box;
|
|
27
|
+
box-sizing: border-box;
|
|
28
|
+
position: relative;
|
|
29
|
+
overflow: hidden;
|
|
30
|
+
}
|
|
31
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-top,
|
|
32
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-bottom {
|
|
33
|
+
width: 100%;
|
|
34
|
+
height: 48px;
|
|
35
|
+
position: absolute;
|
|
36
|
+
left: 0px;
|
|
37
|
+
padding: 10px 15px;
|
|
38
|
+
}
|
|
39
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-top button,
|
|
40
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-bottom button {
|
|
41
|
+
margin-left: 10px;
|
|
42
|
+
}
|
|
43
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-top {
|
|
44
|
+
top: 0px;
|
|
45
|
+
border-bottom: 1px solid #d9d9d9;
|
|
46
|
+
}
|
|
47
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-top .vtx-ui-searchmap-othermodal {
|
|
48
|
+
position: absolute;
|
|
49
|
+
right: 25px;
|
|
50
|
+
line-height: 28px;
|
|
51
|
+
display: inline-block;
|
|
52
|
+
}
|
|
53
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-bottom {
|
|
54
|
+
bottom: 0px;
|
|
55
|
+
border-top: 1px solid #d9d9d9;
|
|
56
|
+
text-align: right;
|
|
57
|
+
}
|
|
58
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content {
|
|
59
|
+
width: 100%;
|
|
60
|
+
height: 100%;
|
|
61
|
+
position: relative;
|
|
62
|
+
padding-left: 25px;
|
|
63
|
+
}
|
|
64
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-show {
|
|
65
|
+
display: inline-block;
|
|
66
|
+
width: 100%;
|
|
67
|
+
height: 100%;
|
|
68
|
+
}
|
|
69
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-hidden {
|
|
70
|
+
display: none;
|
|
71
|
+
}
|
|
72
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-w_l {
|
|
73
|
+
width: 300px !important;
|
|
74
|
+
}
|
|
75
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_left {
|
|
76
|
+
width: 25px;
|
|
77
|
+
height: 100%;
|
|
78
|
+
display: inline-block;
|
|
79
|
+
-webkit-transition-duration: 0.3s;
|
|
80
|
+
transition-duration: 0.3s;
|
|
81
|
+
-webkit-transition-property: width;
|
|
82
|
+
transition-property: width;
|
|
83
|
+
vertical-align: top;
|
|
84
|
+
border-right: 1px solid #d9d9d9;
|
|
85
|
+
position: absolute;
|
|
86
|
+
top: 0px;
|
|
87
|
+
left: 0px;
|
|
88
|
+
z-index: 10;
|
|
89
|
+
background-color: #fff;
|
|
90
|
+
}
|
|
91
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_left .vtx-ui-searchmap-listtitle {
|
|
92
|
+
width: 100%;
|
|
93
|
+
height: 30px;
|
|
94
|
+
line-height: 30px;
|
|
95
|
+
border-bottom: 1px solid #d9d9d9;
|
|
96
|
+
}
|
|
97
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_left .vtx-ui-searchmap-listtitle .vtx-ui-searchmap-title {
|
|
98
|
+
width: calc(100% - 30px);
|
|
99
|
+
display: inline-block;
|
|
100
|
+
padding-left: 15px;
|
|
101
|
+
font-size: 15px;
|
|
102
|
+
}
|
|
103
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_left .vtx-ui-searchmap-listtitle .vtx-ui-searchmap-btn {
|
|
104
|
+
display: inline-block;
|
|
105
|
+
width: 30px;
|
|
106
|
+
text-align: center;
|
|
107
|
+
color: #1890ff;
|
|
108
|
+
height: 30px;
|
|
109
|
+
line-height: 30px;
|
|
110
|
+
cursor: pointer;
|
|
111
|
+
}
|
|
112
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_left .vtx-ui-searchmap-lists {
|
|
113
|
+
width: 100%;
|
|
114
|
+
line-height: 35px;
|
|
115
|
+
border-bottom: 1px solid #d9d9d9;
|
|
116
|
+
font-size: 12px;
|
|
117
|
+
overflow: hidden;
|
|
118
|
+
text-overflow: ellipsis;
|
|
119
|
+
white-space: nowrap;
|
|
120
|
+
padding: 0px 15px;
|
|
121
|
+
cursor: pointer;
|
|
122
|
+
color: #999;
|
|
123
|
+
}
|
|
124
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_left .vtx-ui-searchmap-lists:hover {
|
|
125
|
+
background-color: #ECF6FD;
|
|
126
|
+
color: #1890ff;
|
|
127
|
+
}
|
|
128
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_left .vtx-ui-searchmap-lists.vtx-ui-searchmap-select {
|
|
129
|
+
background-color: #ECF6FD;
|
|
130
|
+
color: #1890ff;
|
|
131
|
+
}
|
|
132
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_left .vtx-ui-searchmap-scrollauto {
|
|
133
|
+
height: calc(100% - 30px);
|
|
134
|
+
overflow-y: auto;
|
|
135
|
+
}
|
|
136
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_right {
|
|
137
|
+
width: 100%;
|
|
138
|
+
height: 100%;
|
|
139
|
+
display: inline-block;
|
|
140
|
+
-webkit-transition-duration: 0.3s;
|
|
141
|
+
transition-duration: 0.3s;
|
|
142
|
+
-webkit-transition-property: width;
|
|
143
|
+
transition-property: width;
|
|
144
|
+
}
|
|
145
|
+
.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-btn {
|
|
146
|
+
text-align: center;
|
|
147
|
+
color: #1890ff;
|
|
148
|
+
height: 30px;
|
|
149
|
+
line-height: 30px;
|
|
150
|
+
cursor: pointer;
|
|
151
|
+
}
|
|
152
|
+
.vtx-ui-searchmap-showlabel {
|
|
153
|
+
margin-left: 0;
|
|
154
|
+
width: 100px;
|
|
155
|
+
line-height: 25px;
|
|
156
|
+
text-align: center;
|
|
157
|
+
position: relative;
|
|
158
|
+
left: -38px;
|
|
159
|
+
background-color: #222020;
|
|
160
|
+
opacity: 0.6;
|
|
161
|
+
border-radius: 5px;
|
|
162
|
+
color: #FFF;
|
|
163
|
+
padding: 2px 8px;
|
|
164
|
+
text-overflow: ellipsis;
|
|
165
|
+
white-space: nowrap;
|
|
166
|
+
word-break: normal;
|
|
167
|
+
overflow: hidden;
|
|
168
|
+
}
|
|
169
|
+
.vtx-ui-searchmap-hiddenlabel {
|
|
170
|
+
display: none;
|
|
171
|
+
}
|