├── .eslintignore ├── .eslintrc ├── .gitignore ├── .prettierignore ├── .prettierrc.js ├── README.md ├── package.json ├── public ├── favicon.ico ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json └── robots.txt ├── src ├── assets │ ├── apple.png │ ├── 任意拖拽.gif │ ├── 卡片拼图.gif │ ├── 批量拖拽.gif │ ├── 拖拽卡片排序.gif │ └── 预置卡片排序.gif ├── components │ ├── App.scss │ ├── App.tsx │ ├── Chess │ │ ├── board.tsx │ │ ├── boardSquare.tsx │ │ ├── index.scss │ │ ├── index.tsx │ │ ├── knight.tsx │ │ ├── square.tsx │ │ ├── type.ts │ │ └── utils.ts │ ├── arbitrarilyDrag │ │ ├── Classification.tsx │ │ ├── index.scss │ │ ├── index.tsx │ │ ├── type.ts │ │ └── word.tsx │ ├── base │ │ └── nav │ │ │ ├── index.scss │ │ │ └── index.tsx │ ├── cardAssemble │ │ ├── dragCard.tsx │ │ ├── dragSquare.tsx │ │ ├── dropPlace.tsx │ │ ├── dropSquare.tsx │ │ ├── index.scss │ │ └── index.tsx │ ├── cardSort │ │ ├── card.tsx │ │ ├── index.scss │ │ └── index.tsx │ ├── dragPreviewDom │ │ ├── customDragerLayer.tsx │ │ ├── dragPreviewDom.tsx │ │ ├── index.scss │ │ └── index.tsx │ ├── dragPreviewImg │ │ ├── dragPreviewImg.tsx │ │ ├── index.scss │ │ └── index.tsx │ ├── listSort │ │ ├── box.tsx │ │ ├── card.tsx │ │ ├── dragSquare.tsx │ │ ├── dropSquare.tsx │ │ ├── index.scss │ │ ├── index.tsx │ │ └── type.ts │ ├── multiDrag │ │ ├── Drag.tsx │ │ ├── Drop.tsx │ │ ├── index.scss │ │ └── index.tsx │ └── routes.ts ├── index.tsx ├── react-app-env.d.ts ├── reportWebVitals.ts └── setupTests.ts └── tsconfig.json /.eslintignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | build/ 3 | scripts/ 4 | config/ 5 | -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/.eslintrc -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | build/ 3 | scripts/ 4 | config/ 5 | -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/.prettierrc.js -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/README.md -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/package.json -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/public/index.html -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/public/logo512.png -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/public/manifest.json -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/public/robots.txt -------------------------------------------------------------------------------- /src/assets/apple.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/assets/apple.png -------------------------------------------------------------------------------- /src/assets/任意拖拽.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/assets/任意拖拽.gif -------------------------------------------------------------------------------- /src/assets/卡片拼图.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/assets/卡片拼图.gif -------------------------------------------------------------------------------- /src/assets/批量拖拽.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/assets/批量拖拽.gif -------------------------------------------------------------------------------- /src/assets/拖拽卡片排序.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/assets/拖拽卡片排序.gif -------------------------------------------------------------------------------- /src/assets/预置卡片排序.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/assets/预置卡片排序.gif -------------------------------------------------------------------------------- /src/components/App.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/App.scss -------------------------------------------------------------------------------- /src/components/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/App.tsx -------------------------------------------------------------------------------- /src/components/Chess/board.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/Chess/board.tsx -------------------------------------------------------------------------------- /src/components/Chess/boardSquare.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/Chess/boardSquare.tsx -------------------------------------------------------------------------------- /src/components/Chess/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/Chess/index.scss -------------------------------------------------------------------------------- /src/components/Chess/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/Chess/index.tsx -------------------------------------------------------------------------------- /src/components/Chess/knight.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/Chess/knight.tsx -------------------------------------------------------------------------------- /src/components/Chess/square.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/Chess/square.tsx -------------------------------------------------------------------------------- /src/components/Chess/type.ts: -------------------------------------------------------------------------------- 1 | export const ItemTypes = { 2 | KNIGHT: 'knight' 3 | } -------------------------------------------------------------------------------- /src/components/Chess/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/Chess/utils.ts -------------------------------------------------------------------------------- /src/components/arbitrarilyDrag/Classification.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/arbitrarilyDrag/Classification.tsx -------------------------------------------------------------------------------- /src/components/arbitrarilyDrag/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/arbitrarilyDrag/index.scss -------------------------------------------------------------------------------- /src/components/arbitrarilyDrag/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/arbitrarilyDrag/index.tsx -------------------------------------------------------------------------------- /src/components/arbitrarilyDrag/type.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/arbitrarilyDrag/type.ts -------------------------------------------------------------------------------- /src/components/arbitrarilyDrag/word.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/arbitrarilyDrag/word.tsx -------------------------------------------------------------------------------- /src/components/base/nav/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/base/nav/index.scss -------------------------------------------------------------------------------- /src/components/base/nav/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/base/nav/index.tsx -------------------------------------------------------------------------------- /src/components/cardAssemble/dragCard.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/cardAssemble/dragCard.tsx -------------------------------------------------------------------------------- /src/components/cardAssemble/dragSquare.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/cardAssemble/dragSquare.tsx -------------------------------------------------------------------------------- /src/components/cardAssemble/dropPlace.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/cardAssemble/dropPlace.tsx -------------------------------------------------------------------------------- /src/components/cardAssemble/dropSquare.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/cardAssemble/dropSquare.tsx -------------------------------------------------------------------------------- /src/components/cardAssemble/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/cardAssemble/index.scss -------------------------------------------------------------------------------- /src/components/cardAssemble/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/cardAssemble/index.tsx -------------------------------------------------------------------------------- /src/components/cardSort/card.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/cardSort/card.tsx -------------------------------------------------------------------------------- /src/components/cardSort/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/cardSort/index.scss -------------------------------------------------------------------------------- /src/components/cardSort/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/cardSort/index.tsx -------------------------------------------------------------------------------- /src/components/dragPreviewDom/customDragerLayer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/dragPreviewDom/customDragerLayer.tsx -------------------------------------------------------------------------------- /src/components/dragPreviewDom/dragPreviewDom.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/dragPreviewDom/dragPreviewDom.tsx -------------------------------------------------------------------------------- /src/components/dragPreviewDom/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/dragPreviewDom/index.scss -------------------------------------------------------------------------------- /src/components/dragPreviewDom/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/dragPreviewDom/index.tsx -------------------------------------------------------------------------------- /src/components/dragPreviewImg/dragPreviewImg.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/dragPreviewImg/dragPreviewImg.tsx -------------------------------------------------------------------------------- /src/components/dragPreviewImg/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/dragPreviewImg/index.scss -------------------------------------------------------------------------------- /src/components/dragPreviewImg/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/dragPreviewImg/index.tsx -------------------------------------------------------------------------------- /src/components/listSort/box.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/listSort/box.tsx -------------------------------------------------------------------------------- /src/components/listSort/card.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/listSort/card.tsx -------------------------------------------------------------------------------- /src/components/listSort/dragSquare.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/listSort/dragSquare.tsx -------------------------------------------------------------------------------- /src/components/listSort/dropSquare.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/listSort/dropSquare.tsx -------------------------------------------------------------------------------- /src/components/listSort/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/listSort/index.scss -------------------------------------------------------------------------------- /src/components/listSort/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/listSort/index.tsx -------------------------------------------------------------------------------- /src/components/listSort/type.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/listSort/type.ts -------------------------------------------------------------------------------- /src/components/multiDrag/Drag.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/multiDrag/Drag.tsx -------------------------------------------------------------------------------- /src/components/multiDrag/Drop.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/multiDrag/Drop.tsx -------------------------------------------------------------------------------- /src/components/multiDrag/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/multiDrag/index.scss -------------------------------------------------------------------------------- /src/components/multiDrag/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/multiDrag/index.tsx -------------------------------------------------------------------------------- /src/components/routes.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/components/routes.ts -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/index.tsx -------------------------------------------------------------------------------- /src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /src/reportWebVitals.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/reportWebVitals.ts -------------------------------------------------------------------------------- /src/setupTests.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/src/setupTests.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdolescentJou/react-dnd-demo/HEAD/tsconfig.json --------------------------------------------------------------------------------