@vtx/map 1.0.3

package/lib/VtxMap/zoomMap.js

@@ -0,0 +1,124 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var _createClass = function () { 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Map = require('./Map');
+
+var _Map2 = _interopRequireDefault(_Map);
+
+var _immutable = require('immutable');
+
+var _immutable2 = _interopRequireDefault(_immutable);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var zoomMap = function (_React$Component) {
+    _inherits(zoomMap, _React$Component);
+
+    function zoomMap(props) {
+        _classCallCheck(this, zoomMap);
+
+        var _this = _possibleConstructorReturn(this, (zoomMap.__proto__ || Object.getPrototypeOf(zoomMap)).call(this, props));
+
+        _this.map = null;
+        _this.state = {
+            filterPoints: []
+        };
+        return _this;
+    }
+
+    _createClass(zoomMap, [{
+        key: 'resetPoints',
+        value: function resetPoints() {
+            var mapPoints = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+            var zoomLv = arguments[1];
+
+            // console.log('当前zoom等级',this.state.zoomLv);
+            console.log(this.map.getMapExtent());
+            zoomLv = zoomLv || this.map.getZoomLevel();
+            if (zoomLv) {
+                this.setState({
+                    filterPoints: mapPoints.filter(function (item) {
+                        return typeof item.zoomLevel == 'number' ? item.zoomLevel <= zoomLv : true;
+                    })
+                }, function () {
+                    // console.log(`zoom等级(${this.state.zoomLv})过滤后还有${this.state.filterPoints.length}个点`);
+                });
+            }
+        }
+    }, {
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            // console.log(this.map.getMapExtent())        
+            // 地图加载完成取得当前zoom值，初始化内部点数据
+            this.resetPoints(this.props.mapPoints);
+        }
+    }, {
+        key: 'componentWillReceiveProps',
+        value: function componentWillReceiveProps(nextProps) {
+            if (!this.deepEqual(this.props.mapPoints, nextProps.mapPoints)) {
+                // 外部点数据改变，更新内部点数据
+                this.resetPoints(nextProps.mapPoints);
+            }
+        }
+    }, {
+        key: 'deepEqual',
+        value: function deepEqual(a, b) {
+            return _immutable2.default.is(_immutable2.default.fromJS(a), _immutable2.default.fromJS(b));
+        }
+    }, {
+        key: 'zoomEnd',
+        value: function zoomEnd(obj) {
+            // console.log(obj)
+            //zoom操作后，更新内部点数据
+            this.resetPoints(this.props.mapPoints);
+
+            if (typeof this.props.zoomEnd === "function") {
+                this.props.zoomEnd(obj);
+            }
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var newProps = _extends({}, this.props, {
+                zoomEnd: this.zoomEnd.bind(this),
+                mapPoints: this.state.filterPoints,
+                ref: function ref(p) {
+                    if (p) {
+                        _this2.map = p;
+                    }
+                }
+                // 屏蔽地图默认的setFitView的调整zoom功能，只会重新设置center
+            });if (newProps.mapVisiblePoints) {
+                newProps.mapVisiblePoints = _extends({}, newProps.mapVisiblePoints, {
+                    type: 'center'
+                });
+            }
+
+            return _react2.default.createElement(_Map2.default, newProps);
+        }
+    }]);
+
+    return zoomMap;
+}(_react2.default.Component);
+
+exports.default = zoomMap;
+module.exports = exports['default'];

package/lib/VtxModal/VtxModal.css

