ioBroker.vis 2

ioBroker の次世代可視化: vis-2

ioBroker プラットフォームの WEB 視覚化。

概要

• ライセンス要件
• インストールとドキュメント
• オブジェクトのバインド
• フィルター
• 制御インターフェース
• デフォルトのビュー
• 権限システム
• 設定
• SVG と currentColor

ライセンス要件

このアダプターをioBrokerで使用するには、アダプターのソース コード ライセンスに同意する必要があります。このアダプターのソース コードは、CC BY-NC ライセンスの下で入手できます。

さらに、アダプターを使用するにはライセンスが必要です。次のライセンス エディションは https://iobroker.net/www/pricing で入手できます。

• コミュニティライセンス: 私的使用は無料です! : https://iobroker.net にアカウントを登録して、無料ライセンスを取得します。 vis-2 アダプターの起動時にライセンスが ioBroker ライセンス サーバーに対してオンラインでチェックされるため、この時点ではオンライン接続が必要です。
• 私的使用のオフライン ライセンス: 少額のサポート料金を支払うことで、アダプターの起動時に必要なオンライン ライセンス チェックを省略できます。プライベート使用のみ！
• 商用ライセンス: Vis を商用環境で使用する場合、または Vis を ioBroker パッケージの一部として顧客に販売する場合は、このライセンスが必要です。ライセンスチェックにもオンライン接続は必要ありません。

インストールとドキュメント

オンラインデモ

オブジェクトのバインド

通常、ほとんどのウィジェットには ObjectID 属性があり、この属性はオブジェクト ID の値にバインドできます。ただし、ウィジェットの属性を何らかの ObjectID にバインドする方法には別のオプションがあります。

