packagefactory/atomicfusion-classnames

Atomic Fusion 的 ClassName 渲染辅助工具

维护者

详细信息

github.com/PackageFactory/atomic-fusion-classnames

源代码

问题

安装次数: 108,115

依赖者: 2

建议者: 0

安全性: 0

星标: 2

关注者: 3

分支: 1

公开问题: 1

类型:neos-package

v1.0.2 2022-04-01 12:35 UTC

Requires

  • neos/fusion: ^3.3 || ^4.0 || ^5.0 || ^7.0 || ^8.0 || dev-master

GPL-3.0 a1d61bb0f2ee3c869c72bb937f31c386bbf78725

  • Martin Ficzel <martin.ficzel.woop@gmx.de>
  • Wilhelm Behncke <wilhelm.behncke.woop@googlemail.com>

This package is auto-updated.

Last update: 2024-09-23 14:16:12 UTC

README

Atomic Fusion 的 ClassName 渲染辅助工具

EEL辅助工具

  • AtomicFusion.classNames: 将所有参数渲染为className，并在需要时应用条件

AtomicFusion.classNames eelHelper的所有参数都会进行评估，并应用以下规则

  • 假值：(null, '', [], {}) 不会被渲染
  • 数组：所有标量且为真值的项会被渲染为className
  • 对象：具有为真值的键会被渲染为className
  • 标量：会被转换为字符串并渲染为className

用法

1. 组件定义

prototype(Vendor.Site:Component) < prototype(Neos.Fusion:Component) {
    renderer = afx`
        <div class={AtomicFusion.classNames('component' , {'component--bold': props.bold})}>
            {props.content}
        </div>
    `
}

安装

PackageFactory.AtomicFusion 通过 Packagist 提供。只需运行 composer require packagefactory/atomicfusion-classnames。

我们使用语义版本控制，所以每次重大更改都会增加主版本号。

许可

请参阅许可文件