element.js
978 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import Vue from 'vue'
const DESIGN_DRAFT_WIDTH = 320
const styleKey = 'commonStyle'
export function getEditorConfigForEditingElement (elementName) {
const Ctor = Vue.component(elementName)
// TODO 为何直接 return new Ctor() 并将其赋值给 vuex 的 state 会报错：Cannot convert a Symbol value to a string
return new Ctor().$options.editorConfig
}
export function swapZindex (x, y) {
const tmp = y[styleKey].zindex
y[styleKey].zindex = x[styleKey].zindex
x[styleKey].zindex = tmp
}
/**
* !#zh 将 px 转换为 rem
* @param {Number} px
*/
function px2Rem (px) {
const number = Math.pow(10, 6)
const val = (px / (DESIGN_DRAFT_WIDTH / 10)) * number
const rem = Math.round(val) / number + 'rem'
return rem
}
/**
*
* @param {Number} px 元素的某个属性的像素值，比如 height
* @param {Boolean} isToRem 是否将 px 转换为 rem
*/
export function parsePx (px, isRem = false) {
if (isRem) return px2Rem(px)
return `${px}px`
}