text: /*
      italic-menu
  */
  import $ from '../../util/dom-core.js'
  
  // 构造函数
  function Italic (editor) {
    this.editor = editor
    this.$elem = $(
      `<div class="w-e-menu">
              <i class="w-e-icon-italic"></i>
          </div>`
    )
    this.type = 'click'
  
    // 当前是否 active 状态
    this._active = false
  }
  
  // 原型
  Italic.prototype = {
    constructor: Italic,
  
    // 点击事件
    onClick: function (e) {
      // 点击菜单将触发这里
  
      const editor = this.editor
      const isSeleEmpty = editor.selection.isSelectionEmpty()
  
      if (isSeleEmpty) {
        // 选区是空的，插入并选中一个“空白”
        editor.selection.createEmptyRange()
      }
  
      // 执行 italic 命令
      editor.cmd.do('italic')
  
      if (isSeleEmpty) {
        // 需要将选取折叠起来
        editor.selection.collapseRange()
        editor.selection.restoreSelection()
      }
    },
  
    // 试图改变 active 状态
    tryChangeActive: function (e) {
      const editor = this.editor
      const $elem = this.$elem
      if (editor.cmd.queryCommandState('italic')) {
        this._active = true
        $elem.addClass('w-e-active')
      } else {
        this._active = false
        $elem.removeClass('w-e-active')
      }
    }
  }
  
  export default Italic
  