ng sq ui下載 - ng sq ui源代碼下載

ng sq ui

三方組件

Updated to angular 12.2.4 + bug fixes

下載

ng-sq-ui

簡單質量的UI套件用於Angular

由開發人員為開發人員建造！

文件

您將為每個組件找到公共API的描述。組件由模塊分組。您可以通過本文檔中遺漏的代碼檢查看到的任何屬性都是用於內部使用的，您不應依靠它們。

還包括任何類型的公共界面和服務。

主頁
安裝
FormelementsModule
ModalModule
ProgressBarmodule
datetime -pickermodule
DataTableModule
commonmodule
關於我們
賞金計劃
現場例子
故障排除

破裂的變化：

所有軟件包的遺物2.0.1與Angular 14+兼容。如果您需要向後兼容的版本，請參閱以下所述的1.xy軟件包。

筆記：
對於使用視圖引擎的項目，而不是Ivy（Angular 10〜 Angular 12），請為每個軟件包使用以下版本：

@sq-ui/ng-sq-ui： 1.3.3
@sq-ui/ng-dateTime挑選： 1.1.2
@sq-ui/ng-sq-common： 1.1.5
@sq-ui/ng-modal： 1.1.2
@sq-ui/ng-datatable： 1.1.3

對於使用Angular版本<9的項目，請為每個軟件包使用以下版本：

@sq-ui/ng-sq-ui： 1.1.5
@sq-ui/ng-dateTime挑選： 1.1.0
@sq-ui/ng-sq-common： 1.0.3
@sq-ui/ng-modal： 1.0.6
@sq-ui/ng-datatable： 1.0.3

安裝

您可以克隆 /下載此存儲庫或將其作為節點依賴項安裝。

 npm i @sq-ui/ng-sq-ui@latest --save

- 或者 -

 yarn add @sq-ui/ng-sq-ui@latest

用法

在您的模塊中導入ngsquimodule：

 import { NgSqUiModule } from '@sq-ui/ng-sq-ui';

然後將其包含在您的@ngmodule（）裝飾器的imports陣列中：

 @NgModule({
  declarations: [ //... ],
  imports: [
    NgSqUiModule,
    //...
  ],
  //...

NG-SQ-UI不帶有特定字體。包括默認主題也是可選的。請參閱我們的現場示例頁面。

需要網格嗎？我們已經覆蓋了您！

將樣式添加到Angular.json

 "styles" : [
  " src/styles.css " ,
  " ./node_modules/@sq-ui/ng-sq-common/sq-ui-theme.scss " ,
  " ./node_modules/@sq-ui/ng-sq-ui/styles/form-elements.scss " ,
  " ./node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css " ,
  " ./node_modules/@fortawesome/fontawesome-free/css/solid.min.css " ,
  " ./node_modules/@fortawesome/fontawesome-free/css/regular.min.css " ,
],

將樣式應用於組件

要使用我們的樣式，只需在父元素上添加class="sq"即可。

 < body class =" sq " >
  < div class =" row " >
    < sq-input ... > </ sq-input >
  </ div >
</ body >

依賴性

NG-SQ-UI取決於：

font-sawsome and nimable.js（兩者都將與ng-sq-ui一起安裝）

在本地嘗試

 git clone [email protected]:SQ-UI/ng-sq-ui.git
npm i
npm start

- 或者 -

 git clone [email protected]:SQ-UI/ng-sq-ui.git
yarn install
npm start

運行npm start時會自動觀看庫：

該項目的打字稿編譯器配置為查找dist/ dist/不存在的庫，它是指庫的源代碼。這就是為什麼您應該運行npm start而不是僅僅使用ng serve --open npm start刪除dist/ （如果存在），然後運行ng serve --open 。這為編譯器做好準備，以聆聽projects/目錄下的更改。