الصفحة الرئيسية>المتعلقة بالبرمجة>مكونات الطرف الثالث
تنزيل

هذا هو لاعب واجهة المستخدم لـ Umbraco CMS والأصدقاء. إنها مجموعة من مكونات واجهة المستخدم التي يمكن استخدامها لإنشاء واجهات نمط Umbraco.

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

القصص القصيرة هي أيضا بيئة تطوير للمكونات.

إذا كنت ترغب في استخدام مكون في مشروعك ابحث عنه في الجدول أدناه واتبع الإرشادات من مكونات README.

إذا كنت ترغب في تطوير مكون أو المساهمة في قسم "البدء".

عناصر

عنصر حالة
حزمة حزمة uui
حزمة حزمة uui-css
<uui-action-bar>
<uui-avatar>
<uui-avatar-group>
<uui-badge>
<uui-base>
<uui-boolean-input>
<uui-box>
<uui-breadcrumbs>
<uui-button>
<uui-button-group>
<uui-button-inline-create>
<uui-card>
<uui-card-content-node>
<uui-card-media>
<uui-card-user>
<uui-caret>
<uui-checkbox>
<uui-color-area>
<uui-color-picker>
<uui-color-slider>
<uui-color-swatch>
<uui-color-swatches>
<uui-combobox>
<uui-combobox-list>
<uui-dialog>
<uui-dialog-layout>
<uui-file-dropzone>
<uui-file-preview>
<uui-form>
<uui-form-layout-item>
<uui-form-validation-message>
<uui-icon>
<uui-icon-registry>
<uui-icon-registry-essential>
<uui-input>
<uui-input-file>
<uui-input-lock>
<uui-input-password>
<uui-keyboard-shortcut>
<uui-label>
<uui-loader>
<uui-loader-bar>
<uui-loader-circle>
<uui-menu-item>
<uui-modal>
<uui-pagination>
<uui-popover>
<uui-popover-container>
<uui-progress-bar>
<uui-range-slider>
<uui-radio>
<uui-ref>
<uui-ref-list>
<uui-ref-node>
<uui-ref-node-data-type>
<uui-ref-node-document-type>
<uui-ref-node-form>
<uui-ref-node-member>
<uui-ref-node-package>
<uui-ref-node-user>
<uui-scroll-container>
<uui-select>
<uui-slider>
<uui-symbol-expand>
<uui-symbol-file>
<uui-symbol-file-dropzone>
<uui-symbol-file-thumbnail>
<uui-symbol-folder>
<uui-symbol-lock>
<uui-symbol-more>
<uui-symbol-sort>
<uui-table>
<uui-tabs>
<uui-tag>
<uui-textarea>
<uui-toast-notification>
<uui-toast-notification-container>
<uui-toast-notification-layout>
<uui-toggle>
<uui-visually-hidden>

ابدأ

تثبيت

يستخدم هذا المشروع nodejs ، لذلك يجب عليك تثبيت nodejs كمدير الحزمة على جهازك. انظر دليل التثبيت. تتطلب مكتبة واجهة المستخدم NPM في الإصدار 7 أو أعلى ، بسبب استخدام مساحات عمل NPM. 

git clone https://github.com/umbraco/Umbraco.UI.git
cd . U mbraco.UI
npm install

تشغيل القصص القصيرة

سيبدأ هذا الأمر خادمًا يعمل على تشغيل Storybook ومشاهدة التغييرات. 

npm run storybook

إجراء اختبارات

سيقوم هذا الأمر ببناء المشروع وتشغيل الاختبارات. 

npm run test

نظرة عامة على البرامج النصية

  • يفتح storybook القصص القصيرة للعناصر
  • storybook:analyze إنشاء أو تحديث ملف custom-elements.json
  • يقوم test بتشغيل جناح الاختبار الخاص بك مع عداء اختبار الويب
  • يشتمل format على linter و autoformatter

انظر بقية البرامج النصية هنا.

مساهمات

  • ؟ سحب الطلبات و؟ النجوم دائما موضع ترحيب.
  • اقرأ دليلنا المساهم للبدء.
  • يرجى الإبلاغ عن الأخطاء وطلبات الميزات في تعقب القضية
  • الفرع الرئيسي هو أحدث فرع التطوير. يرجى تقديم طلبات السحب الخاصة بك مقابل هذا الفرع: v1/contrib
    • يمكنك رؤية أحدث الميزات في كتاب القصص المرفق بهذا الفرع: V1/Contrib
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل