تنزيل Windmillcode Angular CDK - Windmillcode Angular CDK

Windmillcode Angular CDK

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

18.2.12000

تنزيل

طاحونة طاحونة CDK الزاوي

مرحبًا بكم في مكتبة WindmillCode Angular ، وهي مجموعة شاملة من المكونات الزاوية المصممة لمساعدتك على بناء تطبيقات ويب جذابة وقوية وسهلة الاستخدام. توفر هذه المكتبة ، المعروفة أيضًا باسم مجموعة مكونات المكونات الزاوية WindmillCode (CDK) ، مجموعة من مكونات واجهة المستخدم القابلة لإعادة الاستخدام ، كل منها مصنوع من الاهتمام بالتفاصيل والأداء.

{/ * */}

سمات

الحد الأدنى من التكوين/التثبيت

تعتمد معظم المكتبات على مواد الزاوي وقضايا التوافق مع تزداد مشاريعك. أساس مكوناتنا هي الفانيليا JS وميزات TypeScript المستقرة مع نمو مشروعك إذا كان هناك أي مشكلات تكوين (نأمل) لن تكون معنا

توضيح الأفكار المعقدة في رمز أسهل

كيف يمكننا جعل flyout الخاصة بنا دون الاستيلاء على مكون. ماذا لو أردنا إعادة تشكيل مكون من الصفر لأسفل ، قم بنسبة 90 ٪ من تفاصيل VEY. من خلال فهم أنه يمكنك ربط فصولنا بكل ميزات معقدة العناصر التي يصعب تنفيذها الآن ، أصبح لها الآن نمط موحد أيضًا لمزيد من الإبداع من جانب المطور.

يشعر وكأنه رد فعل

لديك مكون ولديك الدعائم الخاصة بك ولديك أيضًا setState. هذا التصميم يجعل من الأسهل بالنسبة لأولئك الذين لديهم خلفية React/NextJS الانتقال إلى Angular إذا كنت تستخدم مكتبتنا

سد والتشغيل

يمكن أن تحصل Angular على لغة مطول بدلاً من ذلك ، نهدف إلى تبسيط Angular من خلال توصيل وتشغيل Mentaility مع التوصيل والتشغيل كل مكون من الدعائم كما هو الحال في React هذه الدعائم هي فئة وتواصل ببساطة Prop to Class لتقديم المكون

 // 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 ، وهذا يعني أنه يمكنك التأكد من أن المكتبة محدثة دائمًا مع أحدث إصدار من الزاوي. وصولاً إلى نسخة التصحيح. ومع ذلك ، اعتبارًا من 18.1.3 تم توحيد المكتبة لاستخدام الإنتاج

جمع المكونات واسعة النطاق

تتضمن مكتبتنا مجموعة واسعة من المكونات ، تتراوح من عناصر واجهة المستخدم مثل الأزرار وحقول الإدخال إلى بنيات معقدة مثل تحميل الملفات والمنسدلة. تم تصميم كل مكون ليكون وحدات ، مما يجعل من السهل الاندماج في مشاريع الزاوي الخاصة بك.

قابل للتخصيص وقابل للاستثمار

تم تصميم المكونات لتكون قابلة للتخصيص بسهولة وقابلة للاستثمار ، مما يتيح لك مواءمةها مع إرشادات العلامات التجارية والتصميم الخاصة بالتطبيق. تعديل متغيرات CSS الخاصة بكل مكون يمكنك الحصول على التحكم الحبيبي في مظهر المكونات ومظهرها.

{/ * */}

قسط / مؤسسة

التدويل - جميع المكونات متوافقة I18N بموجب NGX -translate. استخدم ملف en.json الافتراضي في مشروعك وقم بتحديث الأوتار I18N إلى المفاتيح المناسبة في الدعائم التي يتم تمريرها إلى المكون عرض الإصدار الممتاز للمكتبة

تحذيرات

لا يتم تعيين الخطوط حتى تتمكن من ضبط الخطوط العالمية دون القلق من التجاوزات
"جميع الإصدارات السابقة في Changelog لا توجد جميع الإصدارات تبدأ من 18.1.3003 ، على الرغم من أن هناك خططًا للتراجع عن كل إصدار من الإصدار من Angular.

حزم

توفر مكتبة WindmillCode Angular مجموعة متنوعة من المكونات ، كل منها مصمم لتلبية متطلبات واجهة المستخدم المحددة في تطبيقاتك الزاوية. فيما يلي قائمة بالمكونات المتاحة جنبا إلى جنب مع أوصاف موجزة:

قاعدة مكونات WML :

