PhongPham
c65cc97a33
✨ MAJOR FEATURES: • Auto-zoom intelligence với smart bounds fitting • Enhanced 3D GPS markers với pulsing effects • Professional route display với 6-layer rendering • Status-based parking icons với availability indicators • Production-ready build optimizations 🗺️ AUTO-ZOOM FEATURES: • Smart bounds fitting cho GPS + selected parking • Adaptive padding (50px) cho visual balance • Max zoom control (level 16) để tránh quá gần • Dynamic centering khi không có selection 🎨 ENHANCED VISUALS: • 3D GPS marker với multi-layer pulse effects • Advanced parking icons với status colors • Selection highlighting với animation • Dimming system cho non-selected items 🛣️ ROUTE SYSTEM: • OpenRouteService API integration • Multi-layer route rendering (glow, shadow, main, animated) • Real-time distance & duration calculation • Visual route info trong popup 📱 PRODUCTION READY: • SSR safe với dynamic imports • Build errors resolved • Global deployment via Vercel • Optimized performance 🌍 DEPLOYMENT: • Vercel: https://whatever-ctk2auuxr-phong12hexdockworks-projects.vercel.app • Bundle size: 22.8 kB optimized • Global CDN distribution • HTTPS enabled 💾 VERSION CONTROL: • MapView-v2.0.tsx backup created • MAPVIEW_VERSIONS.md documentation • Full version history tracking
85 lines
1.9 KiB
JavaScript
85 lines
1.9 KiB
JavaScript
let Declaration = require('../declaration')
|
|
let {
|
|
getGridGap,
|
|
inheritGridGap,
|
|
parseGridAreas,
|
|
prefixTrackProp,
|
|
prefixTrackValue,
|
|
warnGridGap,
|
|
warnMissedAreas
|
|
} = require('./grid-utils')
|
|
|
|
function getGridRows(tpl) {
|
|
return tpl
|
|
.trim()
|
|
.slice(1, -1)
|
|
.split(/["']\s*["']?/g)
|
|
}
|
|
|
|
class GridTemplateAreas extends Declaration {
|
|
/**
|
|
* Translate grid-template-areas to separate -ms- prefixed properties
|
|
*/
|
|
insert(decl, prefix, prefixes, result) {
|
|
if (prefix !== '-ms-') return super.insert(decl, prefix, prefixes)
|
|
|
|
let hasColumns = false
|
|
let hasRows = false
|
|
let parent = decl.parent
|
|
let gap = getGridGap(decl)
|
|
gap = inheritGridGap(decl, gap) || gap
|
|
|
|
// remove already prefixed rows
|
|
// to prevent doubling prefixes
|
|
parent.walkDecls(/-ms-grid-rows/, i => i.remove())
|
|
|
|
// add empty tracks to rows
|
|
parent.walkDecls(/grid-template-(rows|columns)/, trackDecl => {
|
|
if (trackDecl.prop === 'grid-template-rows') {
|
|
hasRows = true
|
|
let { prop, value } = trackDecl
|
|
trackDecl.cloneBefore({
|
|
prop: prefixTrackProp({ prefix, prop }),
|
|
value: prefixTrackValue({ gap: gap.row, value })
|
|
})
|
|
} else {
|
|
hasColumns = true
|
|
}
|
|
})
|
|
|
|
let gridRows = getGridRows(decl.value)
|
|
|
|
if (hasColumns && !hasRows && gap.row && gridRows.length > 1) {
|
|
decl.cloneBefore({
|
|
prop: '-ms-grid-rows',
|
|
raws: {},
|
|
value: prefixTrackValue({
|
|
gap: gap.row,
|
|
value: `repeat(${gridRows.length}, auto)`
|
|
})
|
|
})
|
|
}
|
|
|
|
// warnings
|
|
warnGridGap({
|
|
decl,
|
|
gap,
|
|
hasColumns,
|
|
result
|
|
})
|
|
|
|
let areas = parseGridAreas({
|
|
gap,
|
|
rows: gridRows
|
|
})
|
|
|
|
warnMissedAreas(areas, decl, result)
|
|
|
|
return decl
|
|
}
|
|
}
|
|
|
|
GridTemplateAreas.names = ['grid-template-areas']
|
|
|
|
module.exports = GridTemplateAreas
|