123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752 |
- 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.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 {
- 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]) {
- if (this.root._lock) return
- // 阻止上层出现点击态
- this.root._lock = true
- setTimeout(() => {
- this.root._lock = false
- }, 50)
- const i = e.currentTarget.dataset.i
- const node = this.getNode(i)
- if (this.data.ctrl['e' + this.i] === 3) return
- this.root._maskTap()
- this.root._edit = this
- 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] === '上移' || 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] === '删除') {
- 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._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>`)
- } else if (file.path.includes('miniprogram' + path.sep + 'index.js')) {
- // 添加 editable 属性,发生变化时重新解析
- content = content.replace(/properties\s*:\s*{/, `properties: {
- editable: {
- type: Boolean,
- 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._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)
- },`)
- } 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;
- }
- /* 图片宽度滚动条 */
- ._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]?\'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]?\'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]?\'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]?\'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]?\'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="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]?\'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" ')
- } else if (file.path.includes('node.js') && file.extname === '.js') {
- content = `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
- 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, 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, url, true)
- } else {
- const link = {
- name: 'a',
- attrs: {
- href: 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'], 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)
- }
- }
- }
|