@@ -0,0 +1,62 @@
+.vtx-ui-modal-normal .ant-modal .ant-modal-content {
+  height: 100%;
+}
+.vtx-ui-modal-normal .ant-modal .ant-modal-content .ant-modal-body {
+  max-height: calc(100% - 108px);
+  overflow: auto;
+  background-color: #fbfbfb;
+}
+.vtx-ui-modal-normal .vtx-ui-modal-title {
+  position: relative;
+  width: 100%;
+}
+.vtx-ui-modal-normal .vtx-ui-modal-title .vtx-ui-modal-title_name {
+  width: 100%;
+  color: #108EE2;
+}
+.vtx-ui-modal-normal .vtx-ui-modal-title .vtx-ui-modal-close,
+.vtx-ui-modal-normal .vtx-ui-modal-title .vtx-ui-modal-maximizeIcon {
+  position: absolute;
+  top: -13px;
+  right: -16px;
+}
+.vtx-ui-modal-normal .vtx-ui-modal-title .vtx-ui-modal-close p,
+.vtx-ui-modal-normal .vtx-ui-modal-title .vtx-ui-modal-maximizeIcon p {
+  width: 36px;
+  height: 48px;
+  text-align: center;
+  line-height: 48px;
+  cursor: pointer;
+  border: 0;
+  background: transparent;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 10;
+  font-weight: 700;
+  text-decoration: none;
+  -webkit-transition: color 0.3s ease;
+  transition: color 0.3s ease;
+  color: rgba(0, 0, 0, 0.43);
+  outline: 0;
+  display: inline-block;
+}
+.vtx-ui-modal-normal .vtx-ui-modal-title .vtx-ui-modal-close p:hover,
+.vtx-ui-modal-normal .vtx-ui-modal-title .vtx-ui-modal-maximizeIcon p:hover {
+  color: #444;
+  text-decoration: none;
+}
+.vtx-ui-modal-normal .vtx-ui-modal-title .vtx-ui-modal-maximizeIcon {
+  right: 20px;
+}
+.vtx-ui-modal-maxClass .ant-modal {
+  top: 0 !important;
+  left: 0 !important;
+  width: 100% !important;
+  height: 100% !important;
+  padding-bottom: 0 !important;
+  overflow: hidden;
+}
+.vtx-ui-modal-maxClass .ant-modal-body {
+  height: calc(100% - 108px) !important;
+}

package/lib/VtxModal/VtxModal.js

