Bootstrapの代替として注目されているUikitが約2ヶ月ぶりにメジャーアップデートされ、最新が2.9.0となりました。
今回は、そのアップデート内容について簡単な概要を説明します。詳細に関しましては、本家プロジェクトページをご参照ください。
キーフレームアニメーションの「uk-spin」が「uk-rotate」に改名されました。
「uk-sticky」クラスが削除されました。代替として、「data-uk-sticky」というアトリビュートを付与します。※クラスではありません。
「flex (フレックス)」アドオンが追加されました。
Flexアドオンとは、基本的にフレキシブルなレイアウト設定ができるベースのアドオンです。現時点では、位置調整のみの機能しか実装されていませんが、将来的な機能追加が明言されています。機能が充実すると非常に便利なアドオンになると思います。
BoxBoxBox
コンポーネントのアニメーション用の新たなキーフレームと、クラスが追加されました。
「utility (ユーティリティ)」コンポーネントに「hight viewport (高さのビューポート)」.uk-height-viewport
が追加されました。
「utility (ユーティリティ)」コンポーネントに位置を設定するためのクラス群が追加されました。
クラス | 説明 |
---|---|
.uk-position-absolute |
エレメントに絶対値ポジションを付与します。 |
.uk-position-relative |
エレメントに相対値ポジションを付与します。 |
.uk-position-cover |
エレメントに絶対値ポジションを付与し、親要素のエリア内一杯に拡大して表示します。 |
「sortable (ソータブル)」アドオンに「threshold (閾値)」パラメータが追加されました。
マウスでエレメントをD&D(ドラッグ&ドロップ)初めて、何px動かしたところで、sortable
の移動中モードに遷移するかを決めるパラメータです。
DOMアップデート時に「reload toggle (リロードトグル)」エレメントが追加されました。
「badges (バッジ)」にホバー時のカラー設定が追加されました。
「sticky (スティッキー)」アドオンにマイナス(ネガティブ)オフセットのサポートが追加されました。
...
「datepicker (日付選択)」にアニメーションが追加されました。
「tooltip (ツールチップ)」アドオンに追加クラスのパラメータが追加されました。
「html editor (HTMLエディタ)」アドオンにiframeオプション + (iframe内で読み込む)カスタムCSS設定が追加されました。
「upload (ファイルアップロード)」アドオンに更に幾つかのオプション設定が追加されました。
「upload (ファイルアップロード)」アドオンにファイルをD&D(ドラッグ&ドロップ)した際の「uk.dropped」トリガーが追加されました。
「off-canvas (スライドイン/アウト)」が非表示になった際に「uk.offcanvas.hide」のトリガーが追加されました。
「switcher (スイッチャー)」コンポーネントに複数の同時連携が可能な機能が追加されました。
スイッチャーとは、いわゆるTABコンポーネントに似たもので、タブやボタンを押した時に、それに応じた別エレメントのコンテンツを表示するものです。今まで1対1の連携であったところが、1対多になり、一つのアクションで複数のエレメントを表示/非表示する事が出来るようになりました。
「switcher (スイッチャー)」コンテナが複数の接続を跨ぐスイッチング機能が追加されました。
上記に加え、スイッチャー側も複数に対応し、多対多の関係で複数のエレメントを表示/非表示する事が出来るようになりました。
「data-uk-switcher-item」アトリビュートで、接続された「switcher (スイッチャー)」コンテナをアクティブにする機能が追加されました。
これは、逆にコンテンツのリンク等から、タブやボタン側のアクティブ状態を変更する機能です。
ウインドのリサイズ時にアクティブなdatepickerが閉じるように変更されました。
「sticky (スティッキー)」アドオン、「fixed z-index (固定z-inex)」、「box sizing (ボックスサイジング)」について、動作を再構成しました。
「responsive tab (レスポンシブタブ)」の動作を再構成しました。
JavaScript経由でエレメントが非表示や削除された場合に、「tooltip (ツールチップ)」を非表示に変更しました。
「dropdown (ドロップダウン)」における、「data-uk-margin」の使用に関して、不具合を修正しました。
「tab (タブ)」コンポーネントにおける、「target option (ターゲットオプション)」の不具合を修正しました。
「オートコンプリート (補完フィールド)」アドオンにおける、「ajax request」の不具合を修正しました。
「オートコンプリート (補完フィールド)」アドオンにおける、オーバーしたコンテナについての不具合を修正しました。
bodyやhtmlエレメントが固定されていた(CSSでfixedに設定されていた)場合のツールチップの表示位置計算の不具合を修正しました。
「sortable (ソータブル)」アドオンにおける、デフォルトの子要素のクリックが出来ない不具合を修正しました。
IE9で発生する「off-canvas (スライドイン/アウト)」の不具合を修正しました。
「animation reverse timing (アニメーションの繰り返しタイミング)」を行う関数の不具合を修正しました。
Google mapにおける、自動URL判定(検索)機能を削除しました。
「search (検索フィールド)」の「close button (消去ボタン)」と「loading spinner (ロード時表示)」を削除しました。
「Promise polyfill」を削除しました。