ng sq ui Download - ng sq ui Source Code Download

ng sq ui

مكونات الطرف الثالث

Updated to angular 12.2.4 + bug fixes

تنزيل

NG-SQ-UI

طقم واجهة مستخدم بسيطة جودة للزاوية

بنيت من قبل المطورين للمطورين!

مستندات

ستجد وصفًا لواجهة برمجة التطبيقات العامة لكل مكون. يتم تجميع المكونات بواسطة وحدات. أي خصائص يمكنك رؤيتها من خلال فحص التعليمات البرمجية التي يتم استبعادها من هذا الوثائق مخصصة للاستخدام الداخلي ويجب ألا تعتمد عليها.

يتم تضمين أي أنواع من الواجهات والخدمات العامة أيضًا.

الصفحة الرئيسية
تثبيت
FormelementsModule
modalmodule
ProgressBarmodule
datetimepickermodule
DatatableModule
CommonModule
معلومات عنا
برنامج المكافأة
أمثلة حية
استكشاف الأخطاء وإصلاحها

تغيير التغييرات:

RELISES 2.0.1 من جميع الحزم متوافقة مع الزاوي 14+. إذا كنت بحاجة إلى إصدار متوافق مع الوراء ، فيرجى الرجوع إلى حزم 1.xy ، كما هو مذكور أدناه.

ملحوظة:
بالنسبة للمشاريع التي تستخدم محرك العرض ، بدلاً من ذلك ، Ivy (Angular 10 ~ Angular 12) ، يرجى استخدام الإصدار التالي لكل حزمة:

@sq-ui/ng-sq-ui: 1.3.3
@sq-ui/ng-datetime-picker: 1.1.2
@sq-ui/ng-sq-common: 1.1.5
@sq-ui/ng-modal: 1.1.2
@sq-ui/ng-datable: 1.1.3

للمشاريع التي تستخدم الإصدار الزاوي <9 ، يرجى استخدام الإصدار التالي لكل حزمة:

@sq-ui/ng-sq-ui: 1.1.5
@sq-ui/ng-datetime-picker: 1.1.0
@sq-ui/ng-sq-common: 1.0.3
@sq-ui/ng-modal: 1.0.6
@sq-ui/ng-datable: 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';

ثم قم بتضمينه في مجموعة imports من Decorator ngmodule ():

 @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 يعتمد على:

الخطوط الرائعة وغير القابلة للتنسيق (سيتم تثبيت كلاهما مع 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 :

تم تكوين برنامج التحويل البرمجي TypeScript لهذا المشروع للبحث عن المكتبات تحت dist/ dist/ وإذا لم يكن موجودًا ، فإنه يشير إلى الكود المصدري للمكتبات. لهذا السبب يجب أن تقوم بتشغيل npm start بدلاً من مجرد ng serve --open npm start تزيل dist/ (إذا كانت موجودة) ثم تعمل على ng serve --open . هذا يعد المترجم للاستماع للتغييرات تحت projects/ الدليل.