Windmillcode Angular CDKダウンロードWindmillcode Angular CDKソースコードダウンロード

Windmillcode Angular CDK

サードパーティ製コンポーネント

18.2.12000

ダウンロード

WindmillCode Angular CDK

Windmillcode Angularライブラリへようこそ。魅力的で堅牢でユーザーフレンドリーなWebアプリケーションを構築するのに役立つように設計された包括的な角度コンポーネントのスイートです。 Windmillcode Angular Component Development Kit（CDK）としても知られるこのライブラリは、それぞれが細部とパフォーマンスに注意を払って作成された再利用可能なUIコンポーネントのコレクションを提供します。

{/ * */}

特徴

最小設定/インストール

ほとんどのライブラリは角張った材料に依存し、プロジェクトが大きくなるにつれて互換性の問題が表示されます。コンポーネントの基礎は、構成の問題がある場合にプロジェクトが成長するにつれて、バニラJSと安定したタイプスクリプト機能です。

複雑な思考をコードに明確にしやすくします

コンポーネントをつかむことなく、どうすれば自分のフライアウトを作ることができますか。コンポーネントをゼロからリメイクしたい場合は、VEYの詳細の90％をMabyeにします。クラスをすべての要素の複雑な機能にバインドできることを理解することで、実装するのがかなり奇妙または困難な機能が均一なパターンになります。

反応のように感じます

コンポーネントがあり、小道具があり、SetStateもあります。このデザインにより、React/NextJSの背景がある人がライブラリを使用する場合にAngularに移行しやすくなります。

プラグアンドプレイ

Angularはむしろ冗長な言語を得ることができます私たちは、プラグとプレイでAngularをプラグとプレイすることを目的としています。

 // app.component.ts

// Standalone there are default values to see how the component works
props = new WMLInputZeroProps ( { } )

// To pass arguments/customize
props = new WMLInputZeroProps ( {
  datetime : new WMLInputZeroDatetimeProps ( {
    type : "datetime" ,
    min = new Date ( "[YOUR BIRTHDAY FOR EXAMPLE]" )
  } )
} )

// app.component.html
< wml-input-zero [props] = props >
</ wml-input-zero >

一定の適合更新：

Angular 16.2の周りには、すべてのAngularバージョンでライブラリの新しいバージョンを作成します。バージョンは @Angular-Coreに基づいています。これは、最新のAngularバージョンでライブラリが常に最新であることを確認できることを意味します。パッチバージョンまで。しかし、18.1.3の時点で、図書館は生産のために統一されています

広範なコンポーネントコレクション

当社のライブラリには、ボタンや入力フィールドなどのUI要素から、ファイルアップロードやドロップダウンなどの複雑なコンストラクトまで、さまざまなコンポーネントが含まれています。各コンポーネントはモジュラーになるように設計されており、既存の角度プロジェクトに簡単に統合できます。

カスタマイズ可能でテーマに

コンポーネントは、簡単にカスタマイズできるように設計されているため、アプリケーションのブランディングおよび設計ガイドラインに合わせて揃えることができます。via各コンポーネントに固有のCSS変数を変更すると、コンポーネントのルックアンドフィールを粒状制御できます。

{/ * */}

プレミアム /エンタープライズ

国際化- すべてのコンポーネントは、NGX翻訳下でI18N互換です。プロジェクトでデフォルトのen.jsonファイルを使用して、I18N文字列を更新して、コンポーネントに渡されるプロップの適切なキーに渡し、ライブラリのプレミアムバージョンを表示します

警告

フォントは設定されていないため、オーバーライドを心配することなくグローバルフォントを設定できます
「changelogのすべての以前のバージョンは存在しませんすべてのバージョンは18.1.3003から始まりますが、Angularのすべてのパッチバージョンにバックポートする計画があります。

パッケージ

Windmillcode Angularライブラリは、それぞれが角度アプリケーションで特定のUI要件を満たすように設計された多様なコンポーネントを提供します。以下は、利用可能なコンポーネントのリストと簡単な説明です。

WMLコンポーネントベース：

これは、ライブラリ全体が焦点を当てている基礎パッケージです。その基礎は、AngularだけでなくすべてのJavaScriptフレームワークに使用することを意図したあらゆるアプリケーションの非常に基本的な構成要素です。ここから、ページネーション、アニメーション、ダイナミックコンポーネントなどの基礎が構築されています。

WML Angularコンポーネントベース：

Angular Developersのために監護されるようにベースのWMLコンポーネントを拡張します。コードベース内での適合性を維持するのに役立ちます。

WML 3 ：

3つのJSはかなり奇妙であり、シーンを作成するために必要なすべてがあなたのためにあるわけではありません。これはThree.jsライブラリで変更されています。私たちのクラスは数学と物理学の実装を処理するので、シーンにオブジェクトの追加と配置に集中できます

