ant-design-draggable-modal:Ant Design的Modal，可拖动
蚂蚁设计可拖动模态
Ant Design的模态，可拖动。
:globe_showing_Americas:
:sparkles: 特征
用标题栏拖动。
调整大小与句柄。
保持界限。
在拖动过程中。
调整大小期间。
在调整窗口大小期间。
具有托管zIndex多个模态。
从中心打开。
用作受控组件的更好的API。
从象限打开。
更好的转义密钥管理。
使用选项键调整大小。
:package: 安装
yarn add ant-design-draggable-modal
注意：您必须使用react@16.8.0和react-dom@16.8.0或更高版本。
:hammer: 用法
import React , { useState , useCallback } from 'react'
import { Button } from 'antd'
import { DraggableModal , DraggableModalProvider } from
文件下载
资源详情
[{"title":"（ 38 个子文件 1.32MB ） ant-design-draggable-modal:Ant Design的Modal，可拖动","children":[{"title":"ant-design-draggable-modal-master","children":[{"title":".gitattributes <span style='color:#111;'> 42B </span>","children":null,"spread":false},{"title":".github","children":[{"title":"workflows","children":[{"title":"test.yml <span style='color:#111;'> 305B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"yarn.lock <span style='color:#111;'> 352.19KB </span>","children":null,"spread":false},{"title":".node-version <span style='color:#111;'> 9B </span>","children":null,"spread":false},{"title":"packages","children":[{"title":"example","children":[{"title":"index.html <span style='color:#111;'> 473B </span>","children":null,"spread":false},{"title":"public","children":[{"title":"favicon.png <span style='color:#111;'> 19.75KB </span>","children":null,"spread":false}],"spread":true},{"title":"vite.config.js <span style='color:#111;'> 188B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"index.tsx <span style='color:#111;'> 163B </span>","children":null,"spread":false},{"title":"index.css <span style='color:#111;'> 372B </span>","children":null,"spread":false},{"title":"App.tsx <span style='color:#111;'> 2.10KB </span>","children":null,"spread":false}],"spread":true},{"title":"tsconfig.json <span style='color:#111;'> 491B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 35B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 394B </span>","children":null,"spread":false}],"spread":true},{"title":"ant-design-draggable-modal","children":[{"title":"index.css <span style='color:#111;'> 1.19KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"DraggableModalInner.tsx <span style='color:#111;'> 3.22KB </span>","children":null,"spread":false},{"title":"ResizeHandle.tsx <span style='color:#111;'> 341B </span>","children":null,"spread":false},{"title":"DraggableModalContext.ts <span style='color:#111;'> 503B </span>","children":null,"spread":false},{"title":"DraggableModal.test.tsx <span style='color:#111;'> 4.52KB </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 114B </span>","children":null,"spread":false},{"title":"getWindowSize.ts <span style='color:#111;'> 148B </span>","children":null,"spread":false},{"title":"usePrevious.ts <span style='color:#111;'> 216B </span>","children":null,"spread":false},{"title":"useDrag.ts <span style='color:#111;'> 1.67KB </span>","children":null,"spread":false},{"title":"draggableModalReducer.ts <span style='color:#111;'> 8.41KB </span>","children":null,"spread":false},{"title":"DraggableModal.tsx <span style='color:#111;'> 1.29KB </span>","children":null,"spread":false},{"title":"clamp.ts <span style='color:#111;'> 114B </span>","children":null,"spread":false},{"title":"useResize.ts <span style='color:#111;'> 2.25KB </span>","children":null,"spread":false},{"title":"DraggableModalProvider.tsx <span style='color:#111;'> 1.02KB </span>","children":null,"spread":false}],"spread":false},{"title":"tsconfig.test.json <span style='color:#111;'> 98B </span>","children":null,"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 785B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 292B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.51KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".yarnrc <span style='color:#111;'> 159B </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"lerna.json <span style='color:#111;'> 80B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 3.76KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 310B </span>","children":null,"spread":false},{"title":".yarn","children":[{"title":"releases","children":[{"title":"yarn-1.22.10.js <span style='color:#111;'> 4.86MB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"package.json <span style='color:#111;'> 628B </span>","children":null,"spread":false}],"spread":false}],"spread":true}]
评论信息
其他资源
- LabView 低通滤波器
- 一键脱壳破解
- Cisco Packet Tracer 6.2 正式版带教程和实验版
- gps中文icd文件
- [C大学教程(第五版)].（美）戴特尔.扫描版.pdf
- 使用C# Modbus RTU串口通信
- Axure 8.0 从入门到精通 视频教程
- 仿淘宝等网站html代码
- expandableListview侧滑删除demo
- 电子电路分析与设计-数字电路部分.pdf
- 自动抢红包软件.apk
- 关于Flume学习视频的对照文档.docx
- Visual C++网络程序设计实例详解pdf+源代码
- Xsplit最新破解方法
- c#对文件加密
- 安卓android_Chrome_X86_56版
- 开关电源中磁性元器件
- 静态和动态EVM
- 微信小程序商城版前台+php后台完整版 有文档说明
- glfw-3.2.1源码(需要自行编译)
- 用authorware做的电子读物
- RIP实验报告
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明