diff --git a/src/commands/view/ShowOffset.js b/src/commands/view/ShowOffset.ts similarity index 95% rename from src/commands/view/ShowOffset.js rename to src/commands/view/ShowOffset.ts index c4c5875e1..5b408bfbd 100644 --- a/src/commands/view/ShowOffset.js +++ b/src/commands/view/ShowOffset.ts @@ -1,10 +1,11 @@ import Backbone from 'backbone'; import { isUndefined } from 'underscore'; import { isTextNode } from '../../utils/mixins'; +import { CustomCommand } from './CommandAbstract'; const $ = Backbone.$; export default { - getOffsetMethod(state) { + getOffsetMethod(state: string) { var method = state || ''; return 'get' + method + 'OffsetViewerEl'; }, @@ -17,7 +18,7 @@ export default { const el = opt.el || ''; if (!config.showOffsets || isTextNode(el) || (!config.showOffsetsSelected && state == 'Fixed')) { - editor.stopCommand(this.id, opts); + editor.stopCommand(`${this.id}`, opts); return; } @@ -35,6 +36,7 @@ export default { var ppfx = this.ppfx; var stateVar = state + 'State'; var method = this.getOffsetMethod(state); + // @ts-ignore var offsetViewer = canvas[method](opts.view); offsetViewer.style.opacity = ''; @@ -63,8 +65,8 @@ export default { var stateLow = state.toLowerCase(); var marginName = stateLow + 'margin-v'; var paddingName = stateLow + 'padding-v'; - var marginV = $(`
`).get(0); - var paddingV = $(`
`).get(0); + var marginV = $(`
`).get(0) as HTMLElement; + var paddingV = $(`
`).get(0) as HTMLElement; var marginEls = ppfx + marginName + '-el'; var paddingEls = ppfx + paddingName + '-el'; const fullMargName = `${marginEls} ${ppfx + marginName}`; @@ -171,7 +173,8 @@ export default { var state = opt.state || ''; var method = this.getOffsetMethod(state); var canvas = editor.Canvas; + // @ts-ignore var offsetViewer = canvas[method](opts.view); offsetViewer.style.opacity = 0; }, -}; +} as CustomCommand;