bitrix-ui

Bitrix UI

ベースライン：main 23.0+・検証済み：ui 26.687.0、main 26.800.0

タスク	参照先
main.popup、Menu、サイドパネル（スライダー）ページ	rules/popups-sidepanel.md
モーダルダイアログ、確認、システムメニュー、ポップオーバー	rules/dialogs-menus.md
JS と PHP のボタン、ボタンメニュー	rules/buttons.md
ページヘッダー：タイトル、ボタン、フィルター	rules/toolbar.md
リストページ：グリッド、フィルター、グループアクション	rules/grid-filter.md
ユーザー／エンティティの選択、プロバイダー、カタログピッカー	rules/selectors.md
フォームのマークアップ、入力欄、セレクト、カラーピッカー	rules/forms-inputs.md
アラート、トースト、ヒント、ユーザーツールチップ、スケルトン	rules/feedback.md
カウンター、ステータスラベル、バッジ	rules/counters-labels.md
ステージバー、履歴フィード、BBCode テキスト	rules/stageflow-timeline.md
ファイルアップロードフィールド	rules/uploader.md
ビューアーでファイルを開く	rules/viewer.md
アイコン、タイポグラフィ、Lottie、フォーカス／アクセシビリティ	rules/icons-typography-a11y.md

不変条件

• 拡張機能 ID で読み込みます。PHP では Extension::load('ui.x')、バンドルでは import { X } from 'ui.x' を使用します。カーネルの JS／CSS をファイルパスで読み込まないでください。ファイルはバージョン間で移動します。
• 新しいデザイン：ui.system.*（ui 26.200* 以降）。古いカーネルでは main.popup、ui.alerts、ui.dialogs.messagebox を使用します。Since の凡例：bitrix-framework。
• 文字列の content、text、html、description オプションと PHP の HTML スロットには、生の HTML が含まれることがよくあります。DOM ノードを渡すか、エスケープしてください（Text.encode()、htmlspecialcharsbx()）。
• ウィジェットがレンダリングおよび保存するのは UI の状態のみです。データ、権限、CSRF はサーバー側に保持してください（bitrix-controllers）。
• 公開 API のみを使用してください。_private フィールドや内部メソッドのオーバーライドは使用しないでください。
• Vue：ウィジェットのインスタンスをリアクティブな状態に含めないでください（markRaw()）。bitrix-vue を参照してください。