属性{object.id} (例: {hm-rpc.0.OEQ1880105.4.ACTUAL_TEMPERATURE}に書き込むだけで、このオブジェクトの値にバインドされます。特別な形式を使用すると、乗算や書式設定などの簡単な操作を行うこともできます。

たとえば、三角形の斜辺を計算するには:

{h:javascript.0.myCustom.height;w:javascript.0.myCustom.width;Math.max(20, Math.sqrt(h*h + w*w))}次の関数として解釈されます。

 value = await (async function () {
    var h = (await getState('javascript.0.myCustom.height')).val;
    var w = (await getState('javascript.0.myCustom.width')).val;
    return Math.max(20, Math.sqrt(h * h + w * w));
})();

または

{h:javascript.0.myCustom.height;w:javascript.0.myCustom.width;h*w}単純に高さと幅を掛けます。

任意のJavaScript (ブラウザ) 関数を使用できます。引数は「:」で定義する必要があります。そうでない場合は、式として解釈されます。

種類に注意してください。それらはすべて文字列として定義されます。確かに、parseFloat 関数を使用すると、その値は数値として扱われます。

したがって、斜辺の計算は次のようになります。

 {h:javascript.0.myCustom.height;w:javascript.0.myCustom.width;Math.max(20, Math.sqrt(Math.pow(parseFloat(h), 2) + Math.pow(parseFloat(w), 2)))}

非推奨の形式

パターンの形式は次のとおりです。

 {objectID;operation1;operation2;...}

次の操作がサポートされています。

• * - 乗算します。引数は「*(4)」のように括弧で囲む必要があります。このサンプルでは、​​値を 4 で乗算します。
• + - を追加します。引数は「+(4.5)」のように括弧で囲む必要があります。このサンプルでは、​​値 4.5 を追加します。
• - - 減算します。引数は「-(-674.5)」のように括弧で囲む必要があります。このサンプルでは、​​値 -674.5 から減算します。
• / - 分割。引数は「/(0.5)」のように括弧で囲む必要があります。このサンプルでは、​​値を 0.5 で除算します。
• % - モジュロ。引数は「%(5)」のように括弧で囲む必要があります。このサンプルでは、​​5 を法とします。
• round - 値を四捨五入します。
• round(N) - ポイントの後の N 桁で値を丸めます。例: 34.678;round(1) => 34.7
• hex - 値を 16 進値に変換します。すべての文字は小文字です。
• hex2 - 値を 16 進値に変換します。すべての文字は小文字です。値が 16 より小さい場合、先頭のゼロが追加されます。
• HEX - 16 進数と同じですが、大文字になります。
• HEX2 - hex2 と同じですが、大文字になります。
• date - 指定された形式に従って日付をフォーマットします。形式はiobroker.javascriptと同じです
• min(N) - 値が N より小さい場合は N を取得し、それ以外の場合は値を取得します
• max(M) - 値が M より大きい場合は M を取得し、それ以外の場合は値を取得します
• sqrt - 平方根
• pow(n) - N のべき乗。
• pow - 2 の累乗。
• floor - Math.floor
• ceil - Math.ceil
• json - json またはオブジェクトのプロパティを取得するための操作。例: {id;json(common.name.en)}
• random(R) - Math.random() * R、または引数がない場合は単なる Math.random()
• formatValue(decimals) - システム設定に従って値をフォーマットし、小数点を使用します。
• date(format) - 値を日付としてフォーマットします。形式は「YYYY-MM-DD hh:mm:ss.sss」のようなものです。
• momentDate(format, useTodayOrYesterday) - Moment.js を使用して値を日付としてフォーマットします。承認された形式は、moment.js ライブラリに従って入力する必要があります。 useTodayOrYesterday=true指定すると、 moment.js形式のddd / ddddが today / Yesterday で上書きされます。
• array(element1,element2[,element3,element4]) - インデックスの要素を返します。例: {id.ack;array(ack is false,ack is true)}

このパターンは、次のように任意のテキストで使用できます。

 My calculations with {objectID1;operation1;operation2;...} are {objectID2;operation3;operation4;...}

または色の計算:

 #{objectRed;/(100);*(255);HEX2}{objectGreen;HEX2}{objectBlue;HEX2}

オブジェクトのタイムスタンプを表示するには、オブジェクト ID の末尾に.tsまたは.lc (最後の変更の場合) を書き込みます。例:

 Last change: {objectRed.lc;date(hh:mm)}

特別なバインディング

ビューに追加情報を提供するためのさまざまな内部バインディングが多数あります。

• username - ログインしているユーザーを表示します
• view - 実際のビューの名前
• wname - ウィジェット名
• widget - ウィジェットのすべてのデータを含むオブジェクトです。 {a:a;widget.data.name}などの JS 部分でのみ使用できます
• widgetOid - ウィジェットの OID を使用して、割り当てセクションでウィジェットの値を割り当てます (例: {t:widgetOid.val;t}
• wid - 実際のウィジェットの名前
• language - de 、 en 、またはruを指定できます。
• instance - ブラウザインスタンス
• login - ログインが必要かどうか (ログアウト ボタンの表示/非表示など)
• local_* - 状態名がlocal_から開始された場合、ioBroker には報告されませんが、この状態に応じてすべてのウィジェットが更新されます。 (現在のブラウザセッションのローカル変数)

注: 計算 (文字列式など) で「:」を使用するには、代わりに「::」を使用します。

スタイル定義はバインディングとして解釈されるため、 {{style: value}}または単に使用することを忘れないでください。

 {
	style: value
}

そのために。

フィルター

1 つのビューでウィジェットの全数を視覚化するには、フィルターを使用して、ビューに同時に表示されるウィジェットの数を減らすことができます。

すべてのウィジェットにはフィールドfilterがあります。これを何らかの値 (例: light ) に設定すると、他のウィジェット(bars - filters, filter - dropdown)を使用して、どのフィルターが実際にアクティブになるかを制御できます。

制御インターフェース

Vis は 3 つの変数を作成します。

• control.instance - ここにブラウザ インスタンスを書き込む必要があります。すべてのブラウザを制御する必要がある場合はFFFFFFFF書きます。
• control.data - コマンドのパラメータ。特定のコマンドの説明を参照してください。
• control.command - コマンド名。この変数を書き込むとコマンドがトリガーされます。つまり、コマンドを書き込む前に、「インスタンス」と「データ」にデータを準備する必要があります。

コマンド:

• alert - vis-2 にアラート ウィンドウを表示します。 「control.data」は「message;title;jquery-icon」という形式になります。タイトルと jquery-icon はオプションです。アイコン名はここで確認できます。アイコン「ui-icon-info」を表示するには、 Message;;infoと記述します。

• changeView - 目的のビューに切り替えます。 「control.data」にはビューの名前が必要です。プロジェクト名をproject/viewとして指定することもできます。デフォルトのプロジェクトはmainです。

• refresh - たとえば、すべてのブラウザで再ロードするようにプロジェクトが変更された後、vis-2 を再ロードします。

• reload - リフレッシュと同じです。

• dialog - ダイアログウィンドウを表示します。ダイアログはビュー上に存在する必要があります。次のいずれか:

  • static - HTML - Dialog 、
  • static - Icon - Dialog 、
  • container - HTML - view in jqui Dialog 、
  • container - ext cmd - view in jqui Dialog 、
  • container - Icon - view in jqui Dialog 、
  • container - Button - view in jqui Dialog 。

  control.dataはダイアログ ウィジェットの ID (例: w00056が必要です。

• dialogClose

• popup - 新しいブラウザ ウィンドウを開きます。リンクはcontrol.dataで指定する必要があります (例: http://google.com)

• playSound - サウンドファイルを再生します。ファイルへのリンクは、 control.dataで指定されます (例: http://www.modular-planet.de/fx/marsians/Marsiansrev.mp3)。独自のファイルを vis-2 にアップロードして、たとえば/vis-2.0/main/img/myFile.mp3として再生させることができます。重要ブラウザは、ユーザーがページ上で少なくとも 1 回クリックしないと音声を再生できません。ブラウザのセキュリティポリシーです。ここでさらに詳しく読むことができます。

ユーザーがビューを変更した場合、または開始時に、変数は vis-2 によって次のように埋められます。

• control.instance : ブラウザ インスタンスおよびack=true
• control.data : project project/viewとビューの名前、例: main/view (およびack=true )
• control.command : changedViewおよびack=true

JSON 文字列またはオブジェクトをcontrol.commandに{instance: 'AABBCCDD', command: 'cmd', data: 'ddd'}として書き込むことができます。この場合、インスタンスとデータは JSON オブジェクトから取得されます。

JavaScript アダプターの例:

 setState ( 'vis-2.0.control.command' , { instance : '*' , command : 'refresh' , data : '' } ) ;

JSON を文字列として記述する場合は、解析可能であることを確認してください。たとえば{"instance": "*", "command": "refresh", "data": ""}に注意して" 。

デフォルトのビュー

すべてのビューに対して希望の解像度を定義できます (メニュー => ツール => 解像度)。これは、特定のデバイスの画面サイズを示す編集モードの単なる視覚的な境界線です。リアルタイム モードでは、それは表示されず、境界線の外側にあるすべてのウィジェットが表示されます。

さらに、このビューをこの解像度のデフォルトとして使用する必要があるかどうかを定義できます。

そのため、 index.html ( #viewNameなし) が呼び出されるたびに、この解像度のビューに最適なビューが開かれます。 1 つのビューのみに「デフォルト」フラグがある場合、このビューは画面の解像度や向きに関係なく開かれます。

たとえば、「横向き-モバイル」と「縦向き-モバイル」という 2 つのビューを作成でき、向きや画面サイズを変更すると、これら 2 つのビューが自動的に切り替わります。

実際の画面解像度と、この解像度に最適なデフォルト ビューを表示するヘルパー ウィジェット「基本 - 画面解像度」があります。

権限システム

プロジェクト

プロジェクト管理ダイアログでは、各 ioBroker ユーザーのreadおよびwrite権限を構成できます。

readフラグは、このユーザーがランタイムでプロジェクトにアクセスできることを意味します。 writeフラグは、このユーザーが編集モードでプロジェクトにアクセスできることを意味します。

ioBroker Admin アダプターを介して新しいユーザーが作成されると、デフォルトで両方の権限が付与されます。

ビュー

ユーザーが実行時および編集モードでアクセスできるビューを指定することもできます。いずれかのアクセス権がプロジェクト レベルで付与されていない場合、プロジェクト全体にアクセスできなくなるため、ビュー レベルでアクセス権を指定しても効果はありません。

現在のユーザーに権限がないビューにアクセスしようとすると、代わりにプロジェクト選択パネルが表示されることに注意してください。

ウィジェット

ユーザーにread権限がない場合、ウィジェットはランタイムでレンダリングされません。ユーザーにwrite権限がない場合、ウィジェットは編集モードで表示されません。

設定

より長くスリープした場合はリロードしてください

一定の切断時間が経過すると、プロジェクトを同期するために VIS ページ全体が再ロードされるというルールがあります。メニューの「設定...」で設定できます。間隔を「never」に設定すると、ページは決してリロードされません。

再接続間隔

切断された場合に接続を試行する間隔を設定します。 2 秒を設定すると、2 秒ごとに接続の確立が試行されます。

暗い再接続画面

場合によっては（夜間）暗いローディング画面が必要になることがあります。このオプションを使用すると設定できます。

これらの設定は再接続の場合にのみ有効であり、最初の接続では有効ではないことに注意してください。

SVG と currentColor

CSS の currentColor キーワードを使用すると、要素は親要素から現在のテキストの色を継承できます。これは、より動的なスタイル設定と HTML コンテンツとの統合を容易にするため、SVG (Scalable Vector Graphics) で特に役立ちます。

色の値を受け入れる SVG 内のプロパティに対して、特定の色の値の代わりに currentColor キーワードを使用できます。 SVG 内の円を使用した簡単な例を次に示します。

">

< svg width = " 100 " height = " 100 " xmlns = " http://www.w3.org/2000/svg " >
    < circle cx = " 50 " cy = " 50 " r = " 40 " fill = " currentColor " />
svg >

この場合、SVG は親要素の色を受け取ります。たとえば、メニューで使用され、メニューが赤の場合、円は赤になります。

開発とデバッグ

vis-2 エディター自体を調整し、エラーを検索してデバッグするには、次の手順を実行する必要があります。

1. GitHub のユーザー インターフェイスを介して、iobroker/iobroker.vis-2 リポジトリを自分のアカウントにフォークします。

2. リポジトリのクローンをディレクトリに作成します。 GitHub リポジトリから URL をコピーします。コマンドは次のようになります

 git clone https://github.com//ioBroker.vis-2.git

3. ダウンロードしたリポジトリを IDE で開きます

4. 必要なライブラリをすべてインストールしてダウンロードするには、リポジトリのルート ディレクトリにあるターミナルで次のコマンドを実行します。

 npm run install-monorepo

5. ブラウザでエディタを起動するには、次のコマンドを実行してください。すでに個別に実行されている iobroker サーバー インスタンスがポート 8082 で利用できる必要があります。

 npm run start

• デバッグはブラウザ (例: chrome F12) で利用できます。
• ファイルを変更した場合、エディタの自動リロードがサポートされています

藤堂

変更履歴

2.10.7 (2024-07-23)

• (bluefox) モジュールフェデレーションの最適化

2.10.6 (2024-07-20)

• (bluefox) typescript での入力を改善しました。

2.10.4 (2024-07-16)

• (bluefox) オブジェクト選択によるジャンプを修正
• (bluefox) スワイプウィジェットを実装しました

2.10.3 (2024-07-11)

• (bluefox) CanJSWidget を typescript に変換しました
• (bluefox) 属性グループに「クローン」ボタンを追加しました

2.10.2 (2024-07-10)

• (bluefox) スタイルの互換性のないパッケージを削除しました
• (bluefox) すべてのウィジェットを更新する必要があります
• (bluefox) 基本的な入力値ウィジェットが ReactJS に移行されました

2.9.64 (2024-05-23)

• (bluefox) ボタンでテキストフィールドをクリアする機能を追加しました。

2.9.63 (2024-05-15)

• (bluefox) いくつかのファイルを typescript に移行しました

2.9.60 (2024-05-07)

• (foxriver76) テスト自動リリース

2.9.53 (2024-05-06)

• (bluefox) jQui ボタンにスタイルを適用できるようになりました

2.9.52 (2024-04-25)

• (bluefox) ナビゲーションが改善されました: 調整可能なメニュー幅と一括編集が追加されました

2.9.50 (2024-04-19)

• (bluefox) ウィジェットの動作の修正

2.9.49 (2024-04-11)

• (bluefox) タブウィジェットのスクロールボタンを修正しました。
• (bluefox) 境界線の幅が設定されている場合のリサイザを修正しました。

2.9.48 (2024-03-30)

• (bluefox) 選択したビューをビュー ダイアログに表示しました
• (bluefox) ローディング画面のカスタマイズを追加
• (bluefox) GUI のセントリー無効フラグを尊重しました。

2.9.42 (2024-03-09)

• (bluefox) デスクトップでのみビュー サイズを制限できるようになりました
• (bluefox) 単語「フィルター」を「検索」に変更します。

2.9.40 (2024-03-05)

• (bluefox) 反応するようにフィルター ウィジェットを移行しました
• (bluefox) 基本的なリンク ウィジェットを反応するように移行しました

2.9.39 (2024-03-01)

• (foxriver76) バインディングでwidgetOid使用できるようにします
• (foxriver76) 日付ピッカー ウィジェットに関するさまざまな問題を修正しました
• (foxriver76) 日付ピッカーのデフォルト オプションを人間が判読できるようにし、完全な解析可能な日付のオプションを追加しました
• (bluefox) ナビゲーション ウィジェットによってサフィックスを追加する機能を追加しました
• (bluefox) ライセンスマネージャーを改善しました

2.9.37 (2024-02-28)

• (foxriver76) TimePicker ウィジェットは、デフォルトで日付ではなく時間を保存するようになりました。古い動作が必要な場合は、チェックボックスasDate使用してください。

2.9.36 (2024-02-27)

• (foxriver76) プロジェクト固有の CSS が適用されない問題を修正

2.9.35 (2024-02-27)

• (foxriver76) ユーザー指定の CSS がウィジェット CSS よりも優先されるようになりました。
• (foxriver76) 壊れたグループ化されたウィジェットのクラッシュ ケースを修正しました。

2.9.34 (2024-02-26)

• (foxriver76) プロジェクト権限ダイアログで管理者ユーザーを正しく検出するようになりました。

2.9.33 (2024-02-21)

• (foxriver76) image8 ウィジェットに最後の画像が表示されない問題を修正しました
• (foxriver76) jqui ダイアログの背景とタイトルの色を定義する可能性を追加しました
• (foxriver76) ウィジェットの前にある場合に信号画像をクリックスルーできるようにします

2.9.32 (2024-02-16)

• (foxriver76) ビューマネージャーですべてのビューを表示または非表示にするボタンを実装しました
• (foxriver76) RxWidgets のシグナルに関する問題を修正しました
• (foxriver76) このインスタンスに対してのみ Sentry を無効にすることができます

2.9.31 (2024-02-06)

• (foxriver76) デフォルトのオーバーフローを正しく適用します
• (foxriver76) ナビゲーション スタイルの修正 (アイコンの背景を修正し、ヘッダー テキストの色のカスタマイズを可能にします)

2.9.30 (2024-02-06)

• (foxriver76) アダプターのアップロード/更新時にグローバル CSS が削除されなくなりました
• (foxriver76) ナビゲーションのスタイルを変更できるようになりました

2.9.29 (2024-02-05)

• (foxriver76) 入れ子になったグループに関する複数の問題を修正しました
• (foxriver76) グループビューで動作する group/ungroup コマンドも作成しました
• (foxriver76) クリックによるグループ内のウィジェットの選択が可能になりました (以前はドロップダウンのみが機能していました)
• (foxriver76) Basic Image 8 を値 0 に設定できない問題を修正しました。

2.9.28 (2024-02-03)

• (foxriver76) あらゆる場合に vis インスタンスを正しく決定します

2.9.26 (2024-02-02)

• (foxriver76) jquery ボタン ウィジェットに jquery スタイルが選択されている場合、空のアイコン カテゴリが表示されません
• (foxriver76) 選択後にナビゲーションを非表示にする可能性を追加しました

2.9.25 (2024-01-29)

• (foxriver76) 相対ウィジェットのサイズ変更の問題を修正
• (foxriver76) 「グループのみ」の表示設定を使用してもクラッシュしません
• (foxriver76) ウィジェットが存在しないビューでウィジェットを更新しようとしてもクラッシュしません

2.9.24 (2024-01-24)

• (foxriver76) 画像 8 ウィジェットが反応するように移植されました

2.9.23 (2024-01-24)

• (foxriver76) 以前のバージョンに起因する別のバグを修正しました

2.9.22 (2024-01-22)

• (foxriver76) 2.9.21 で発生した問題の修正を試みます

2.9.21 (2024-01-19)

• (foxriver76) ウィジェットを修正する際のクラッシュケースを修正しました
• (foxriver76) 画像編集モードのオーバーレイに不透明度が2回適用されるバグを修正

2.9.20 (2024-01-18)

• (foxriver76) プロジェクトインポートのタイムアウトを増加しました
• (foxriver76) ウィジェットレベルで権限を追加しました

2.9.19 (2024-01-17)

• (foxriver76) 左側からウィジェットのサイズを変更するときの問題を修正しました
• (foxriver76) 複数のウィジェットが選択されている場合に、ディメンション属性に選択ボックスを追加しました。

2.9.18 (2024-01-15)

• (foxriver76) 一部のシナリオで古い属性値が表示される問題を修正しました
• (foxriver76) 専用権限システムをビューレベルに拡張

2.9.17 (2024-01-13)

• (foxriver76) プロジェクトレベルの専用権限システムを導入

2.9.16 (2024-01-11)

• (foxriver76) ウィジェット信号の決定に正しいフォールバック値を使用する

2.9.15 (2024-01-09)

• (foxriver76) BulkEditor に関する問題を修正

2.9.14 (2024-01-09)

• (foxriver76) 一部のウィジェットの最後の変更 y オフセットを修正しました
• (foxriver76) JquiState がデータ型を考慮しない問題を修正しました
• (foxriver76) BulkEdtior の問題を修正しました (ダイアログが閉じない、および他のダイアログに間違ったボタンが表示される)
• (foxriver76) devbookhq/splitter#15 のサイズ変更バグの回避策を実装しました

2.9.13 (2024-01-08)

• (foxriver76) バインディングにハッシュ文字が含まれている場合、バインディング内の ID を正しく検出します。
• (foxriver76) 複数の JquiState ウィジェットが選択されたときのクラッシュを修正
• (foxriver76) ウィジェットがすでに切り取られた後にグループ内でウィジェットが表示されないようにする
• (foxriver76) グループビューでルーラーを計算するためにグループにないウィジェットの使用を防止します。

2.9.12 (2024-01-04)

• (foxriver76) グループ内のコピー/ペースト/カットを最適化

2.9.11 (2024-01-02)

• (foxriver76) 可視性計算に関するバグを修正

2.9.10 (2024-01-02)

• (foxriver76) クラッシュにつながる、誤って追加されたスクリプト ファイルを削除します

2.9.9 (2024-01-01)

• (foxriver76) activeWidgets属性なしでビューをインポートできるようにします
• (foxriver76) BasicBulb を古いバージョンのように動作させる
• (foxriver76) 編集モードで異なるウィジェットのデータが表示される問題を修正
• (foxriver76) すべての状態更新が可視性の計算に使用される問題を修正しました
• (bluefox) 移行された jQui select、jQui Radio ステップ ウィジェットが反応するようになりました
• (bluefox) すべての jQui ウィジェットが React に移行されました

2.9.8 (2023-12-21)

• (foxriver76) 背景にラベルが表示されないバグを修正
• (foxriver76) ページ読み込み時の可視性条件付きウィジェットの短い点滅を防止します。
• (foxriver76) テーマの切り替えに関する問題を修正

2.9.7 (2023-12-19)

• (bluefox) Styled/Input の読み取り専用フラグを許可しました

2.9.6 (2023-12-14)

• (foxriver76) BulkEditor に関する問題を修正しました
• (foxriver76) HTML 内のスクリプトは、eval で実行されるのではなく、DOM に追加されるようになりました。
• (foxriver76) 最小値/最大値が一度入力された場合の電球ウィジェットの問題を修正しました
• (foxriver76) 反応するために「speech2text」ウィジェットを移行しました

2.9.5 (2023-12-10)

• (foxriver76) 最初に新しいビューを開きます
• (foxriver76) シグナルが使用されている場合のクラッシュケースを修正
• (foxriver76) 修正されたマテリアル デザイン ウィジェット ヘルパー
• (foxriver76) ビューの名前が変更されたときにウィジェット内のビューへの参照を更新します
• (bluefox) jQui Toggle icon ウィジェットが反応するように移行されました
• (bluefox) jQui Radio ウィジェットが反応するように移行されました
• (bluefox) jQui Radio List ウィジェットが反応するように移行されました
• (bluefox) React ウィジェットによる最終変更を修正

2.9.4 (2023-12-04)

• (foxriver76) 表示幅に関する問題を修正しました

2.9.3 (2023-12-03)

• (bluefox) ビューのサイズをハードに制限する可能性を追加しました
• (foxriver76) ナビゲーション用の単純なソート機構を実装しました
• (foxriver76) フォルダー内にあったビューのインポートを修正しました。
• (foxriver76) iframe にも適用される固定テーマ
• (foxriver76) ビューをインポートまたはコピーするときにウィジェット ID を単純に再利用しないでください。
• (foxriver76) 基本的な電球ウィジェットを React ウィジェットとして実装しました
• (foxriver76) 基本的な HTML ウィジェットでスクリプト タグが機能するようにしました

2.9.2 (2023-11-29)

• (foxriver76) カスタムコンポーネントの反応性を修正しました
• (foxriver76) グループのインポートを修正しました
• (foxriver76) グループを作成すると、事前に選択されるようになりました。
• (foxriver76) キーボードで移動するとフィールドが更新されるようになりました

2.9.1 (2023-11-28)

• (foxriver76) ウィジェットを移動した後にフィールドを再計算します
• (foxriver76) 他のビューでのグループの貼り付けを修正しました
• (foxriver76) iframe にも適用される固定テーマ
• (bluefox) 基本イメージを React ウィジェットとして実装

2.9.0 (2023-11-27)

• (bluefox) SVG 形状と画面解像度ウィジェットをネイティブに実装
• (bluefox) 基本 iFrame を React ウィジェットとして実装
• (foxriver76) プロジェクトのインポート時に zip ファイルのみを許可します
• (foxriver76) オーバーフローが上書きされる問題を修正
• (foxriver76) ページとプロジェクトをアルファベット順に並べ替えます
• (foxriver76) 保存時の問題を修正
• (foxriver76) always renderがアクティブ化されている場合のグループに関する問題を修正しました。
• (foxriver76) タブコンポーネントで色の変更と小文字の書き込みが可能になりました。
• (foxriver76) alwaysRender ページからのナビゲーションが別のページに表示される問題を修正しました

2.8.0 (2023-11-24)

• (foxriver76) ページビューでフォルダーをアルファベット順に並べ替えます
• (foxriver76) Ctrl + クリックによるウィジェットの選択解除を修正しました
• (foxriver76) スイッチコンポーネントの表示の問題を修正しました。
• (bluefox) Basic Red Number ウィジェットをネイティブに実装
• (foxriver76) グループ化されたウィジェットのコピー/クローンを修正しました
• (foxriver76) 状態によるダイアログの開閉に関する問題を修正しました

2.7.0 (2023-11-22)

• (foxriver76) 基本バー ウィジェットをネイティブに実装

2.6.4 (2023-11-21)

• (foxriver76) typescript ビルドを修正しました

2.6.3 (2023-11-20)

• (foxriver76) いくつかのクラッシュケースを修正しました

2.6.2 (2023-11-20)

• (foxriver76) グループ編集時のクラッシュケースを修正
• (foxriver76) 貼り付けグループを修正しました
• (foxriver76) 入力中にカーソルがジャンプして文字が削除される問題を修正しました。

2.6.1 (2023-11-17)

• (bluefox) アイコンアップロード時に「ファイルが大きすぎます」というメッセージが表示される
• (bluefox) 独自のグループとして表示するためのナビゲーション バーを作成しました
• (foxriver76) ビューをアルファベット順に並べ替えました
• (foxriver76) プロジェクト ツールバーでは大文字/小文字が考慮されます
• (bluefox) dialogとdialogCloseコマンドをウィジェットにリダイレクトします

2.6.0 (2023-11-13)

• (foxriver76) すべての選択/選択解除ボタンを実装しました
• (foxriver76) バインディングが機能しない問題を修正

2.5.0 (2023-11-11)

• (foxriver76) prepend-HTML および append-HTML (基本文字列ウィジェット) で実際の HTML を使用できるようになりました。
• (foxriver76) グループ編集時の問題を修正しました
• (foxriver76) ボタンのテキストを自動的に大文字にフォーマットしません
• (foxriver76) ページ名が自動的に大文字で表示されない
• (bluefox) React ウィジェットのシグナル アイコンを実装しました。
• (bluefox) React ウィジェットの最終変更表示を実装しました。
• (bluefox) SVG Bool ウィジェットを React コンポーネントとして実装

2.4.0 (2023-11-08)

• (foxriver76) カテゴリ変更時のアイコンセレクターフィルターの問題を修正しました
• (foxriver76) 最初のウィジェットのみが貼り付けられる問題を修正しました
• (bluefox) JSON バインディング演算子を追加しました
• (bluefox) オブジェクト ID のフィルターとして関数を使用できるようになりました
• (bluefox) ビューバーの実装 (メニューなし)

2.3.6 (2023-11-06)

• (foxriver76) スタイル属性のバインディングエディターに関する問題を修正しました。
• (foxriver76) 自動保存の最適化によりパフォーマンスが向上しました。

2.3.5 (2023-11-03)

• (foxriver76) ファイルセレクターでのイメージサポートを強化するためにアダプター反応を更新します。
• (foxriver76) ライトモードでのファイルブラウザの色を修正
• (foxriver76) 変更時に入力の末尾にジャンプするカラー入力を修正しました。

2.3.4 (2023-11-02)

• (foxriver76) 複数のウィジェットを選択したときのクラッシュを修正
• (foxriver76) border-styleドロップダウンで重複するnoneのエントリを削除しました
• (foxriver76) ウィジェットの並べ替え時のクラッシュを修正

2.3.3 (2023-10-30)

• (foxriver76) 単一のウィジェットにスクリプト エラーがある場合、vis が読み込まれない問題を修正しました。
• (bluefox) バインディング用のエディタを追加しました
• (bluefox) iframe の場合、背景は使用されません

2.3.2 (2023-10-14)

• (bluefox) 編集モードで選択されたウィジェットのみを表示できるようになりました
• (bluefox) 古い (CanJS) ウィジェットの可視性の計算を修正しました。

2.3.1 (2023-10-13)

• (bluefox) 相対ウィジェット間の垂直方向のギャップを修正
• (bluefox) 属性ダイアログでの最小/最大を含む数値の入力が改善されました。

2.3.0 (2023-09-28)

• (bluefox) jQui ウィジェット (多く) が改善されました

2.2.7 (2023-09-18)

• (bluefox) アイコンセレクターの改良: 独自のアイコンを直接アップロードできるようになりました。
• (bluefox) 読み込みの最適化: 未使用のウィジェット セットを読み込まない

2.2.6 (2023-09-17)

• (bluefox) 日付バインディングを修正しました
• (bluefox) ウィジェテリアの読み込みの最適化
• (bluefox) 水平方向のナビゲーションが修正されました

2.2.5 (2023-09-12)

• (bluefox) 水平ナビゲーションを実装しました

2.2.4 (2023-09-04)

• (bluefox) ライセンスチェックを修正

2.2.2 (2023-08-16)

• (bluefox) セントリー設定を変更しました

2.2.1 (2023-08-15)

• (bluefox) 編集モードでウィジェットをフィルタリングする機能を追加しました
• (bluefox) ドラッグ&ドロップで相対ウィジェットの順序を変更する機能を追加しました。

2.2.0 (2023-08-14)

• (bluefox) リリース候補 1

2.1.7 (2023-08-10)

• (bluefox) ウィジェットのレンダリングを最適化しました。

2.1.6 (2023-07-30)

• (bluefox) 最初のベータ版リリース

2.1.4 (2023-07-19)

• (bluefox) ウィジェットにウィジェットを追加できるようになりました

2.0.36 (2023-06-21)

• (bluefox) ウィジェテリアを追加しました

2.0.29 (2023-05-17)

• (bluefox) 誤りを修正しました

2.0.10 (2022-12-01)

• (bluefox) ファイルブラウザを追加しました

2.0.8 (2022-11-26)

• (bluefox) エラー処理を改善しました。

2.0.0 (2022-10-21)

• (bluefox) 完全に新しいビジュアライゼーションですが、以前のバージョンと部分的に互換性があります

ライセンス

著作権 (c) 2021-2024 Denis Haev、https://github.com/GermanBluefox [email protected]、

クリエイティブ共通表示 - 非営利 (CC BY-NC)

http://creativecommons.org/licenses/by-nc/4.0/

ショート コンテンツ: ライセンシーは、指定された方法で著者またはライセンサーにクレジットを付与した場合に限り、著作物をコピー、配布、表示、実行し、それに基づいて二次的著作物を作成することができます。ライセンシーは、非営利目的に限り、著作物をコピー、配布、表示、実行し、それに基づいて二次的著作物を作成することができます。 (非営利使用の場合は無料です)。