سحب وإسقاط سريع لأي تجربة على أي مجموعة تقنية
التوثيق | ؟ أمثلة | ؟ كيف يعمل
السحب والإفلات العملي عبارة عن سلسلة أدوات سحب وإفلات منخفضة المستوى تتيح الاستخدام الآمن والناجح للمتصفحات المضمنة في وظيفة السحب والإفلات. يمكن استخدام السحب والإسقاط العملي مع أي طبقة عرض ( react ، svelte ، vue ، angular وما إلى ذلك). يعمل السحب والإسقاط العملي على تشغيل بعض أكبر المنتجات على الويب، بما في ذلك Trello وJira وConfluence.
يتكون السحب والإفلات العملي من بضع قطع عالية المستوى:
يحتوي السحب والإفلات العملي على حزمة أساسية، وعدد من الحزم الاختيارية، التي توفر لك القطع اللازمة لإنشاء أي تجربة سحب وإسقاط.
هذه القطع ليس لها رأي فيما يتعلق باللغة المرئية أو إمكانية الوصول، ولا تعتمد على نظام التصميم الأطلسي.
4.7kB الأساسيةلقد أنشأنا مخرجات مرئية اختيارية (على سبيل المثال، مؤشر الانخفاض الخاص بنا) لنجعل بناء تجارب مستخدم Atlassian متسقة سريعًا للغاية. نرحب بالمستهلكين غير الأطلسيين لاستخدام هذه المخرجات، أو إنشاء مخرجات خاصة بهم لنسخ التصميم المرئي، أو الذهاب في اتجاه مختلف تمامًا.
لا يمكن لجميع المستخدمين تحقيق تجارب السحب والإفلات المستندة إلى المؤشر. من أجل تحقيق تجارب رائعة لمستخدمي التكنولوجيا المساعدة، فإننا نوفر سلسلة أدوات تسمح لك بتوصيل التدفقات الملائمة للتكنولوجيا المساعدة عالية الأداء بسرعة لأي تجربة.
تعتمد عناصر التحكم المساعدة الاختيارية التي نقدمها على نظام التصميم Atlassian. إذا كنت لا ترغب في استخدام نظام التصميم Atlassian، فيمكنك استخدام إرشاداتنا واستبدال مكوناتنا بمكوناتك الخاصة، أو يمكنك التعامل مع إمكانية الوصول بطريقة مختلفة إذا اخترت ذلك.
يعد هذا المستودع حاليًا مرآة أحادية الاتجاه من monorepo الداخلي الخاص بنا والذي يحتوي على جميع التعليمات البرمجية الخاصة بالسحب والإسقاط العملي.
الهدف من هذا المستودع هو نشر الكود الخاص بنا، ولكن ليس قبول مساهمات الكود (في هذه المرحلة). في المستقبل، يمكننا استكشاف إعداد مرآة ذات اتجاهين حتى تتمكن المساهمات في هذا الريبو أيضًا من العودة إلى monorepo الخاص بنا. لا يزال بإمكانك طرح المشكلات أو الاقتراحات حول هذا المستودع!
جميع الوثائق وحزم npm عامة ومتاحة للاستخدام من قبل الجميع
نعم! السحب والإفلات العملي كحزمة أساسية صغيرة، ومن ثم مجموعة من الحزم الاختيارية. تعتمد بعض الحزم الاختيارية على حلول التصميم (مثل emotion )، أو عرض المكتبات (مثل react ) أو على بعض مخرجات Atlassian الإضافية (مثل @atlaskit/tokens ). لقد قمنا بفصل الحزم الاختيارية التي لها تبعيات أخرى حتى يمكن استبدالها بسهولة بالقطع الخاصة بك التي تستخدم مجموعة التكنولوجيا الخاصة بك والمخرجات المرئية.
نعم! لقد أنشأنا بعض إرشادات التصميم التي تجسد الطريقة التي نريد بها تحقيق السحب والإفلات في منتجاتنا، وبعض هذه القرارات متضمنة في بعض الحزم الاختيارية. ومع ذلك، أنت حر في استخدام أي لغة تصميم تريدها، بما في ذلك لغتنا!
@atlaskit ؟ يتم نشر حزم السحب والإفلات العملية ضمن مساحة الاسم @atlaskit على npm
import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter' ; @atlaskit هي مساحة الاسم npm التي ننشر جميع حزمنا العامة عليها من داخل monorepo الداخلي الخاص بنا. يمكننا أن ننظر في إنشاء مساحة اسم منفصلة في المستقبل فقط للسحب والإسقاط العملي. إذا فعلنا ذلك، فسنصدر بعض الأدوات لمساعدة الأشخاص على التبديل تلقائيًا.
صنع بكل حب بواسطة:
يقف السحب والإفلات العملي على أكتاف العمالقة، بما في ذلك الأشخاص الذين أنشأوا مواصفات السحب والإفلات، ونفذوا السحب والإفلات في المتصفحات، والعديد من مكتبات السحب والإفلات التي جاءت قبل ذلك.
