c3eb7125cc
详细说明: - 基于文旅订单班框架复制创建food-order-demo项目 - 修改端口配置为4174避免冲突 - 更新LandingPage为青莳轻食主题（绿色健康风格） - 重新定义7个食品行业专业Agent： * 市场研究专家：轻食市场分析、客群画像 * 营养配方师：营养成分配比、低卡高蛋白设计 * 供应链管理专家：有机食材供应、溯源体系 * 品牌策划师：品牌定位、店铺空间布局 * 财务分析师：投资预算、ROI分析 * 运营管理专家：运营流程、品控标准 * 食品创业导师：中央协调、方案整合 - 创建专用启动脚本start.sh - 验证系统可正常运行在端口4174 - 实现代码复用率90%，符合预期目标 影响文件: web_frontend/food-order-demo/ 技术栈: React 18 + TypeScript + Tailwind CSS + Zustand
105 lines
2.2 KiB
JavaScript
105 lines
2.2 KiB
JavaScript
let postcss = require('postcss')
|
|
|
|
let IMPORTANT = /\s*!important\s*$/i
|
|
|
|
let UNITLESS = {
|
|
'box-flex': true,
|
|
'box-flex-group': true,
|
|
'column-count': true,
|
|
'flex': true,
|
|
'flex-grow': true,
|
|
'flex-positive': true,
|
|
'flex-shrink': true,
|
|
'flex-negative': true,
|
|
'font-weight': true,
|
|
'line-clamp': true,
|
|
'line-height': true,
|
|
'opacity': true,
|
|
'order': true,
|
|
'orphans': true,
|
|
'tab-size': true,
|
|
'widows': true,
|
|
'z-index': true,
|
|
'zoom': true,
|
|
'fill-opacity': true,
|
|
'stroke-dashoffset': true,
|
|
'stroke-opacity': true,
|
|
'stroke-width': true
|
|
}
|
|
|
|
function dashify(str) {
|
|
return str
|
|
.replace(/([A-Z])/g, '-$1')
|
|
.replace(/^ms-/, '-ms-')
|
|
.toLowerCase()
|
|
}
|
|
|
|
function decl(parent, name, value) {
|
|
if (value === false || value === null) return
|
|
|
|
if (!name.startsWith('--')) {
|
|
name = dashify(name)
|
|
}
|
|
|
|
if (typeof value === 'number') {
|
|
if (value === 0 || UNITLESS[name]) {
|
|
value = value.toString()
|
|
} else {
|
|
value += 'px'
|
|
}
|
|
}
|
|
|
|
if (name === 'css-float') name = 'float'
|
|
|
|
if (IMPORTANT.test(value)) {
|
|
value = value.replace(IMPORTANT, '')
|
|
parent.push(postcss.decl({ prop: name, value, important: true }))
|
|
} else {
|
|
parent.push(postcss.decl({ prop: name, value }))
|
|
}
|
|
}
|
|
|
|
function atRule(parent, parts, value) {
|
|
let node = postcss.atRule({ name: parts[1], params: parts[3] || '' })
|
|
if (typeof value === 'object') {
|
|
node.nodes = []
|
|
parse(value, node)
|
|
}
|
|
parent.push(node)
|
|
}
|
|
|
|
function parse(obj, parent) {
|
|
let name, value, node
|
|
for (name in obj) {
|
|
value = obj[name]
|
|
if (value === null || typeof value === 'undefined') {
|
|
continue
|
|
} else if (name[0] === '@') {
|
|
let parts = name.match(/@(\S+)(\s+([\W\w]*)\s*)?/)
|
|
if (Array.isArray(value)) {
|
|
for (let i of value) {
|
|
atRule(parent, parts, i)
|
|
}
|
|
} else {
|
|
atRule(parent, parts, value)
|
|
}
|
|
} else if (Array.isArray(value)) {
|
|
for (let i of value) {
|
|
decl(parent, name, i)
|
|
}
|
|
} else if (typeof value === 'object') {
|
|
node = postcss.rule({ selector: name })
|
|
parse(value, node)
|
|
parent.push(node)
|
|
} else {
|
|
decl(parent, name, value)
|
|
}
|
|
}
|
|
}
|
|
|
|
module.exports = function (obj) {
|
|
let root = postcss.root()
|
|
parse(obj, root)
|
|
return root
|
|
}
|