Widget.php

<?php
namespace pjkui\uikit;

use Yii;
use yii\helpers\Json;

/**
 * pjkui\uikit\Widget is the base class for all UIkit widgets.
 *
 * @author Quinn Pan <pjkui@qq.com>
 * @since 3.0
 */
class Widget extends \yii\base\Widget
{
	/**
	 * @var array the HTML attributes for the widget container tag.
	 */
	public $options = [];
	/**
	 * @var array the options for the underlying JS plugin.
	 * Please refer to the corresponding plugin Web page for possible options.
	 * For example, [this page](https://getuikit.com/docs/components) shows
	 * how to use the "Modal" plugin and the supported options (e.g. "remote").
	 */
	public $clientOptions = [];
	/**
	 * @var array the event handlers for the underlying JS plugin.
	 * Please refer to the corresponding plugin Web page for possible events.
	 * For example, [this page](https://getuikit.com/docs/components) shows
	 * how to use the "Modal" plugin and the supported events (e.g. "shown").
	 */
	public $clientEvents = [];

	/**
	 * Initializes the widget.
	 * This method will register the bootstrap asset bundle. If you override this method,
	 * make sure you call the parent implementation first.
	 */
	public function init()
	{
		parent::init();
		if (!isset($this->options['id'])) {
			$this->options['id'] = $this->getId();
		}
	}

	/**
	 * Registers assets and the related events
	 */
	protected function registerAsset()
	{
		$view = $this->getView();

		UIkitPluginAsset::register($view);

		$id = $this->options['id'];

		if (!empty($this->clientEvents)) {
			$js = [];
			foreach ($this->clientEvents as $event => $handler) {
				$js[] = "jQuery('#$id').on('$event', $handler);";
			}
			$view->registerJs(implode("\n", $js));
		}
	}

    /**
     * @return string options array as json string
     */
    protected function jsonClientOptions()
    {
        return empty($this->clientOptions) ? '' : Json::encode($this->clientOptions);
    }
}