ดาวน์โหลด redux autoform - redux autoform Source Download

redux autoform

ส่วนประกอบของบุคคลที่สาม

1.0.0

ดาวน์โหลด

โลโก้

ข้อจำกัดความรับผิดชอบรุ่นเบต้า

redux-autoform อยู่ระหว่างการพัฒนาที่ใช้งานอยู่ API จะเปลี่ยนไปและสิ่งต่าง ๆ อาจยังไม่ทำงานตามที่คาดไว้ หากคุณพบปัญหาใด ๆ โปรดรายงาน เราจะพยายามอย่างเต็มที่เพื่อแก้ไข

การแนะนำ
รองรับ UI Frameworks
การสาธิต
เอกสาร
การติดตั้ง
โดยใช้
การแปลเป็นภาษาท้องถิ่น
รูปแบบ
การสร้างและดำเนินการสาธิตในพื้นที่
รันการทดสอบ
การบริจาค
ใบอนุญาต

การแนะนำ

Redux-autoform เป็นไลบรารี UI Agnostic สำหรับการสร้างรูปแบบ redux แบบไดนามิกจากข้อมูลเมตา

รองรับ UI Frameworks

bootstrap (สถานะเบต้า)
Material-ui (สถานะเบต้า)

การสาธิต

การสาธิต bootstrap
การสาธิตวัสดุ -ui

เอกสาร

เอกสารมีอยู่ที่นี่

การติดตั้ง

 npm install redux-autoform

โดยใช้

autoform (แหล่งที่มา)

องค์ประกอบปฏิกิริยาหลัก

 import { AutoForm } from 'redux-autoform' ;

อุปกรณ์ประกอบฉาก AutoForm มีการระบุไว้ที่นี่

2 อุปกรณ์ประกอบ AutoForm ที่สำคัญที่สุดที่ควรได้รับคือ schema และ componentFactory

สคีมาหมายถึงโดเมนแอปพลิเคชัน เอนทิตีทั้งหมดเลย์เอาต์และข้อมูลเมตาของพวกเขามีอยู่ในสคีมา ข้อมูลเพิ่มเติมที่นี่

ComponentFactory มีหน้าที่พิจารณาว่าส่วนประกอบใดที่จะใช้สำหรับใช้สำหรับข้อมูลเมตาฟิลด์ที่กำหนด redux-autoform ไม่มีโรงงานในตัวใด ๆ ที่คุณสามารถใช้ bootstrap (สถานะเบต้า) หรือวัสดุ -ui (สถานะเบต้า)

สมมติว่า bootstrap คุณสามารถรับโรงงานเช่นนี้:

 import { EditComponentFactory , DetailsComponentFactory } from 'redux-autoform-bootstrap-ui' ;

ทั้งหนึ่งในโรงงานเหล่านี้ควรส่งผ่านเป็นพอร์ตอัตโนมัติตามที่อธิบายไว้ในเอกสาร

การแปลเป็นภาษาท้องถิ่น

Autoform ไม่ได้ขึ้นอยู่กับการแปลโดยตรง แต่ทั้งโรงงาน bootstrap และ Material-UI ทำ ดังนั้นหากคุณใช้สิ่งเหล่านี้นี่คือสิ่งที่คุณควรทำ:

ติดตั้ง numbro นี่คือห้องสมุดที่ใช้สำหรับการแปลจำนวน
ติดตั้งช่วงเวลา นี่คือไลบรารีที่ใช้สำหรับการแปลวัน

 // import moment and numbro
import moment from 'moment' ;
import numbro from 'numbro' ;
 // import the localizers
 import { momentLocalizer , numbroLocalizer } from 'redux-autoform' ;
// if you are using react-widgets, which is used by default on the standard factories, you need to import it's localizer too:
import reactWidgetsMomentLocalizer from 'react-widgets/lib/localizers/moment' ;
// set up the localizers
momentLocalizer ( moment ) ;
numbroLocalizer ( numbro ) ;

reactWidgetsMomentLocalizer ( moment ) ; // THIS IS ONLY IMPORTANT WHEN USING BOOTSTRAP

รูปแบบ

สไตล์จะขึ้นอยู่กับ UI ที่คุณใช้:

การเพิ่มสไตล์สำหรับ bootstrap ui
การเพิ่มสไตล์สำหรับวัสดุ UI (กำลังพัฒนา)

การสร้างและดำเนินการสาธิตในพื้นที่

Redux-autoform ให้การสาธิตที่เรียบง่ายจริงๆ เพื่อที่จะเรียกใช้การสาธิตให้เรียกใช้:

 npm run start

ตอนนี้การสาธิตควรมีอยู่ที่นี่: http: // localhost: 4000/

รันการทดสอบ

 npm run test // will run the Karma tests PhantomJS
// OR
npm run test-chrome // will run the Karma tests on Chrome

การบริจาค

การตอบกลับพร้อมยินดีต้อนรับจริงๆ หากคุณไม่รู้ว่าจะมีส่วนร่วมอะไรโปรดตรวจสอบปัญหา

เราจะดีใจมากกว่าที่จะเชิญผู้มีส่วนร่วมบ่อยครั้งเข้าร่วมองค์กร หากคุณต้องการความช่วยเหลือในการทำความเข้าใจโครงการโปรดโพสต์ปัญหาและฉันจะพยายามอย่างเต็มที่เพื่อตอบกลับและให้แน่ใจว่าคุณเข้าใจทุกสิ่งที่คุณต้องการ

เพื่อที่จะทำคำขอดึง: