nexshop-web-contents
Version:
Nexshop Web Contents Project
984 lines (982 loc) • 33 kB
JavaScript
export const HORIZONTAL_LAYOUTS = [
{
id: '1',
index: 0,
panels: [
{
id: 'g1',
domAttribute: {size: 960, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p1',
domAttribute: {size: 960, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
},
],
type: '1-1',
},
{
id: '2row',
index: 1,
panels: [
{
id: 'g1',
domAttribute: {size: 960, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p1',
domAttribute: {size: 480, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 480, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
}
],
type: '2-1'
},
{
id: '2column',
index: 2,
panels: [
{
id: 'g1',
domAttribute: {size: 960, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'p1',
domAttribute: {size: 270, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 270, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
}
],
type: '2-2'
},
{
id: '3row',
index: 3,
panels: [
{
id: 'g1',
domAttribute: {size: 960, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p1',
domAttribute: {size: 320, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 320, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p3',
domAttribute: {size: 320, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
}
],
type: '3-1'
},
{
id: '3column',
index: 4,
panels: [
{
id: 'g1',
domAttribute: {size: 960, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'p1',
domAttribute: {size: 180, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 180, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p3',
domAttribute: {size: 180, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
}
],
type: '3-2'
},
{
id: '1hf1v1b3',
index: 5,
panels: [
{
id: 'g1',
domAttribute: {size: 960, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'p1',
domAttribute: {size: 270, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'g2',
domAttribute: {size: 270, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p2',
domAttribute: {size: 480, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p3',
domAttribute: {size: 480, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
}
]
}
],
type: '3-3'
},
{
id: 'f1v1bh13',
index: 6,
panels: [
{
id: 'g1',
domAttribute: {size: 960, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'g2',
domAttribute: {size: 270, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p1',
domAttribute: {size: 480, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 480, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
},
{
id: 'p3',
domAttribute: {size: 270, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
}
],
type: '3-4'
},
{
id: 'f1h1bv13',
index: 7,
panels: [
{
id: 'g1',
domAttribute: {size: 960, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'g2',
domAttribute: {size: 480, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'p1',
domAttribute: {size: 270, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 270, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
},
{
id: 'p3',
domAttribute: {size: 480, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
}
],
type: '3-5'
},
{
id: '1vf1h1b3',
index: 8,
panels: [
{
id: 'g1',
domAttribute: {size: 960, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p1',
domAttribute: {size: 480, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'g2',
domAttribute: {size: 480, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'p2',
domAttribute: {size: 270, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p3',
domAttribute: {size: 270, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
}
]
}
],
type: '3-6'
},
{
id: 'f1v1bhf1v1b4',
index: 9,
panels: [
{
id: 'g1',
domAttribute: {size: 960, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'g2',
domAttribute: {size: 270, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p1',
domAttribute: {size: 480, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 480, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
},
{
id: 'g3',
domAttribute: {size: 270, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p3',
domAttribute: {size: 480, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p4',
domAttribute: {size: 480, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
]
}
]
}
],
type: '4-1'
},
{
id: '4row',
index: 10,
panels: [
{
id: 'g1',
domAttribute: {size: 960, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'p1',
domAttribute: {size: 135, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 135, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p3',
domAttribute: {size: 135, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p4',
domAttribute: {size: 135, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
]
}
],
type: '4-2'
},
{
id: '4column',
index: 11,
panels: [
{
id: 'g1',
domAttribute: {size: 960, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p1',
domAttribute: {size: 240, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 240, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p3',
domAttribute: {size: 240, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p4',
domAttribute: {size: 240, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
]
}
],
type: '4-3'
},
{
id: 'f1h1h1bv1',
index: 12,
panels: [
{
id: 'g1',
domAttribute: {size: 960, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'g2',
domAttribute: {size: 270, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p1',
domAttribute: {size: 320, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 320, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p3',
domAttribute: {size: 320, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
]
},
{
id: 'p4',
domAttribute: {size: 270, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
]
}
],
type: '4-4'
},
{
id: '1vf1h1h1b',
index: 13,
panels: [
{
id: 'g1',
domAttribute: {size: 960, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'p1',
domAttribute: {size: 270, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'g2',
domAttribute: {size: 270, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p2',
domAttribute: {size: 320, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p3',
domAttribute: {size: 320, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p4',
domAttribute: {size: 320, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
]
},
]
}
],
type: '4-5'
},
];
export const VERTICAL_LAYOUTS = [
{
id: '1',
index: 0,
panels: [
{
id: 'g1',
domAttribute: {size: 768, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p1',
domAttribute: {size: 768, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
},
],
type: '1-1',
},
{
id: '2row',
index: 1,
panels: [
{
id: 'g1',
domAttribute: {size: 432, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p1',
domAttribute: {size: 216, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 216, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
}
],
type: '2-1'
},
{
id: '2column',
index: 2,
panels: [
{
id: 'g1',
domAttribute: {size: 768, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'p1',
domAttribute: {size: 384, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 384, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
}
],
type: '2-2'
},
{
id: '3row',
index: 3,
panels: [
{
id: 'g1',
domAttribute: {size: 432, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p1',
domAttribute: {size: 144, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 144, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p3',
domAttribute: {size: 144, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
}
],
type: '3-1'
},
{
id: '3column',
index: 4,
panels: [
{
id: 'g1',
domAttribute: {size: 432, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'p1',
domAttribute: {size: 256, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 256, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p3',
domAttribute: {size: 256, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
}
],
type: '3-2'
},
{
id: '1hf1v1b3',
index: 5,
panels: [
{
id: 'g1',
domAttribute: {size: 432, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'p1',
domAttribute: {size: 384, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'g2',
domAttribute: {size: 384, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p2',
domAttribute: {size: 216, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p3',
domAttribute: {size: 216, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
}
]
}
],
type: '3-3'
},
{
id: 'f1v1bh13',
index: 6,
panels: [
{
id: 'g1',
domAttribute: {size: 432, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'g2',
domAttribute: {size: 384, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p1',
domAttribute: {size: 216, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 216, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
},
{
id: 'p3',
domAttribute: {size: 384, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
}
],
type: '3-4'
},
{
id: 'f1h1bv13',
index: 7,
panels: [
{
id: 'g1',
domAttribute: {size: 432, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'g2',
domAttribute: {size: 216, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'p1',
domAttribute: {size: 384, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 384, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
},
{
id: 'p3',
domAttribute: {size: 216, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
}
],
type: '3-5'
},
{
id: '1vf1h1b3',
index: 8,
panels: [
{
id: 'g1',
domAttribute: {size: 432, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p1',
domAttribute: {size: 216, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'g2',
domAttribute: {size: 216, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'p2',
domAttribute: {size: 384, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p3',
domAttribute: {size: 384, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
}
]
}
],
type: '3-6'
},
{
id: 'f1v1bhf1v1b4',
index: 9,
panels: [
{
id: 'g1',
domAttribute: {size: 432, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'g2',
domAttribute: {size: 384, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p1',
domAttribute: {size: 216, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 216, minSize: 5, resize: 'dynamic'},
type: 'panel'
}
]
},
{
id: 'g3',
domAttribute: {size: 384, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p3',
domAttribute: {size: 216, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p4',
domAttribute: {size: 216, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
]
}
]
}
],
type: '4-1'
},
{
id: '4row',
index: 10,
panels: [
{
id: 'g1',
domAttribute: {size: 432, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'p1',
domAttribute: {size: 192, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 192, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p3',
domAttribute: {size: 192, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p4',
domAttribute: {size: 192, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
]
}
],
type: '4-2'
},
{
id: '4column',
index: 11,
panels: [
{
id: 'g1',
domAttribute: {size: 432, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p1',
domAttribute: {size: 108, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 108, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p3',
domAttribute: {size: 108, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p4',
domAttribute: {size: 108, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
]
}
],
type: '4-3'
},
{
id: 'f1h1h1bv1',
index: 12,
panels: [
{
id: 'g1',
domAttribute: {size: 432, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'g2',
domAttribute: {size: 384, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p1',
domAttribute: {size: 144, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p2',
domAttribute: {size: 144, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p3',
domAttribute: {size: 144, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
]
},
{
id: 'p4',
domAttribute: {size: 384, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
]
}
],
type: '4-4'
},
{
id: '1vf1h1h1b',
index: 13,
panels: [
{
id: 'g1',
domAttribute: {size: 432, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'column',
panels: [
{
id: 'p1',
domAttribute: {size: 384, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'g2',
domAttribute: {size: 384, minSize: 5, resize: 'dynamic'},
type: 'group',
direction: 'row',
panels: [
{
id: 'p2',
domAttribute: {size: 144, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p3',
domAttribute: {size: 144, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
{
id: 'p4',
domAttribute: {size: 144, minSize: 5, resize: 'dynamic'},
type: 'panel'
},
]
},
]
}
],
type: '4-5'
},
];