@@ -0,0 +1,249 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var _createClass = function () { 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+require('./VtxModal.css');
+
+var _modal = require('antd/lib/modal');
+
+var _modal2 = _interopRequireDefault(_modal);
+
+require('antd/lib/modal/style/css');
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+require('antd/lib/icon/style/css');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var styles = {
+    normal: 'vtx-ui-modal-normal',
+    maxClass: 'vtx-ui-modal-maxClass',
+    title: 'vtx-ui-modal-title',
+    title_name: 'vtx-ui-modal-title_name',
+    close: 'vtx-ui-modal-close',
+    maximizeIcon: 'vtx-ui-modal-maximizeIcon'
+};
+
+var VtxModal = function (_React$Component) {
+    _inherits(VtxModal, _React$Component);
+
+    function VtxModal(props) {
+        _classCallCheck(this, VtxModal);
+
+        var _this = _possibleConstructorReturn(this, (VtxModal.__proto__ || Object.getPrototypeOf(VtxModal)).call(this, props));
+
+        _this.classId = new Date().getTime() + Math.random();
+        _this.isInit = false;
+        _this.isCreate = props.visible;
+        _this.state = {
+            maximizable: false,
+            maximizeClass: '',
+
+            init_x: 0,
+            init_y: 0,
+            x_move: 0,
+            y_move: 0,
+            documentMouseMove: null,
+            documentMouseUp: null
+        };
+        _this.startDrag = _this.startDrag.bind(_this);
+        return _this;
+    }
+
+    _createClass(VtxModal, [{
+        key: 'componentWillReceiveProps',
+        value: function componentWillReceiveProps(nextProps) {
+            if (nextProps.visible && !this.isCreate) {
+                this.isCreate = true;
+            }
+            if (!this.props.visible && nextProps.visible) {
+                this.setState({
+                    x_move: 0,
+                    y_move: 0
+                });
+            }
+        }
+    }, {
+        key: 'componentDidUpdate',
+        value: function componentDidUpdate() {
+            var t = this;
+            if (!this.props.isNotMoving) {
+                if (this.isCreate && !this.isInit) {
+                    this.isInit = true;
+                    try {
+                        this.timer = setTimeout(function () {
+                            var modalHead = document.getElementsByClassName(t.classId)[0].getElementsByClassName('ant-modal-header')[0];
+                            modalHead.style.cursor = 'move';
+                            modalHead.onmousedown = t.startDrag;
+                        }, 200);
+                    } catch (error) {
+                        console.error('VtxModal拖动功能异常,未获取到头部dom对象!');
+                    }
+                }
+            }
+        }
+    }, {
+        key: 'componentWillUnmount',
+        value: function componentWillUnmount() {
+            if (this.timer) {
+                clearTimeout(this.timer);
+            }
+        }
+    }, {
+        key: 'startDrag',
+        value: function startDrag(e) {
+            var _this2 = this;
+
+            e.preventDefault();
+            if (!this.state.maximizable) {
+                this.setState({
+                    documentMouseUp: document.onmouseup,
+                    documentMouseMove: document.onmousemove,
+                    init_x: e.clientX - this.state.x_move,
+                    init_y: e.clientY - this.state.y_move
+                });
+                document.onmousemove = function (e) {
+                    _this2.setState({
+                        x_move: e.clientX - _this2.state.init_x,
+                        y_move: e.clientY - _this2.state.init_y
+                    });
+                };
+                document.onmouseup = function (e) {
+                    document.onmousemove = _this2.state.documentMouseMove;
+                    document.onmouseup = _this2.state.documentMouseUp;
+                };
+            }
+        }
+    }, {
+        key: 'componentWillUnmount',
+        value: function componentWillUnmount() {
+            if (this.timer) {
+                clearTimeout(this.timer);
+            }
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            var t = this;
+            var _props = this.props,
+                _props$closable = _props.closable,
+                closable = _props$closable === undefined ? true : _props$closable,
+                _props$maximize = _props.maximize,
+                maximize = _props$maximize === undefined ? true : _props$maximize,
+                _props$wrapClassName = _props.wrapClassName,
+                wrapClassName = _props$wrapClassName === undefined ? '' : _props$wrapClassName,
+                _props$title = _props.title,
+                title = _props$title === undefined ? '' : _props$title;
+            var _state = this.state,
+                maximizable = _state.maximizable,
+                maximizeClass = _state.maximizeClass;
+
+            wrapClassName = styles.normal + ' ' + wrapClassName + ' ' + maximizeClass + ' ' + this.classId;
+            var transformStyle = {
+                transform: 'translate(' + this.state.x_move + 'px,' + this.state.y_move + 'px)'
+            };
+            title = function renderTitle() {
+                return _react2.default.createElement(
+                    'div',
+                    { className: styles.title, style: { paddingRight: closable ? '32px' : '0px' } },
+                    _react2.default.createElement(
+                        'div',
+                        { className: styles.title_name },
+                        title
+                    ),
+                    maximize ? _react2.default.createElement(
+                        'div',
+                        { className: styles.maximizeIcon },
+                        _react2.default.createElement(
+                            'p',
+                            {
+                                onClick: function onClick() {
+                                    var maximizeClass = '';
+                                    if (!maximizable) {
+                                        maximizeClass = styles.maxClass;
+                                    }
+                                    t.setState({
+                                        maximizable: !maximizable,
+                                        maximizeClass: maximizeClass
+                                    }, function () {
+                                        {/* 为arcgis设计 */}
+                                        if (t.timer) {
+                                            clearTimeout(t.timer);
+                                        }
+                                        t.timer = setTimeout(function () {
+                                            if (window.onModalResize && typeof window.onModalResize == 'function') {
+                                                window.onModalResize();
+                                            }
+                                        }, 100);
+                                    });
+                                }
+                            },
+                            maximizable ? _react2.default.createElement(_icon2.default, { type: 'shrink' }) : _react2.default.createElement(_icon2.default, { type: 'arrows-alt' })
+                        )
+                    ) : null,
+                    closable ? _react2.default.createElement(
+                        'div',
+                        { className: styles.close },
+                        _react2.default.createElement(
+                            'p',
+                            { onClick: t.props.onCancel },
+                            _react2.default.createElement(_icon2.default, { type: 'close' })
+                        )
+                    ) : ''
+                );
+            }();
+            var bodyStyle = _extends({}, this.props.bodyStyle);
+            if (!maximizable) {
+                bodyStyle = _extends({
+                    maxHeight: window.innerHeight * 0.7 + 'px'
+                }, bodyStyle);
+            }
+            var props = _extends({
+                closable: closable,
+                maskClosable: false,
+                width: 700
+            }, this.props, {
+                closable: false,
+                title: title,
+                wrapClassName: wrapClassName,
+                bodyStyle: bodyStyle,
+                style: _extends({}, this.props.style, maximizable ? {} : transformStyle)
+            });
+            return _react2.default.createElement(
+                _modal2.default,
+                props,
+                this.props.children
+            );
+        }
+    }]);
+
+    return VtxModal;
+}(_react2.default.Component);
+
+VtxModal.info = _modal2.default.info;
+VtxModal.success = _modal2.default.success;
+VtxModal.error = _modal2.default.error;
+VtxModal.warning = _modal2.default.warning;
+VtxModal.confirm = _modal2.default.confirm;
+
+exports.default = VtxModal;
+module.exports = exports['default'];

package/lib/VtxModal/VtxModal.less

@@ -0,0 +1,65 @@
+.vtx-ui-modal-normal{
+    .ant-modal{
+        .ant-modal-content{
+            height: 100%;
+            .ant-modal-body{
+                max-height: e('calc(100% - 108px)');
+                overflow: auto;
+                background-color: #fbfbfb;
+            }
+        }
+    }
+    .vtx-ui-modal-title{
+        position: relative;
+        width: 100%;
+        .vtx-ui-modal-title_name{
+            width: 100%;
+            color: #108EE2;
+        }
+        .vtx-ui-modal-close,.vtx-ui-modal-maximizeIcon{
+            position: absolute;
+            top: -13px;
+            right: -16px;
+            p{
+                width: 36px;
+                height: 48px;
+                text-align: center;
+                line-height: 48px;
+                cursor: pointer;
+                border: 0;
+                background: transparent;
+                position: absolute;
+                right: 0;
+                top: 0;
+                z-index: 10;
+                font-weight: 700;
+                text-decoration: none;
+                -webkit-transition: color .3s ease;
+                transition: color .3s ease;
+                color: rgba(0, 0, 0, 0.43);
+                outline: 0;
+                display: inline-block;
+                &:hover{
+                    color: #444;
+                    text-decoration: none;
+                }
+            }
+        }
+        .vtx-ui-modal-maximizeIcon{
+            right: 20px;
+        }
+    }
+}
+.vtx-ui-modal-maxClass{
+    .ant-modal{
+        top: 0 !important;
+        left: 0 !important;
+        width: 100% !important;
+        height: 100% !important;
+        padding-bottom: 0 !important;
+        overflow: hidden;
+    }
+    .ant-modal-body{
+        height: e('calc(100% - 108px)') !important;
+    }
+}

package/lib/VtxModal/draggableModal.js

@@ -0,0 +1,143 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var _createClass = function () { 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactDom = require('react-dom');
+
+var _reactDom2 = _interopRequireDefault(_reactDom);
+
+var _modal = require('antd/lib/modal');
+
+var _modal2 = _interopRequireDefault(_modal);
+
+require('antd/lib/modal/style/css');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var DraggableModal = function (_React$Component) {
+    _inherits(DraggableModal, _React$Component);
+
+    function DraggableModal(props) {
+        _classCallCheck(this, DraggableModal);
+
+        var _this = _possibleConstructorReturn(this, (DraggableModal.__proto__ || Object.getPrototypeOf(DraggableModal)).call(this, props));
+
+        _this.state = {
+            init_x: 0,
+            init_y: 0,
+            x_move: 0,
+            y_move: 0
+        };
+        _this.initSucceed = false; //是否已完成初始化拖拽事件
+        _this.startDrag = _this.startDrag.bind(_this);
+        _this.initEvent = _this.initEvent.bind(_this);
+        return _this;
+    }
+    // 初始化弹框的拖拽事件
+
+
+    _createClass(DraggableModal, [{
+        key: 'initEvent',
+        value: function initEvent() {
+            if (!this.drag) return;
+            var modalHead = _reactDom2.default.findDOMNode(this.drag).parentNode.previousSibling;
+            if (modalHead.className.indexOf('ant-modal-header') !== -1) {
+                modalHead.style.cursor = 'move';
+                modalHead.onmousedown = this.startDrag;
+                this.initSucceed = true;
+            }
+        }
+        // 开始拖拽：绑定事件
+
+    }, {
+        key: 'startDrag',
+        value: function startDrag(e) {
+            var _this2 = this;
+
+            e.preventDefault();
+            this.setState({
+                init_x: e.clientX - this.state.x_move,
+                init_y: e.clientY - this.state.y_move
+            });
+            var mousemove = function mousemove(e) {
+                _this2.setState({
+                    x_move: e.clientX - _this2.state.init_x,
+                    y_move: e.clientY - _this2.state.init_y
+                });
+            };
+            var mouseup = function mouseup(e) {
+                document.removeEventListener('mousemove', mousemove);
+                document.removeEventListener('mouseup', mouseup);
+            };
+
+            document.addEventListener('mousemove', mousemove);
+            document.addEventListener('mouseup', mouseup);
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this3 = this;
+
+            var transformStyle = {
+                transform: 'translate(' + this.state.x_move + 'px,' + this.state.y_move + 'px)'
+            };
+            var props = _extends({}, this.props, {
+                style: _extends({}, this.props.style, transformStyle)
+            });
+
+            return _react2.default.createElement(
+                _modal2.default,
+                props,
+                this.props.children,
+                _react2.default.createElement('div', { ref: function ref(elem) {
+                        _this3.drag = elem;
+                    } })
+            );
+        }
+    }, {
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            this.initEvent();
+        }
+    }, {
+        key: 'componentDidUpdate',
+        value: function componentDidUpdate() {
+            if (!this.initSucceed) {
+                this.initEvent();
+            }
+        }
+    }, {
+        key: 'componentWillReceiveProps',
+        value: function componentWillReceiveProps(nextProps) {
+            if (!this.props.visible && nextProps.visible && !nextProps.remainPosition) {
+                this.setState({
+                    init_x: 0,
+                    init_y: 0,
+                    x_move: 0,
+                    y_move: 0
+                });
+            }
+        }
+    }]);
+
+    return DraggableModal;
+}(_react2.default.Component);
+
+exports.default = DraggableModal;
+module.exports = exports['default'];

package/lib/VtxModal/index.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DraggableModal = exports.VtxModal = undefined;
+
+var _VtxModal = require('./VtxModal');
+
+var _VtxModal2 = _interopRequireDefault(_VtxModal);
+
+var _draggableModal = require('./draggableModal');
+
+var _draggableModal2 = _interopRequireDefault(_draggableModal);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+_VtxModal2.default.DraggableModal = _draggableModal2.default;
+
+exports.default = _VtxModal2.default;
+exports.VtxModal = _VtxModal2.default;
+exports.DraggableModal = _draggableModal2.default;