12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- export function hydrate(dom, options) {
- var svgRoot = dom.querySelector('svg');
- if (!svgRoot) {
- console.error('No SVG element found in the DOM.');
- return;
- }
- function getIndex(child, attr) {
- var index = child.getAttribute(attr);
- if (index) {
- return parseInt(index, 10);
- } else {
- return undefined;
- }
- }
- var listeners = options.on || {};
- var _loop_1 = function (rawEvtName) {
- if (!listeners.hasOwnProperty(rawEvtName)) {
- return "continue";
- }
- var eventName = rawEvtName;
- var listener = listeners[eventName];
- if (!isFunction(listener)) {
- return "continue";
- }
- svgRoot.addEventListener(eventName, function (event) {
- var targetEl = event.target;
- if (!targetEl || !isFunction(targetEl.getAttribute)) {
- return;
- }
- var type = targetEl.getAttribute('ecmeta_ssr_type');
- var silent = targetEl.getAttribute('ecmeta_silent') === 'true';
- if (!type || silent) {
- return;
- }
- listener({
- type: eventName,
- ssrType: type,
- seriesIndex: getIndex(targetEl, 'ecmeta_series_index'),
- dataIndex: getIndex(targetEl, 'ecmeta_data_index'),
- event: event
- });
- });
- };
- for (var rawEvtName in listeners) {
- _loop_1(rawEvtName);
- }
- }
- function isFunction(value) {
- return typeof value === 'function';
- }
|