ลากและวางอย่างรวดเร็วเพื่อรับประสบการณ์บนกลุ่มเทคโนโลยีใด ๆ
เอกสารประกอบ | - ตัวอย่าง | - มันทำงานอย่างไร
Pragmatic Drag and Drop คือการลากและวาง Toolchain ระดับต่ำที่ช่วยให้ใช้งานเบราว์เซอร์ที่สร้างด้วยฟังก์ชันการลากและวางได้อย่างปลอดภัยและประสบความสำเร็จ การลากและวางในทางปฏิบัติสามารถใช้กับเลเยอร์มุมมองใดก็ได้ ( react , svelte , vue , angular และอื่น ๆ ) การลากและวางที่ใช้งานได้จริงกำลังขับเคลื่อนผลิตภัณฑ์ที่ใหญ่ที่สุดบนเว็บ รวมถึง Trello, Jira และ Confluence
การลากและวางในทางปฏิบัติประกอบด้วยชิ้นส่วนระดับสูงสองสามชิ้น:
การลากและวางในทางปฏิบัติประกอบด้วยแพ็คเกจหลัก และแพ็คเกจเสริมจำนวนหนึ่งที่ให้คุณมีส่วนในการสร้าง ประสบการณ์ การลากและวาง
ผลงานเหล่านี้ไม่มีความคิดเห็นเกี่ยวกับภาษาภาพหรือความสามารถในการเข้าถึง และไม่มีการพึ่งพา Atlassian Design System
4.7kBเราได้สร้างเอาต์พุตภาพเสริม (เช่น ตัวบ่งชี้การดรอปของเรา) เพื่อให้เราสร้างประสบการณ์ผู้ใช้ Atlassian ที่สอดคล้องกันได้อย่างรวดเร็วเป็นพิเศษ ผู้บริโภคที่ไม่ใช่ชาว Atlassian สามารถใช้ผลลัพธ์เหล่านี้ สร้างผลงานของตนเองโดยคัดลอกสไตล์ภาพ หรือไปในทิศทางที่แตกต่างไปจากเดิมอย่างสิ้นเชิง
ผู้ใช้บางรายอาจไม่สามารถรับประสบการณ์การลากและวางตามตัวชี้ได้ เพื่อให้ได้รับประสบการณ์อันยอดเยี่ยมสำหรับผู้ใช้เทคโนโลยีช่วยเหลือ เราจึงได้จัดทำกลุ่มเครื่องมือที่ช่วยให้คุณสามารถเชื่อมโยงขั้นตอนที่เป็นมิตรต่อเทคโนโลยีช่วยเหลือที่มีประสิทธิภาพสำหรับประสบการณ์ใดๆ ได้อย่างรวดเร็ว
ระบบควบคุมการช่วยเหลือเสริมที่เราจัดเตรียมไว้ให้จะขึ้นอยู่กับระบบการออกแบบ Atlassian หากคุณไม่ต้องการใช้ Atlassian Design System คุณสามารถใช้แนวทางปฏิบัติของเราและทดแทนส่วนประกอบของเราด้วยส่วนประกอบของคุณเอง หรือคุณสามารถดำเนินการเกี่ยวกับการเข้าถึงในลักษณะอื่นได้หากคุณเลือก
ปัจจุบันพื้นที่เก็บข้อมูลนี้เป็นกระจกทางเดียวจาก monorepo ภายในของเราซึ่งมีโค้ดทั้งหมดสำหรับการลากและวางแบบ Pragmatic
จุดประสงค์ของพื้นที่เก็บข้อมูลนี้คือการเปิดเผยโค้ดของเราต่อสาธารณะ แต่ไม่ยอมรับการมีส่วนร่วมของโค้ด (ในขั้นตอนนี้) ในอนาคตเราสามารถสำรวจการตั้งค่ามิเรอร์สองทางเพื่อให้การมีส่วนร่วมใน repo นี้สามารถหวนกลับไปสู่ monorepo ของเราได้ คุณยังคงยินดีที่จะแจ้งปัญหาหรือข้อเสนอแนะเกี่ยวกับพื้นที่เก็บข้อมูลนี้!
เอกสารและแพ็คเกจ npm ทั้งหมดเป็นแบบสาธารณะและทุกคนสามารถใช้ได้
ใช่! การลากและวางในทางปฏิบัติเป็นแพ็คเกจหลักขนาดเล็ก จากนั้นเป็นแพ็คเกจเสริมต่างๆ แพ็คเกจเสริมบางแพ็คเกจมีการพึ่งพาโซลูชันสไตล์ (เช่น emotion ) การดูไลบรารี (เช่น react ) หรือเอาต์พุต Atlassian เพิ่มเติมบางส่วน (เช่น @atlaskit/tokens ) เราได้แยกแพ็คเกจเสริมที่มีการพึ่งพาอื่นๆ ออก เพื่อให้สามารถสลับกับชิ้นส่วนของคุณเองที่ใช้กลุ่มเทคโนโลยีและเอาท์พุตภาพของคุณเองได้อย่างง่ายดาย
ใช่! เราได้สร้างแนวทางการออกแบบซึ่งรวบรวมวิธีที่เราต้องการเพื่อให้ได้มาซึ่งการลากและวางในผลิตภัณฑ์ของเรา และการตัดสินใจบางส่วนนั้นรวมอยู่ในแพ็คเกจเสริมบางแพ็คเกจ อย่างไรก็ตาม คุณสามารถใช้ภาษาการออกแบบใดก็ได้ที่คุณต้องการ รวมถึงภาษาของเราด้วย!
@atlaskit คืออะไร? แพ็คเกจลากและวาง Pragmatic ได้รับการเผยแพร่ภายใต้เนมสเปซ @atlaskit เวลา npm
import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter' ; @atlaskit คือเนมสเปซ npm ที่เราเผยแพร่แพ็คเกจสาธารณะทั้งหมดของเราจากภายใน monorepo ภายในของเรา เรา อาจ พิจารณาสร้างเนมสเปซแยกต่างหากในอนาคตเพียงเพื่อการลากและวางแบบ Pragmatic เท่านั้น หากเราทำเช่นนั้น เราจะเผยแพร่เครื่องมือบางอย่างเพื่อช่วยให้ผู้ใช้สามารถสลับไปใช้ระบบได้โดยอัตโนมัติ
ทำด้วยความรักโดย:
การลากและวางที่ใช้งานได้จริงนั้นยืนอยู่บนไหล่ของยักษ์ใหญ่ รวมถึงผู้สร้างข้อกำหนดการลากและวาง การใช้การลากและวางในเบราว์เซอร์ และไลบรารีการลากและวางจำนวนมากที่มีมาก่อนหน้านี้
