resizeEditor({ uiSize, imageSize = this.imageSize } = {}) {
    if (imageSize !== this.imageSize) {
      this.imageSize = imageSize;
    }
    if (uiSize) {
      this._setUiSize(uiSize);
    }

    const { width, height } = this._getCanvasMaxDimension();
    const editorElementStyle = this._editorElement.style;
    const { menuBarPosition } = this.options;

    editorElementStyle.height = `${height}px`;
    editorElementStyle.width = `${width}px`;

    this._setEditorPosition(menuBarPosition);

    this._editorElementWrap.style.bottom = `0px`;
    this._editorElementWrap.style.top = `0px`;
    this._editorElementWrap.style.left = `0px`;
    this._editorElementWrap.style.width = `100%`;

    const selectElementClassList = this._selectedElement.classList;

    if (
      menuBarPosition === 'top' &&
      this._selectedElement.offsetWidth < BI_EXPRESSION_MINSIZE_WHEN_TOP_POSITION
    ) {
      selectElementClassList.add('tui-image-editor-top-optimization');
    } else {
      selectElementClassList.remove('tui-image-editor-top-optimization');
    }
  }
Change editor size
@param {Object} resizeInfo - ui & image size info
  @param {Object} [resizeInfo.uiSize] - image size dimension
    @param {string} resizeInfo.uiSize.width - ui width
    @param {string} resizeInfo.uiSize.height - ui height
  @param {Object} [resizeInfo.imageSize] - image size dimension
    @param {Number} resizeInfo.imageSize.oldWidth - old width
    @param {Number} resizeInfo.imageSize.oldHeight - old height
    @param {Number} resizeInfo.imageSize.newWidth - new width
    @param {Number} resizeInfo.imageSize.newHeight - new height
@example
// Change the image size and ui size, and change the affected ui state together.
imageEditor.ui.resizeEditor({
    imageSize: {oldWidth: 100, oldHeight: 100, newWidth: 700, newHeight: 700},
    uiSize: {width: 1000, height: 1000}
});
@example
// Apply the ui state while preserving the previous attribute (for example, if responsive Ui)
imageEditor.ui.resizeEditor();