Windmillcode Angular CDK下載 - Windmillcode Angular CDK源代碼下載

Windmillcode Angular CDK

三方組件

18.2.12000

下載

WindmillCode Angular CDK

歡迎來到WindmillCode Angular Library，這是一套全面的角度組件套件，旨在幫助您構建引人入勝，穩健和用戶友好的Web應用程序。該庫，也稱為WindmillCode Angular成分開發套件（CDK），提供了可重複使用的UI組件的集合，每個組件都針對細節和性能。

{/ * */}

特徵

最小配置/安裝

大多數庫取決於角度的材料，隨著您的項目越來越大。我們組件的基礎是香草JS和穩定的打字稿功能，因此如果您的項目成長，如果有任何配置問題（希望）不會與我們同在

將復雜的思想表達為代碼

我們如何在不抓住組件的情況下製作自己的飛行。如果我們想從頭開始重新製作組件，DO Mabye 90％的vey細節。通過了解您可以將我們的類綁定到相當持久或難以實現的每個元素複雜特徵，現在具有統一的模式，這也為開發人員的創造力提供了更大的創造力。

感覺就像反應

您有一個組件，並且擁有道具，並且也有設定。如果使用我們的圖書館，這種設計使具有React/NextJs背景的人更容易過渡到Angular

插件

Angular可以獲得一種詳細的語言，我們旨在通過插頭和播放每個組合物具有插件和播放的態度簡化Angular，就像在React This Props中一樣

 // 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-Core，這意味著您可以確保庫始終與最新的Angular版本保持最新。到補丁版。但是截至18.1.3，圖書館已統一用於生產

廣泛的組件集合

我們的庫包括各種組件，從按鈕和輸入字段等UI元素到復雜的構造，例如文件上傳和下拉列表。每個組件的設計為模塊化，使其易於集成到現有的角度項目中。

可自定義且具有主題

組件設計為易於自定義且具有主題功能，使您可以將它們與應用程序的品牌和設計指南保持一致。 VIA修改特定於每個組件的CSS變量，您可以對組件的外觀和感覺進行顆粒狀的控制。

{/ * */}

高級 /企業

國際化- 所有組件均為I18N兼容NGX - 翻譯。在您的項目中使用默認的en.json文件，然後更新並將I18N字符串傳遞到傳遞給組件視圖庫的高級版本的Prop中的適當鍵

警告

未設置字體，因此您可以設置全局字體，而不必擔心替代
“ ChangElog中的所有以前版本都不存在所有版本的所有版本始於18.1.3003，儘管有計劃向每個貼片版本的Angular進行回載。

軟件包

WindmillCode Angular庫提供了各種組件，每個組件旨在滿足您的角度應用中的特定UI要求。以下是可用組件的列表以及簡短的描述：

WML組件基礎：

這是我們整個圖書館關注的基礎軟件包。它的基礎是WMluiproperty，這是所有旨在用於所有JavaScript框架的應用程序的非常基本的構建塊，而不僅僅是角度。從這裡建立了分頁，動畫，動態組件等的基礎。

WML角組件基礎：

擴展基於角度開發人員的託管的WML組件。對於在代碼庫中保持一致性有用。

WML三：

三個JS相當狡猾，並不是您創建場景所需的所有內容，都可以使用我們的三庫庫進行這種更改。我們的課程處理數學和物理實現，因此您可以專注於將對象添加和放置在場景中

WML示意圖：

我們自己的角度示意圖根據我們的角度項目模板生成角類

WML手風琴：

手風琴組件，允許您以可折疊格式顯示內容。它對FAQ，列表或任何受益於緊湊型演示的內容很有用。

WML按鈕：

可自定義的按鈕組件，可在您的應用程序中使用，以確保一致性和借助性能。

WML旋轉木馬：

一種旋轉木製組件，可以以滑動或旋轉方式顯示多個項目，非常適合畫廊或展示多種產品。

WML芯片：

將輸入，屬性或動作作為緊湊元素的組件，通常用於標籤，聯繫信息或交互式元素。

WML字段：

一個可能用於表單的字段組件提供了一種標準化的輸入數據的方式。

WML文件管理器：

用於處理文件交互的綜合組件，包括上傳，下載（在積壓中）和顯示文件信息。

WML表格：

旨在創建一致和功能形式的組件或組件，包括各種形式控件。

WML無限下拉：

無限擴展的下拉組件。非常適合大量導航內容的菜單

WML輸入：

表單的多功能輸入組件，提供了一種統一的收集用戶輸入的方式。

WML移動NAV ：

專門為移動用戶界面設計的導航組件，為較小的屏幕提供了優化的菜單。

WML通知：

通知組件，允許您向用戶顯示警報，消息或其他重要信息。

WML選項：

提供一組可選選項的組件，可能是更高級的下拉列表或選擇組件。

WML面板：

用於提供輔助內容，信息或控件的飛行組件組件，通常用於儀表板或複雜接口的一部分。

WML Penrose ：

自定義加載組件

WML彈出窗口：

用於顯示彈出內容的組件，例如模式，對話或工具提示。

WML選擇：

一個選擇的組件，提供了供用戶選擇的選項列表。

WML Slicebox ：

基於jQuery slicebox更多的流動方式來實施輪播

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

在消費者中，您需要將路徑添加到消費者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 "
],