grid-component-editor/styles/variables.ts

延长loading超时时间；转义伪类中文，防止乱码

export const primaryMargin = '16px'

export const color = {
    primary: ' #5b8ff9',
    textBlur: ' #999',
    textTitle: ' #333',
}
export const bgColor = {
    primary: '#fff',
    active: 'rgb(91 143 249 / 15%)'
}


// const topBarHeight = '60px'
// // layout’s box
// const layoutBox = {
//     leftWidth: '200px',
//     rightWidth: '250px',
//     topBarHeight: '60px',
//     excludeTopHeight: `calc(100% - ${topBarHeight})`,
//     selectorHeight: '300px',
// }

// const textBlurColor = '#c0c0c0'
// const shadow = {
//     primary: ' 0 0 2px 0px ' + textBlurColor,
//     leftAndRight: '0px 2px  2px 0px ' + textBlurColor,
//     performance: '0 2px 25px 2px #d8cfcf',
// }

// module.exports = {
//     primaryPadding,
//     primaryMargin,
//     theme: {
//         lightBgColor: '#fff',
//         darkBgColor: '#315755',

//         lightBoxShadow: shadow.performance,
//         darkBoxShadow: '0px 0px 12px 0px #2b2020',

//         lightColor: '#464646',
//         darkColor: '#fff',
//     },
//     textBlurColor,
//     bgColor: {
//         primary: '#fff',
//         active: 'rgb(91 143 249 / 15%)'
//     },
//     color,
//     shadow,
//     textTitleSize: '14px',
//     textTitleWeight: 600,
//     primaryTextSize: '14px',

//     layoutBox,
//     topBarHeight,

//     // z-index 
//     zIndex: {
//         leftComponentTooltip: 100,
//         cancelPreview: 101,
//         previewing: 101,
//         selectorOptionContainer: 200,
//         loadingIndex: 200,
//         scrollEl: 300,
//     },
//     // raduis
//     primaryRadius: '2px',
// }