هذه هي الحزمة التأسيسية التي تركز عليها مكتبتنا بأكملها. أساسها هو Wmluiproperty لبنة البناء الأساسية للغاية من أي تطبيق مخصصة لاستخدامها لجميع أطر JavaScript وليس فقط الزاوي. من هنا ، تم تصميم أساس ترقيم الصفحات والرسوم المتحركة والمكونات الديناميكية والمزيد.

قاعدة المكونات الزاوية WML :

يمتد مكونات WML المستندة إلى أن يتم حثها على المطورين الزاويين. مفيد للحفاظ على المطابقة داخل قاعدة الشفرة.

WML Three :

Three JS هو أمر مستمر إلى حد ما وليس كل ما تحتاجه لإنشاء مشهد موجود لك هذا التغييرات مع مكتبة Three.js الخاصة بنا. تتعامل فصولنا مع تطبيقات الرياضيات والفيزياء حتى تتمكن من التركيز على إضافة الكائنات ووضعها في المشهد

مخططات WML :

مخططاتنا الزاوية الخاصة بنا لتوليد فصول زاوية وفقًا لقالب المشروع الزاوي الخاص بنا

WML الأكورديون :

مكون الأكورديون يسمح لك بعرض المحتوى بتنسيق قابل للطي. إنه مفيد للأسئلة الشائعة أو القوائم أو أي محتوى يستفيد من عرض تقديمي مضغوط.

زر WML :

مكون زر قابل للتخصيص يمكن استخدامه عبر التطبيق الخاص بك ، وضمان الاتساق والقدرة على الموضوع.

WML Carousel :

مكون دائري يمكّن عرض عناصر متعددة بطريقة منزلق أو دوارة ، مثالي للمعارض أو عرض منتجات متعددة.

رقائق WML :

المكون الذي يمثل الإدخال أو السمات أو الإجراءات كعناصر مضغوطة ، شائعة الاستخدام للعلامات أو معلومات الاتصال أو العناصر التفاعلية.

حقل WML :

مكون الحقل ، يحتمل أن يكون للنماذج ، مما يوفر طريقة موحدة لإدخال البيانات.

مدير ملفات WML :

مكون شامل للتعامل مع تفاعلات الملفات ، بما في ذلك التحميل والتنزيل (في Backlog) وعرض معلومات الملف.

نموذج WML :

مكون أو مجموعة من المكونات المصممة لإنشاء أشكال متسقة وعملية ، بما في ذلك عناصر التحكم في النماذج المختلفة.

WML Infinite Sropdown :

مكون منسد يتوسع بلا حدود. عظيم للقوائم مع كمية كبيرة من محتوى التنقل

إدخال WML :

مكون إدخال متعدد الاستخدامات للنماذج ، مما يوفر طريقة موحدة لجمع مدخلات المستخدم.

WML Mobile NAV :

مكون التنقل مصمم خصيصًا لواجهات المستخدمين المحمول ، مما يوفر قائمة محسنة للشاشات الأصغر.

إخطار WML :

مكون الإخطار ، يسمح لك بعرض التنبيهات أو الرسائل أو المعلومات المهمة الأخرى للمستخدمين.

خيارات WML :

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

لوحة WML :

مكون مكون flyout يستخدم لتوفير المحتوى أو المعلومات أو عناصر التحكم في الإكسلة ، وغالبًا ما يستخدم في لوحات المعلومات أو كجزء من واجهات معقدة.

WML Penrose :

مكون تحميل مخصص

WML Popup :

مكون لعرض المحتوى المنبثق ، مثل الوسائط أو الحوارات أو تلميحات الأدوات.

WML SELECT :

مكون محدد يوفر قائمة من القائمة المنسدلة للمستخدمين للاختيار من بينها.

صندوق شريحة WML :

استنادًا إلى jQuery SliceBox طريقة أكثر مرونة في تنفيذ carousel

جدول WML :

مكون جدول مصمم لعرض البيانات الجدولية ، مع ميزات بما في ذلك الفرز والتصفية والترقيم.

علامات التبويب WML :

مكون لإنشاء واجهات مبدعة ، مما يسمح للمستخدمين بالتبديل بين طرق العرض أو أقسام المحتوى المختلفة في نفس السياق.

تبديل WML :

مكون تبديل التبديل ، وتوفير طريقة بديهية للمستخدمين لاتخاذ خيارات ثنائية ، مثل إعدادات التمكين/تعطيل.

تم تصميم كل مكون لتلبية احتياجات واجهة المستخدم المحددة مع ضمان الاتساق وسهولة التكامل في مشاريعك الزاوية. لمزيد من المعلومات التفصيلية حول كل مكون ، بما في ذلك أمثلة الاستخدام وخيارات التكوين ، راجع الوثائق التفصيلية للمكتبة.

ابدء

انقر على أي من روابط المكون الذي تحتاجه وتثبيته باستخدام 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 "
],