หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ส่วนประกอบของบุคคลที่สาม
ดาวน์โหลด

นี่คือ UI-library สำหรับ Umbraco CMS และเพื่อน มันเป็นชุดของส่วนประกอบส่วนต่อประสานผู้ใช้ที่สามารถใช้ในการสร้างอินเทอร์เฟซสไตล์ umbraco

องค์ประกอบเป็นส่วนประกอบของเว็บที่สร้างขึ้นด้วยแสงและมีความหมายที่จะแสดงด้วยหนังสือนิทานห้องสมุด UI

หนังสือนิทานยังเป็นสภาพแวดล้อมการพัฒนาสำหรับส่วนประกอบ

หากคุณต้องการใช้ส่วนประกอบในโครงการของคุณค้นหาในตารางด้านล่างและทำตามคำแนะนำจากส่วนประกอบ readme

หากคุณต้องการพัฒนาส่วนประกอบหรือมีส่วนร่วมในส่วนที่เก็บไปที่ส่วน "เริ่มต้น"

ส่วนประกอบ

ส่วนประกอบ สถานะ
แพ็คเกจ uui Bundle
แพ็คเกจชุดมัด 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 เป็นตัวจัดการแพ็คเกจบนเครื่องของคุณ ดูคู่มือการติดตั้ง ไลบรารี UI ต้องการ NPM ในเวอร์ชัน 7 หรือสูงกว่าเนื่องจากการใช้พื้นที่ทำงาน NPM 

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

เรียกใช้หนังสือนิทาน

คำสั่งนี้จะเริ่มต้นเซิร์ฟเวอร์ที่ใช้งานนิทานและดูการเปลี่ยนแปลง 

npm run storybook

เรียกใช้การทดสอบ

คำสั่งนี้จะสร้างโครงการและเรียกใช้การทดสอบ 

npm run test

ภาพรวมสคริปต์

  • storybook เปิดหนังสือนิทานสำหรับองค์ประกอบ
  • storybook:analyze สร้างหรืออัปเดตไฟล์ custom-elements.json
  • test รันชุดทดสอบของคุณด้วยนักวิ่งทดสอบเว็บ
  • format ทำงาน linter และ autoformatter

ดูสคริปต์ที่เหลือที่นี่

ผลงาน

  • - ดึงคำขอและ? ยินดีต้อนรับดวงดาวเสมอ
  • อ่านคู่มือการสนับสนุนของเราเพื่อเริ่มต้น
  • โปรดรายงานข้อบกพร่องและคำขอคุณสมบัติในตัวติดตามปัญหา
  • สาขาหลักคือสาขาการพัฒนาล่าสุด กรุณาส่งคำขอดึงของคุณกับสาขานี้: v1/contrib
    • คุณสามารถดูคุณสมบัติล่าสุดในนิทานที่แนบมากับสาขานี้: v1/contrib
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด