@vtx/cs-map
Version:
React components for Vortex
112 lines (110 loc) • 7.14 kB
JavaScript
;
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = exports.Toolbox = void 0;
var _react = _interopRequireWildcard(require("react"));
var _itemWrap = _interopRequireDefault(require("../components/item-wrap"));
var _Icon = _interopRequireDefault(require("@ant-design/icons/lib/components/Icon"));
var _toolItem = _interopRequireDefault(require("../components/tool-Item"));
var _useProps2 = _interopRequireDefault(require("../../_util/useProps"));
var _Distance = _interopRequireDefault(require("./Measure/Distance"));
var _Area = _interopRequireDefault(require("./Measure/Area"));
var _Height = _interopRequireDefault(require("./Measure/Height"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
var P = {
measureDistance: _Distance["default"],
measureArea: _Area["default"],
measureHeight: _Height["default"]
};
var Toolbox = exports.Toolbox = function Toolbox(props) {
var type = props.type;
var Page = P[type];
return /*#__PURE__*/_react["default"].createElement(Page, props);
};
var ToolBox = function ToolBox(props) {
var _useProps = (0, _useProps2["default"])(),
map = _useProps.map,
TextEnum = _useProps.TextEnum;
var options = [{
label: TextEnum.toolMeasureDistanceText,
icon: 'icon-ceju',
key: 'measureDistance'
}, {
label: TextEnum.toolMeasureAreaText,
icon: 'icon-mianji',
key: 'measureArea'
}
// { label: TextEnum.toolMeasureHeightText, icon: 'icon-mianji', key: 'measureHeight' },
];
var _useState = (0, _react.useState)(''),
_useState2 = _slicedToArray(_useState, 2),
active = _useState2[0],
setActive = _useState2[1];
var itemRef = (0, _react.useRef)();
var onChange = function onChange(v) {
if (!v.key) {
return;
}
var value = active && v.key === active ? '' : v.key;
itemRef.current.onVisibleChange(false);
setActive(value);
};
var content = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, options && options.length > 0 && options.map(function (v) {
var params = props[v.key];
if (params !== null && params !== void 0 && params.show) {
return /*#__PURE__*/_react["default"].createElement(_toolItem["default"], {
key: v.label,
onClick: function onClick() {
return onChange(v);
},
label: v.label,
icon: v.icon,
active: active === v.key || v.active
});
} else {
return null;
}
}));
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_itemWrap["default"], {
content: content,
ref: itemRef
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
component: function component() {
return /*#__PURE__*/_react["default"].createElement("svg", {
width: "1em",
height: "1em",
fill: "currentColor",
viewBox: "0 0 1024 1024"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M558.933333 535.466667a45.866667 45.866667 0 0 0-6.4-23.466667h-80a42.666667 42.666667 0 0 0-6.4 23.466667A46.08 46.08 0 0 0 512 583.68a47.573333 47.573333 0 0 0 46.933333-48.213333zM605.013333 535.466667a93.013333 93.013333 0 1 1-185.813333 0 83.413333 83.413333 0 0 1 3.2-23.466667H138.026667v262.826667a94.933333 94.933333 0 0 0 1.066666 10.88v41.6a42.666667 42.666667 0 0 0 42.666667 42.666666h661.333333a42.666667 42.666667 0 0 0 42.666667-42.666666V512H601.813333a88.746667 88.746667 0 0 1 3.2 23.466667zM884.906667 334.72v-42.666667a42.666667 42.666667 0 0 0-42.666667-42.666666h-189.866667v-64a32 32 0 0 0-32-32h-217.6a32 32 0 0 0-32 32v64H181.76a42.666667 42.666667 0 0 0-42.666667 42.666666v173.013334h746.666667v-119.68a94.933333 94.933333 0 0 0-0.853333-10.666667z m-277.333334-85.333333h-189.653333v-26.026667a21.333333 21.333333 0 0 1 21.333333-21.333333h146.133334a21.333333 21.333333 0 0 1 21.333333 21.333333z"
}));
}
})), active && /*#__PURE__*/_react["default"].createElement(Toolbox, _extends({
map: map
}, props[active] || {}, {
type: active,
onClose: function onClose() {
return setActive('');
}
})));
};
ToolBox.defaultProps = {
measureDistance: {
show: true
},
measureArea: {
show: true
}
};
var _default = exports["default"] = ToolBox;
//# sourceMappingURL=index.js.map