renanliberato/exposer

将UI元素渲染为功能组件的PHP包

维护者

详细信息

github.com/renanliberato/exposer

源代码

问题

安装次数: 6

依赖者: 0

建议者: 0

安全: 0

星星: 1

关注者: 2

分支: 0

开放问题: 0

0.1.0 2020-08-17 15:53 UTC

MIT f1b3705e84d1258f21813cbbc51a6ba55c574695

  • Renan Liberato <renan.libsantana.woop@gmail.com>

This package is auto-updated.

Last update: 2024-09-18 08:59:00 UTC

README

将UI元素渲染为功能组件。

安装

composer require renanliberato/exposer

入门指南

该库API目前非常简单，请查看

use function RenanLiberato\Exposer\render;
use function RenanLiberato\Exposer\renderComponent;

echo render('li', [
    'href' => '/about',
    'children' => 'Hello!'
]);
// <li href="/about">Hello!</li>

class Profile {
    public function __invoke($props = []) {
        $birthYear = date('Y') - $props['age'];

        return render('div', [
            'style' => [
                'display' => 'flex',
                'align-items' => 'center',
            ],
            'children' => [
                render('p', [
                    'children' => "I am {$props['name']}"
                ]),
                render('p', [
                    'children' => "I was born in {$birthYear}"
                ]),
            ]
        ])
    }
}

echo renderComponent(Profile::class, [
    'name' => 'Renan',
    'age' => 23
])
// <div style="display: flex; align-items: center;">   
//     <p>I am Renan</p>
//     <p>I was born in 1997</p>
// </div>