WML回路図：

角度プロジェクトテンプレートに従って角度クラスを生成するための独自の角度回路図

WMLアコーディオン：

折りたたみ可能な形式でコンテンツを表示できるアコーディオンコンポーネント。 FAQ、リスト、またはコンパクトなプレゼンテーションの恩恵を受けるコンテンツに役立ちます。

WMLボタン：

アプリケーション全体で使用できるカスタマイズ可能なボタンコンポーネントで、一貫性とテーマ性を確保します。

WMLカルーセル：

ガラリーや複数の製品の紹介に最適な、スライドまたは回転するファッションで複数のアイテムを表示できるカルーセルコンポーネント。

WMLチップ：

タグ、連絡先情報、またはインタラクティブな要素に一般的に使用されるコンパクト要素としての入力、属性、またはアクションを表すコンポーネント。

WMLフィールド：

フォーム用の潜在的に、データを入力する標準化された方法を提供するフィールドコンポーネント。

WMLファイルマネージャー：

アップロード、ダウンロード（バックログ）、ファイル情報の表示など、ファイルインタラクションを処理するための包括的なコンポーネント。

WMLフォーム：

さまざまなフォームコントロールを含む一貫した機能的な形式を作成するように設計されたコンポーネントまたはコンポーネントのセット。

WML Infinite Dropdown ：

無限に拡張するドロップダウンコンポーネント。大量のナビゲーションコンテンツを備えたメニューに最適

WML入力：

フォーム用の多用途の入力コンポーネントであり、ユーザー入力を収集する均一な方法を提供します。

WMLモバイルNAV ：

モバイルユーザーインターフェイス専用に設計されたナビゲーションコンポーネントは、小さな画面用に最適化されたメニューを提供します。

WML通知：

通知コンポーネント。ユーザーにアラート、メッセージ、またはその他の重要な情報を表示できます。

WMLオプション：

おそらくより高度なドロップダウンまたは選択コンポーネントとして、選択可能なオプションのセットを提供するコンポーネント。

WMLパネル：

ダッシュボードや複雑なインターフェイスの一部としてよく使用される補助コンテンツ、情報、またはコントロールを提供するために使用されるフライアウトコンポーネントコンポーネント。

WML Penrose ：

カスタムロードコンポーネント

WMLポップアップ：

モーダル、ダイアログ、ツールチップなどのポップアップコンテンツを表示するためのコンポーネント。

wml select ：

ユーザーが選択できるオプションのドロップダウンリストを提供する選択コンポーネント。

WMLスライスボックス：

jQuerySliceBoxに基づいて、カルーセルを実装するより流動的な方法

WMLテーブル：

ソート、フィルタリング、ページネーションなどの機能を備えた表形式データを表示するために設計されたテーブルコンポーネント。

WMLタブ：

タブ付きインターフェイスを作成するためのコンポーネントであり、ユーザーが同じコンテキスト内で異なるビューまたはコンテンツセクションを切り替えることができます。

WMLトグル：

トグルスイッチコンポーネントは、ユーザーが設定の有効化/無効化などのバイナリ選択を行うための直感的な方法を提供します。

各コンポーネントは、特定のUIのニーズに対処するように作成され、角度プロジェクトへの一貫性と統合の容易さを確保します。使用例や構成オプションなど、各コンポーネントの詳細については、ライブラリの詳細なドキュメントを参照してください。

はじめる

必要なコンポーネントのリンクをクリックして、NPMでインストールするか、優先パッケージマネージャー

ドキュメント

各コンポーネントには、使用方法、その入出力プロパティ、イベントエミッターに関する詳細が記載されています。特定のコンポーネントをさらに深く掘り下げるには、そのreadme.md専用ドキュメントセクションを参照してください。

貢献

**進行中の作業** Windmillcode Angularライブラリへの貢献を歓迎します！新しいコンポーネントを追加したり、既存のコンポーネントを強化したり、バグを報告したりするかどうかにかかわらず、貢献は私たちにとって価値があります。プルリクエストを行う前に、貢献ガイドラインを参照してください。

目的のリポジトリを引いてください
コンポーネントモジュールが無料で交換される場合、free.module.tsはモジュールTSで
端子1

 cd projects/[desired project]
npx ng build --watch

端子2

 # wait for project to appear in dist
cd dist/[desired project]
npm link

消費者には、消費者のdistへのパスを追加する必要がありますtsconfig.json

  "[FULL LIBRARY NAME FROM PACKAGE.JSON]" : [
    " [PATH TO REPO GENERATED DIST]/[LIBRAY FOLDER NAME] "
  ],
  // EXAMPLE
"@windmillcode/angular-wml-slicebox" : [
  " ../../../../windmillcode-Angular-CDK/dist/wml-slicebox "
],