Schnelles Drag-and-Drop für jedes Erlebnis auf jedem Tech-Stack
Dokumentation | ? Beispiele | ? Wie es funktioniert
Pragmatisches Drag-and-Drop ist eine Drag-and-Drop-Toolchain auf niedriger Ebene, die eine sichere und erfolgreiche Nutzung der in Browsern integrierten Drag-and-Drop-Funktionalität ermöglicht. Pragmatisches Drag & Drop kann mit jeder Ansichtsebene verwendet werden ( react , svelte , vue , angular usw.). Pragmatisches Drag-and-Drop unterstützt einige der größten Produkte im Web, darunter Trello, Jira und Confluence.
Pragmatisches Drag & Drop besteht aus einigen hochrangigen Teilen:
Pragmatic Drag & Drop enthält ein Kernpaket und eine Reihe optionaler Pakete, die Ihnen die Teile zur Verfügung stellen, mit denen Sie ein beliebiges Drag & Drop-Erlebnis erstellen können.
Bei diesen Stücken gibt es hinsichtlich der visuellen Sprache oder Zugänglichkeit keine Meinung und sie sind nicht vom Atlassian Design System abhängig.
4.7kB KernWir haben optionale visuelle Ausgaben erstellt (z. B. unseren Drop-Indikator), um die Erstellung konsistenter Atlassian-Benutzererlebnisse sehr schnell zu ermöglichen. Nicht-Atlassian-Kunden sind herzlich eingeladen, diese Ausgaben zu verwenden, eigene Ausgaben zu erstellen, die den visuellen Stil kopieren, oder eine völlig andere Richtung einzuschlagen.
Nicht alle Benutzer können zeigerbasierte Drag-and-Drop-Erlebnisse erreichen. Um fantastische Erfahrungen für Benutzer unterstützender Technologien zu erzielen, stellen wir eine Toolchain bereit, mit der Sie schnell leistungsstarke, unterstützende Technologie-freundliche Abläufe für jedes Erlebnis vernetzen können.
Die von uns bereitgestellten optionalen Hilfssteuerungen basieren auf dem Atlassian Design System. Wenn Sie das Atlassian Design System nicht verwenden möchten, können Sie unsere Richtlinien verwenden und unsere Komponenten durch Ihre eigenen Komponenten ersetzen, oder Sie können die Barrierefreiheit auf andere Weise angehen, wenn Sie möchten.
Dieses Repository ist derzeit ein Einwegspiegel unseres internen Monorepo, das den gesamten Code für Pragmatic Drag & Drop enthält.
Die Absicht dieses Repositorys besteht darin, unseren Code zu veröffentlichen, jedoch (zu diesem Zeitpunkt) keine Codebeiträge zu akzeptieren. In Zukunft könnten wir die Einrichtung eines Zwei-Wege-Spiegels in Betracht ziehen, damit Beiträge zu diesem Repo auch zu unserem Monorepo zurückkehren können. Sie können weiterhin gerne Probleme oder Vorschläge zu diesem Repository äußern!
Alle Dokumentationen und npm Pakete sind öffentlich und für jedermann verfügbar
Ja! Pragmatisches Drag-and-Drop als kleines Kernpaket und dann eine Reihe optionaler Pakete. Einige der optionalen Pakete weisen Abhängigkeiten von Styling-Lösungen (z. B. emotion ), Ansichtsbibliotheken (z. B. react ) oder einigen zusätzlichen Atlassian-Ausgaben (z. B. @atlaskit/tokens ) auf. Wir haben optionale Pakete mit anderen Abhängigkeiten herausgetrennt, sodass sie problemlos durch Ihre eigenen Teile ausgetauscht werden können, die Ihren eigenen Tech-Stack und Ihre eigenen visuellen Ausgaben verwenden.
Ja! Wir haben einige Designrichtlinien erstellt, die darlegen, wie wir Drag-and-Drop in unseren Produkten erreichen wollen, und einige dieser Entscheidungen sind in einigen optionalen Paketen enthalten. Es steht Ihnen jedoch frei, jede beliebige Designsprache zu verwenden, auch unsere!
@atlaskit ? Die Pragmatic Drag & Drop-Pakete werden unter dem Namensraum @atlaskit auf npm veröffentlicht
import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter' ; @atlaskit ist der npm Namespace, in dem wir alle unsere öffentlichen Pakete aus unserem internen Monorepo heraus veröffentlichen. Wir könnten darüber nachdenken, in Zukunft einen separaten Namensraum nur für pragmatisches Drag-and-Drop zu erstellen. Wenn wir das tun, werden wir einige Tools veröffentlichen, die den Leuten helfen, automatisch umzuschalten.
Mit Liebe gemacht von:
Pragmatisches Drag & Drop steht auf den Schultern von Giganten, einschließlich der Leute, die die Drag & Drop-Spezifikationen erstellt, Drag & Drop in Browsern implementiert und die vielen Drag & Drop-Bibliotheken davor erstellt haben.
