2016-06-07 05:57:52 +08:00
|
|
|
import ko from 'ko';
|
2019-07-05 03:19:24 +08:00
|
|
|
import { KeyState } from 'Common/Enums';
|
2016-06-07 05:57:52 +08:00
|
|
|
|
2020-08-27 21:45:47 +08:00
|
|
|
export const $html = document.documentElement;
|
|
|
|
export const $htmlCL = $html.classList;
|
2016-06-07 05:57:52 +08:00
|
|
|
|
|
|
|
/**
|
|
|
|
* @type {?}
|
|
|
|
*/
|
2019-07-05 03:19:24 +08:00
|
|
|
export const dropdownVisibility = ko.observable(false).extend({ rateLimit: 0 });
|
2016-06-07 05:57:52 +08:00
|
|
|
|
2016-10-19 01:52:43 +08:00
|
|
|
export const VIEW_MODELS = {
|
2016-06-07 05:57:52 +08:00
|
|
|
settings: [],
|
|
|
|
'settings-removed': [],
|
|
|
|
'settings-disabled': []
|
|
|
|
};
|
|
|
|
|
2017-02-09 01:48:53 +08:00
|
|
|
export const moveAction = ko.observable(false);
|
2016-06-07 05:57:52 +08:00
|
|
|
export const leftPanelDisabled = ko.observable(false);
|
|
|
|
export const leftPanelType = ko.observable('');
|
|
|
|
export const leftPanelWidth = ko.observable(0);
|
|
|
|
|
2020-09-30 20:07:03 +08:00
|
|
|
leftPanelDisabled.subscribe(value => value && moveAction() && moveAction(false));
|
2017-02-09 01:48:53 +08:00
|
|
|
|
2020-09-30 20:07:03 +08:00
|
|
|
moveAction.subscribe(value => value && leftPanelDisabled() && leftPanelDisabled(false));
|
2017-02-09 01:48:53 +08:00
|
|
|
|
2016-06-07 05:57:52 +08:00
|
|
|
// keys
|
|
|
|
export const keyScopeReal = ko.observable(KeyState.All);
|
|
|
|
export const keyScopeFake = ko.observable(KeyState.All);
|
|
|
|
|
|
|
|
export const keyScope = ko.computed({
|
2016-07-02 06:49:59 +08:00
|
|
|
read: () => keyScopeFake(),
|
2020-09-26 15:34:23 +08:00
|
|
|
write: value => {
|
2019-07-05 03:19:24 +08:00
|
|
|
if (KeyState.Menu !== value) {
|
2016-08-17 06:01:20 +08:00
|
|
|
keyScopeFake(value);
|
2019-07-05 03:19:24 +08:00
|
|
|
if (dropdownVisibility()) {
|
2016-08-17 06:01:20 +08:00
|
|
|
value = KeyState.Menu;
|
2016-06-07 05:57:52 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-08-17 06:01:20 +08:00
|
|
|
keyScopeReal(value);
|
2016-06-07 05:57:52 +08:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2020-09-26 15:34:23 +08:00
|
|
|
keyScopeReal.subscribe(value => shortcuts.setScope(value));
|
2016-06-07 05:57:52 +08:00
|
|
|
|
2020-09-26 15:34:23 +08:00
|
|
|
dropdownVisibility.subscribe(value => {
|
2019-07-05 03:19:24 +08:00
|
|
|
if (value) {
|
2016-06-07 05:57:52 +08:00
|
|
|
keyScope(KeyState.Menu);
|
2020-09-26 06:02:29 +08:00
|
|
|
} else if (KeyState.Menu === shortcuts.getScope()) {
|
2016-06-07 05:57:52 +08:00
|
|
|
keyScope(keyScopeFake());
|
|
|
|
}
|
|
|
|
});
|