@tencentcloud/ai-desk-customer-vue 0.1.2 → 0.1.4

package/components/common/RichText/plugins/editable/miniprogram/build.js

@@ -1,813 +0,0 @@
-const path = require('path')
-/* global getTop */
-module.exports = {
-  style: `/* #ifndef MP-ALIPAY */
-  ._address,
-  ._article,
-  ._aside,
-  ._body,
-  ._caption,
-  ._center,
-  ._cite,
-  ._footer,
-  ._header,
-  ._html,
-  ._nav,
-  ._pre,
-  ._section {
-    display: block;
-  }
-  
-  /* #endif */`,
-  methods: {
-    /**
-     * @description 开始编辑文本
-     * @param {Event} e
-     */
-    editStart (e) {
-      if (this.properties.opts[5]) {
-        const i = e.currentTarget.dataset.i
-        if (!this.data.ctrl['e' + i] && this.properties.opts[5] !== 'simple') {
-          // 显示虚线框
-          this.setData({
-            ['ctrl.e' + i]: 1
-          })
-          // 点击其他地方则取消虚线框
-          setTimeout(() => {
-            this.root._mask.push(() => {
-              this.setData({
-                ['ctrl.e' + i]: 0
-              })
-            })
-          }, 50)
-          this.root._edit = this
-          this.i = i
-          this.cursor = this.getNode(i).text.length
-        } else {
-          if (this.properties.opts[5] === 'simple') {
-            this.root._edit = this
-            this.i = i
-            this.cursor = this.getNode(i).text.length
-          }
-          this.root._mask.pop()
-          this.root._maskTap()
-          // 将 text 转为 textarea
-          this.setData({
-            ['ctrl.e' + i]: 2
-          })
-          // 延时对焦，避免高度错误
-          setTimeout(() => {
-            this.setData({
-              ['ctrl.e' + i]: 3
-            })
-          }, 50)
-        }
-      }
-    },
-    /**
-     * @description 输入文本
-     * @param {Event} e
-     */
-    editInput (e) {
-      const i = e.target.dataset.i
-      // 替换连续空格
-      const value = e.detail.value.replace(/ {2,}/, $ => {
-        let res = '\xa0'
-        for (let i = 1; i < $.length; i++) {
-          res += '\xa0'
-        }
-        return res
-      })
-      this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].text', this.getNode(i).text, value) // 记录编辑历史
-      this.cursor = e.detail.cursor
-    },
-    /**
-     * @description 完成编辑文本
-     * @param {Event} e
-     */
-    editEnd (e) {
-      const i = e.target.dataset.i
-      // 更新到视图
-      this.setData({
-        ['ctrl.e' + i]: 0
-      })
-      this.root.setData({
-        ['nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].text']: e.detail.value.replace(/ {2}/g, '\xa0 ')
-      })
-      if (e.detail.cursor !== undefined) {
-        this.cursor = e.detail.cursor
-      }
-    },
-    /**
-     * @description 插入一个标签
-     * @param {Object} node 要插入的标签
-     */
-    insert (node) {
-      setTimeout(() => {
-        const arr = this.i.split('_')
-        const i = parseInt(arr.pop())
-        let path = arr.join('_')
-        const children = path ? this.getNode(path).children : this.properties.childs
-        const childs = children.slice(0)
-        if (!childs[i]) {
-          childs.push(node)
-        } else if (childs[i].text) {
-          // 在文本中插入
-          const text = childs[i].text
-          if (node.type === 'text') {
-            if (this.cursor) {
-              childs[i].text = text.substring(0, this.cursor) + node.text + text.substring(this.cursor)
-            } else {
-              childs[i].text += node.text
-            }
-          } else {
-            const list = []
-            if (this.cursor) {
-              list.push({
-                type: 'text',
-                text: text.substring(0, this.cursor)
-              })
-            }
-            list.push(node)
-            if (this.cursor < text.length) {
-              list.push({
-                type: 'text',
-                text: text.substring(this.cursor)
-              })
-            }
-            childs.splice(i, 1, ...list)
-          }
-        } else {
-          childs.splice(i + 1, 0, node)
-        }
-        path = this.properties.opts[7] + path
-        if (path[path.length - 1] === '_') {
-          path = path.slice(0, -1)
-        }
-        this.root._editVal('nodes' + (path ? '[' + path.replace(/_/g, '].children[') + '].children' : ''), children, childs, true)
-        this.i = arr.join('_') + '_' + (i + 1)
-      }, 200)
-    },
-    /**
-     * @description 移除第 i 个标签
-     * @param {Number} i
-     */
-    remove (i) {
-      const arr = i.split('_')
-      const j = arr.pop()
-      let path = arr.join('_')
-      const children = path ? this.getNode(path).children : this.properties.childs
-      const childs = children.slice(0)
-      const delEle = childs.splice(j, 1)[0]
-      if (delEle.name === 'img' || delEle.name === 'video' || delEle.name === 'audio') {
-        let src = delEle.attrs.src
-        if (delEle.src) {
-          src = delEle.src.length === 1 ? delEle.src[0] : delEle.src
-        }
-        this.root.triggerEvent('remove', {
-          type: delEle.name,
-          src
-        })
-      }
-      this.root._edit = undefined
-      this.root._maskTap()
-      path = this.properties.opts[7] + path
-      if (path[path.length - 1] === '_') {
-        path = path.slice(0, -1)
-      }
-      this.root._editVal('nodes' + (path ? '[' + path.replace(/_/g, '].children[') + '].children' : ''), children, childs, true)
-    },
-    /**
-     * @description 标签被点击
-     * @param {Event} e
-     */
-    nodeTap (e) {
-      if (this.properties.opts[5]) {
-        const i = e.currentTarget.dataset.i
-        if (this.root._table) {
-          const node = this.getNode(i)
-          if (node.name === 'table') {
-            this.root._table = undefined
-            this.root._remove_table = () => {
-              this.remove(i)
-            }
-          }
-        }
-        if (this.root._lock) return
-        // 阻止上层出现点击态
-        this.root._lock = true
-        setTimeout(() => {
-          this.root._lock = false
-        }, 50)
-        const node = this.getNode(i)
-        if (node.name === 'td' || node.name === 'th') {
-          this.root._table = true
-        }
-        if (this.data.ctrl['e' + this.i] === 3) return
-        this.root._maskTap()
-        this.root._edit = this
-        if (this.properties.opts[5] === 'simple') return
-        const arr = i.split('_')
-        const j = parseInt(arr.pop())
-        let path = arr.join('_')
-        const siblings = path ? this.getNode(path).children : this.properties.childs
-        // 显示实线框
-        this.setData({
-          ['ctrl.e' + i]: 1
-        })
-        this.root._mask.push(() => {
-          this.setData({
-            ['ctrl.e' + i]: 0
-          })
-        })
-        if (node.children.length === 1 && node.children[0].type === 'text') {
-          const ii = i + '_0'
-          if (!this.data.ctrl['e' + ii]) {
-            this.setData({
-              ['ctrl.e' + ii]: 1
-            })
-            this.root._mask.push(() => {
-              this.setData({
-                ['ctrl.e' + ii]: 0
-              })
-            })
-            this.cursor = node.children[0].text.length
-          }
-          this.i = ii
-        } else if (!(this.i || '').includes(i)) {
-          this.i = i + '_'
-        }
-        const items = this.root._getItem(node, j !== 0, j !== siblings.length - 1)
-        this.root._tooltip({
-          top: getTop(e),
-          items,
-          success: tapIndex => {
-            if (items[tapIndex] === '大小') {
-              // 改变字体大小
-              const style = node.attrs.style || ''
-              let value = style.match(/;font-size:([0-9]+)px/)
-              if (value) {
-                value = parseInt(value[1])
-              } else {
-                value = 16
-              }
-              this.root._slider({
-                min: 10,
-                max: 30,
-                value,
-                top: getTop(e),
-                changing: val => {
-                  if (Math.abs(val - value) > 2) {
-                    // 字号变换超过 2 时更新到视图
-                    this.changeStyle('font-size', i, val + 'px', value + 'px')
-                    value = e.detail.value
-                  }
-                },
-                change: val => {
-                  if (val !== value) {
-                    this.changeStyle('font-size', i, val + 'px', value + 'px')
-                  }
-                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.style', style, this.getNode(i).attrs.style)
-                }
-              })
-            } else if (items[tapIndex] === '颜色') {
-              // 改变文字颜色
-              const items = this.root._getItem('color')
-              this.root._color({
-                top: getTop(e),
-                items,
-                success: tapIndex => {
-                  const style = node.attrs.style || ''
-                  const value = style.match(/;color:([^;]+)/)
-                  this.changeStyle('color', i, items[tapIndex], value ? value[1] : undefined)
-                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.style', style, this.getNode(i).attrs.style)
-                }
-              })
-            } else if (items[tapIndex] === '上移' || items[tapIndex] === '下移') {
-              const arr = siblings.slice(0)
-              const item = arr[j]
-              if (items[tapIndex] === '上移') {
-                arr[j] = arr[j - 1]
-                arr[j - 1] = item
-              } else {
-                arr[j] = arr[j + 1]
-                arr[j + 1] = item
-              }
-              path = this.properties.opts[7] + path
-              if (path[path.length - 1] === '_') {
-                path = path.slice(0, -1)
-              }
-              this.root._editVal('nodes' + (path ? '[' + path.replace(/_/g, '].children[') + '].children' : ''), siblings, arr, true)
-            } else if (items[tapIndex] === '删除') {
-              if ((node.name === 'td' || node.name === 'th') && this.root._remove_table) {
-                this.root._remove_table()
-                this.root._remove_table = undefined
-              } else {
-                this.remove(i)
-              }
-            } else {
-              const style = node.attrs.style || ''
-              let newStyle = ''
-              const item = items[tapIndex]
-              let name
-              let value
-              if (item === '斜体') {
-                name = 'font-style'
-                value = 'italic'
-              } else if (item === '粗体') {
-                name = 'font-weight'
-                value = 'bold'
-              } else if (item === '下划线') {
-                name = 'text-decoration'
-                value = 'underline'
-              } else if (item === '居中') {
-                name = 'text-align'
-                value = 'center'
-              } else if (item === '缩进') {
-                name = 'text-indent'
-                value = '2em'
-              }
-              if (style.includes(name + ':')) {
-                // 已有则取消
-                newStyle = style.replace(new RegExp(name + ':[^;]+'), '')
-              } else {
-                // 没有则添加
-                newStyle = style + ';' + name + ':' + value
-              }
-              this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.style', style, newStyle, true)
-            }
-          }
-        })
-      }
-    },
-    /**
-     * @description 音视频被点击
-     * @param {Event} e
-     */
-    mediaTap (e) {
-      if (this.properties.opts[5]) {
-        const i = e.target.dataset.i
-        const node = this.getNode(i)
-        const items = this.root._getItem(node)
-        this.root._maskTap()
-        this.root._edit = this
-        this.i = i
-        this.root._tooltip({
-          top: e.target.offsetTop - 30,
-          items,
-          success: tapIndex => {
-            switch (items[tapIndex]) {
-              case '封面':
-                // 设置封面
-                this.root.getSrc('img', node.attrs.poster || '').then(url => {
-                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.poster', node.attrs.poster, url instanceof Array ? url[0] : url, true)
-                }).catch(() => { })
-                break
-              case '删除':
-                this.remove(i)
-                break
-              case '循环':
-              case '不循环':
-                // 切换循环播放
-                this.root.setData({
-                  ['nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.loop']: !node.attrs.loop
-                })
-                wx.showToast({
-                  title: '成功'
-                })
-                break
-              case '自动播放':
-              case '不自动播放':
-                // 切换自动播放播放
-                this.root.setData({
-                  ['nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.autoplay']: !node.attrs.autoplay
-                })
-                wx.showToast({
-                  title: '成功'
-                })
-                break
-            }
-          }
-        })
-        // 避免上层出现点击态
-        this.root._lock = true
-        setTimeout(() => {
-          this.root._lock = false
-        }, 50)
-      }
-    },
-    /**
-     * 改变样式
-     * @param {String} name 属性名
-     * @param {Number} i 第几个标签
-     * @param {String} value 新值
-     * @param {String} oldVal 旧值
-     */
-    changeStyle (name, i, value, oldVal) {
-      let style = this.getNode(i).attrs.style || ''
-      if (style.includes(';' + name + ':' + oldVal)) {
-        // style 中已经有
-        style = style.replace(';' + name + ':' + oldVal, ';' + name + ':' + value)
-      } else {
-        // 没有则新增
-        style += ';' + name + ':' + value
-      }
-      this.root.setData({
-        ['nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.style']: style
-      })
-    }
-  },
-  handler (file) {
-    if (file.isBuffer()) {
-      let content = file.contents.toString()
-      if (file.path.includes('miniprogram' + path.sep + 'index.wxml')) {
-        // 传递 editable 属性和路径
-        content = content.replace(/opts\s*=\s*"{{\[([^\]]+)\]}}"/, 'opts="{{[$1,editable,placeholder,\'\']}}"')
-          .replace(/<view(.*?)style\s*=\s*"{{containerStyle}}"/, '<view$1style="{{editable?\'min-height:200px;\':\'\'}}{{containerStyle}}" bindtap="_containTap"')
-          // 工具弹窗
-          .replace('</view>', `  <view wx:if="{{tooltip}}" class="_tooltip_contain" style="top:{{tooltip.top}}px">
-    <view class="_tooltip">
-      <view wx:for="{{tooltip.items}}" wx:key="index" class="_tooltip_item" data-i="{{index}}" bindtap="_tooltipTap">{{item}}</view>
-    </view>
-  </view>
-  <view wx:if="{{slider}}" class="_slider" style="top:{{slider.top}}px">
-    <slider value="{{slider.value}}" min="{{slider.min}}" max="{{slider.max}}" block-size="14" show-value activeColor="white" mp-alipay:style="padding:10px" bindchanging="_sliderChanging" bindchange="_sliderChange" />
-  </view>
-  <view wx:if="{{color}}" class="_tooltip_contain" style="top:{{color.top}}px">
-    <view class="_tooltip" style="overflow-y: hidden;">
-      <view wx:for="{{color.items}}" wx:key="index" class="_color_item" style="background-color:{{item}}" data-i="{{index}}" bindtap="_colorTap"></view>
-    </view>
-  </view>
-</view>`)
-      } else if (file.path.includes('miniprogram' + path.sep + 'index.js')) {
-        // 添加 editable 属性，发生变化时重新解析
-        content = content.replace(/properties\s*:\s*{/, `properties: {
-    editable: {
-      type: null,
-      observer (val) {
-        if (this.properties.content) {
-          this.setContent(val ? this.properties.content : this.getContent())
-        } else if (val) {
-          this.setData({
-            nodes: [{
-              name: 'p',
-              attrs: {},
-              children: [{
-                type: 'text',
-                text: ''
-              }]
-            }]
-          })
-          // #ifdef MP-TOUTIAO
-          this.selectComponent('#_root', child => {
-            child.root = this
-          })
-          // #endif
-        }
-        if (!val) {
-          this._maskTap()
-        }
-      }
-    },
-    placeholder: String,`)
-          .replace(/didUpdate\s*\(e\)\s*{/, `didUpdate (e) {
-    if (e.editable !== this.properties.editable) {
-      const val = this.properties.editable
-      if (this.properties.content) {
-        this.setContent(val ? this.properties.content : this.getContent())
-      } else if (val) {
-        this.setData({
-          nodes: [{
-            name: 'p',
-            attrs: {},
-            children: [{
-              type: 'text',
-              text: ''
-            }]
-          }]
-        })
-      }
-      if (!val) {
-        this._maskTap()
-      }
-    }`)
-          // 处理各类弹窗的事件
-          .replace(/methods\s*:\s*{/, `methods: {
-    _containTap() {
-      if (!this._lock && !this.data.slider && !this.data.color) {
-        this._edit = undefined
-        this._maskTap()
-      }
-    },
-    _tooltipTap(e) {
-      this._tooltipcb(e.currentTarget.dataset.i)
-      this.setData({
-        tooltip: null
-      })
-    },
-    _sliderChanging(e) {
-      this._slideringcb(e.detail.value)
-    },
-    _sliderChange(e) {
-      this._slidercb(e.detail.value)
-    },
-    _colorTap(e) {
-      this._colorcb(e.currentTarget.dataset.i)
-      this.setData({
-        color: null
-      })
-    },`)
-      } else if (file.path.includes('miniprogram' + path.sep + 'index.wxss')) {
-        // 工具弹窗的样式
-        content += `/* 提示条 */
-._tooltip_contain {
-  position: absolute;
-  right: 20px;
-  left: 20px;
-  text-align: center;
-}
-
-._tooltip {
-  box-sizing: border-box;
-  display: inline-block;
-  width: auto;
-  max-width: 100%;
-  height: 30px;
-  padding: 0 3px;
-  overflow: scroll;
-  font-size: 14px;
-  line-height: 30px;
-  white-space: nowrap;
-}
-
-._tooltip_item {
-  display: inline-block;
-  width: auto;
-  padding: 0 2vw;
-  line-height: 30px;
-  background-color: black;
-  color: white;
-}
-
-._color_item {
-  display: inline-block;
-  width: 18px;
-  height: 18px;
-  margin: 5px 2vw;
-  border:1px solid #dfe2e5;
-  border-radius: 50%;
-}
-
-/* 图片宽度滚动条 */
-._slider {
-  position: absolute;
-  left: 20px;
-  width: 220px;
-}
-
-._tooltip,
-._slider {
-  background-color: black;
-  border-radius: 3px;
-  opacity: 0.75;
-}`
-      } else if (file.path.includes('parser.js')) {
-        content = content.replace(/popNode\s*=\s*function\s*\(\)\s*{/, 'popNode = function () {\n  const editable = this.options.editable')
-          // 不转换标签名
-          .replace(/if\s*\(config.blockTags\[node.name\]\)\s*{[\s\S]+?}/, `if (config.blockTags[node.name]) {
-    if (!editable) {
-      node.name = 'div'
-    }
-  }`)
-          // 转换表格和列表
-          .replace(/node.c(\)|\s*&&|\s*\n)/g, '(node.c || editable)$1')
-          .replace(/while\s*\(map\[row\s*\+\s*'.'\s*\+\s*col\]\)\s*{[\s\S]+?}/, `while (map[row + '.' + col]) {
-            col++
-          }
-          if (editable) {
-            td.r = row
-          }`)
-          // 不做 expose 处理
-          .replace(/parser.prototype.expose\s*=\s*function\s*\(\)\s*{/, `parser.prototype.expose = function () {
-  if (this.options.editable) return`)
-      } else if (file.path.includes('node.wxml')) {
-        content = content.replace(/opts\s*=\s*"{{opts}}"/, 'opts="{{[opts[0],opts[1],opts[2],opts[3],opts[4],opts[5],opts[6],opts[7]+i+\'_\']}}"')
-          .replace(/opts\s*=\s*"{{opts}}"/, 'opts="{{[opts[0],opts[1],opts[2],opts[3],opts[4],opts[5],opts[6],opts[7]+i1+\'_\'+i2+\'_\'+i3+\'_\'+i4+\'_\'+i5+\'_\']}}"')
-          .replace('!n.c', "opts[5]?(!n.children||n.name=='a'):!n.c")
-          .replace(/!(n.?)\.c(?![a-z])/g, '(opts[5]?true:!$1.c)')
-          .replace(/isInline\((.*?)\)/g, '(opts[5]?true:isInline($1))')
-          // 修改普通标签
-          .replace(/<view\s*wx:else\s*id(.+?)style="/, '<view wx:else data-i="{{path+i}}" bindtap="nodeTap" id$1style="{{ctrl[\'e\'+path+i]&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\'}}')
-          .replace(/<view\s*wx:else\s*id(.+?)style="/, '<view wx:else data-i="{{\'\'+i1}}" bindtap="nodeTap" id$1style="{{ctrl[\'e\'+i1]&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\'}}')
-          .replace(/<view\s*wx:else\s*id(.+?)style="/, '<view wx:else data-i="{{i1+\'_\'+i2}}" bindtap="nodeTap" id$1style="{{ctrl[\'e\'+i1+\'_\'+i2]&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\'}}')
-          .replace(/<view\s*wx:else\s*id(.+?)style="/, '<view wx:else data-i="{{i1+\'_\'+i2+\'_\'+i3}}" bindtap="nodeTap" id$1style="{{ctrl[\'e\'+i1+\'_\'+i2+\'_\'+i3]&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\'}}')
-          .replace(/<view\s*wx:else\s*id(.+?)style="/, '<view wx:else data-i="{{i1+\'_\'+i2+\'_\'+i3+\'_\'+i4}}" bindtap="nodeTap" id$1style="{{ctrl[\'e\'+i1+\'_\'+i2+\'_\'+i3+\'_\'+i4]&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\'}}')
-          // 修改文本块
-          .replace(/<!--\s*文本\s*-->[\s\S]+?<!--\s*链接\s*-->/,
-            `<block wx:elif="{{n.type==='text'}}">
-    <text wx:if="{{!ctrl['e'+i]}}" data-i="{{i}}" mp-weixin:user-select="{{opts[4]}}" decode="{{!opts[5]}}" bindtap="editStart">{{n.text}}
-      <text wx:if="{{!n.text}}" style="color:gray">{{opts[6]||'请输入'}}</text>
-    </text>
-    <text wx:elif="{{ctrl['e'+i]===1}}" data-i="{{i}}" style="border:1px dashed black;min-width:50px;width:auto;padding:5px;display:block" catchtap="editStart">{{n.text}}
-      <text wx:if="{{!n.text}}" style="color:gray">{{opts[6]||'请输入'}}</text>
-    </text>
-    <textarea wx:else style="{{opts[5]==='simple'?'':'border:1px dashed black;'}}min-width:50px;width:auto;padding:5px" auto-height maxlength="-1" focus="{{ctrl['e'+i]===3}}" value="{{n.text}}" data-i="{{i}}" bindinput="editInput" bindblur="editEnd" />
-  </block>
-  <text wx:elif="{{n.name==='br'}}">\\n</text>`)
-          // 修改图片
-          .replace(/<image(.+?)id="\{\{n.attrs.id/, '<image$1id="{{n.attrs.id||(\'n\'+i)')
-          .replace('height:1px', "height:{{ctrl['h'+i]||1}}px")
-          .replace('style="{{ctrl[i]', 'style="{{ctrl[\'e\'+i]&&opts[5]!==\'simple\'?\'border:1px dashed black;padding:3px;\':\'\'}}{{ctrl[i]')
-          .replace(/weixin:show-menu-by-longpress\s*=\s*"{{(\S+?)}}"\s*baidu:image-menu-prevent\s*=\s*"{{(\S+?)}}"/, 'weixin:show-menu-by-longpress="{{!opts[5]&&$1}}" baidu:image-menu-prevent="{{opts[5]||$2}}"')
-          // 修改音视频
-          .replace('<video', '<video bindtap="mediaTap"')
-          .replace('audio ', 'audio bindtap="mediaTap" ')
-          .replace('card', 'card bindtap="mediaTap"')
-      } else if (file.path.includes('node.js') && file.extname === '.js') {
-        content = `
-        const Parser = require('../parser')
-        function getTop(e) {
-  let top
-  // #ifndef MP-ALIPAY
-  top = e.detail.y
-  // #endif
-  // #ifdef MP-ALIPAY
-  top = top = e.detail.pageY
-  // #endif
-  if (top - e.currentTarget.offsetTop < 150 || top < 600) {
-    top = e.currentTarget.offsetTop
-  }
-  if (top < 30) {
-    top += 70
-  }
-  return top - 30
-}` + content.replace('methods:', `detached () {
-    if (this.root && this.root._edit === this) {
-      this.root._edit = undefined
-    }
-  }, 
-  methods:`)
-            // 记录图片宽度
-            .replace(/imgLoad\s*\(e\)\s*{/, `imgLoad (e) {
-      // #ifdef MP-WEIXIN || MP-QQ
-      if (this.properties.opts[5]) {
-        setTimeout(() => {
-          const id = this.getNode(i).attrs.id || ('n' + i)
-          wx.createSelectorQuery().in(this).select('#' + id).boundingClientRect().exec(res => {
-            this.setData({
-              ['ctrl.h'+i]: res[0].height
-            })
-          })
-        }, 50)
-      }
-      // #endif`)
-            .replace(/if\s*\(!node.w\)\s*{[\s\S]+?}/,
-              `if (!node.w) {
-        val = e.detail.width
-        if (this.properties.opts[5]) {
-          const data = {}
-          const path = 'nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.'
-          if (val < 150) {
-            data[path + 'ignore'] = 'T'
-          }
-          data[path + 'width'] = val.toString()
-          this.root.setData(data)
-        }
-      }`)
-            // 处理图片点击
-            .replace(/imgTap\s*\(e\)\s*{([\s\S]+?)},\s*\/\*/,
-              `imgTap (e) {
-      if (!this.properties.opts[5]) {$1} else {
-        const i = e.target.dataset.i
-        const node = this.getNode(i)
-        const items = this.root._getItem(node)
-        this.root._edit = this
-        const parser = new Parser(this.root)
-        this.i = i
-        this.root._maskTap()
-        this.setData({
-          ['ctrl.e' + i]: 1
-        })
-        this.root._mask.push(() => {
-          this.setData({
-            ['ctrl.e' + i]: 0
-          })
-        })
-        this.root._tooltip({
-          top: getTop(e),
-          items,
-          success: tapIndex => {
-            if (items[tapIndex] === '换图') {
-              // 换图
-              this.root.getSrc('img', node.attrs.src || '').then(url => {
-                this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.src', node.attrs.src, parser.getUrl(url instanceof Array ? url[0] : url), true)
-              }).catch(() => { })
-            } else if (items[tapIndex] === '宽度') {
-              // 更改宽度
-              const style = node.attrs.style || ''
-              let value = style.match(/max-width:([0-9]+)%/)
-              if (value) {
-                value = parseInt(value[1])
-              } else {
-                value = 100
-              }
-              this.root._slider({
-                min: 0,
-                max: 100,
-                value,
-                top: getTop(e),
-                changing: val => {
-                  // 变化超过 5% 更新时视图
-                  if (Math.abs(val - value) > 5) {
-                    this.changeStyle('max-width', i, val + '%', value + '%')
-                    value = val
-                  }
-                },
-                change: val => {
-                  if (val !== value) {
-                    this.changeStyle('max-width', i, val + '%', value + '%')
-                    value = val
-                  }
-                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.style', style, this.getNode(i).attrs.style)
-                }
-              })
-            } else if (items[tapIndex] === '超链接') {
-              // 将图片设置为链接
-              this.root.getSrc('link', node.a ? node.a.href : '').then(url => {
-                // 如果有 a 标签则替换 href
-                if (node.a) {
-                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].a.href', node.a.href, parser.getUrl(url), true)
-                } else {
-                  const link = {
-                    name: 'a',
-                    attrs: {
-                      href: parser.getUrl(url)
-                    },
-                    children: [node]
-                  }
-                  node.a = link.attrs
-                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + ']', node, link, true)
-                }
-                wx.showToast({
-                  title: '成功'
-                })
-              }).catch(() => { })
-            } else if (items[tapIndex] === '预览图') {
-              // 设置预览图链接
-              this.root.getSrc('img', node.attrs['original-src'] || '').then(url => {
-                this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.original-src', node.attrs['original-src'], parser.getUrl(url instanceof Array ? url[0] : url), true)
-                wx.showToast({
-                  title: '成功'
-                })
-              }).catch(() => { })
-            } else if (items[tapIndex] === '删除') {
-              this.remove(i)
-            } else {
-              // 禁用 / 启用预览
-              this.root.setData({
-                ['nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.ignore']: !node.attrs.ignore
-              })
-              wx.showToast({
-                title: '成功'
-              })
-            }
-          }
-        })
-        this.root._lock = true
-        setTimeout(() => {
-          this.root._lock = false
-        }, 50)
-      }
-    },
-    /*`)
-            // 处理链接点击
-            .replace(/linkTap\s*\(e\)\s*{([\s\S]+?)},\s*\/\*/,
-              `linkTap (e) {
-      if (!this.properties.opts[5]) {$1} else {
-        const i = e.currentTarget.dataset.i
-        const node = this.getNode(i)
-        const items = this.root._getItem(node)
-        this.root._tooltip({
-          top: getTop(e),
-          items,
-          success: tapIndex => {
-            if (items[tapIndex] === '更换链接') {
-              this.root.getSrc('link', node.attrs.href).then(url => {
-                this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.href', node.attrs.href, url, true)
-                wx.showToast({
-                  title: '成功'
-                })
-              }).catch(() => { })
-            } else {
-              this.remove(i)
-            }
-          }
-        })
-      }
-    },
-    /*`)
-      }
-      file.contents = Buffer.from(content)
-    }
-  }
-}