wisemapping-frontend/packages/mindplot/src/components/widget/FloatingTip.js

83 lines
2.1 KiB
JavaScript
Raw Normal View History

2021-07-16 16:41:58 +02:00
/*
* Copyright [2015] [wisemapping]
*
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
* It is basically the Apache License, Version 2.0 (the "License") plus the
* "powered by wisemapping" text requirement on every single page;
* you may not use this file except in compliance with the License.
* You may obtain a copy of the license at
*
* http://www.wisemapping.org/license
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { merge } from 'lodash';
import Events from '../Events';
2021-07-16 16:41:58 +02:00
const defaultOptions = {
animation: true,
html: false,
placement: 'right',
selector: false,
trigger: 'hover',
title: '',
content: '',
delay: 0,
container: false,
destroyOnExit: false,
};
2021-07-16 16:41:58 +02:00
2021-12-04 01:11:17 +01:00
class FloatingTip extends Events {
constructor(element, options) {
const opts = { ...defaultOptions, ...options };
super(element, opts);
this.setOptions(opts);
2021-10-05 02:05:34 +02:00
this.element = element;
this._createPopover();
2021-12-04 01:11:17 +01:00
}
2021-07-16 16:41:58 +02:00
2021-10-05 02:05:34 +02:00
_createPopover() {
this.element.popover(this.options);
const me = this;
if (this.options.destroyOnExit) {
this.element.one('hidden.bs.popover', () => {
me.element.popover('destroy');
me._createPopover();
});
}
2021-12-04 01:11:17 +01:00
}
2021-07-16 16:41:58 +02:00
2021-10-05 02:05:34 +02:00
show() {
this.element.popover('show');
this.fireEvent('show');
return this;
2021-12-04 01:11:17 +01:00
}
2021-07-16 16:41:58 +02:00
2021-10-05 02:05:34 +02:00
hide() {
this.element.popover('hide');
this.fireEvent('hide');
return this;
2021-12-04 01:11:17 +01:00
}
2021-07-16 16:41:58 +02:00
2021-12-14 18:06:09 +01:00
setOptions(...args) {
const options = merge({}, this.options, ...args);
this.options = options;
2021-12-14 18:06:09 +01:00
2021-12-04 01:11:17 +01:00
if (this.addEvent) {
for (const option in options) {
2021-12-19 17:06:42 +01:00
if (typeof (options[option]) !== 'function' || !(/^on[A-Z]/).test(option)) {
2021-12-14 18:06:09 +01:00
continue;
}
2021-12-04 01:11:17 +01:00
this.addEvent(option, options[option]);
delete options[option];
}
}
return this;
}
}
2021-07-16 16:41:58 +02:00
export default FloatingTip;