:computer_mouse: 一个可调整大小和可拖动的 React 组件。-源码
一个可调整大小和可拖动的 React 组件。
目录截图 Live Demo Storybook CodeSandbox Install Usage Props Instance API updateSize(size: { width: number | string, height: number | string }): void updatePosition({ x: number, y: number }): void Test Related Changelog许可证截图 https://codesandbox.io/s/xpm699v4lp Live Demo Storybook Storybook CodeSandbox CodeSandbox(with default) CodeSandbox(with size and position) CodeSandbox(with typescript) Install use npm npm i -S react-rnd use yarn yarn add react -rnd 使用示例（默认）
转数
位置和大小的示例
{
文件下载
资源详情
[{"title":"（ 70 个子文件 901KB ） :computer_mouse: 一个可调整大小和可拖动的 React 组件。-源码","children":[{"title":"react-rnd-master","children":[{"title":"stories","children":[{"title":"sandbox","children":[{"title":"issue-#622.tsx <span style='color:#111;'> 1.45KB </span>","children":null,"spread":false},{"title":"lock-aspect-ratio-with-bounds.tsx <span style='color:#111;'> 373B </span>","children":null,"spread":false},{"title":"bodysize-to-maxwidth.tsx <span style='color:#111;'> 650B </span>","children":null,"spread":false}],"spread":true},{"title":"sandbox.js <span style='color:#111;'> 652B </span>","children":null,"spread":false},{"title":"grid","children":[{"title":"both.tsx <span style='color:#111;'> 301B </span>","children":null,"spread":false},{"title":"drag.tsx <span style='color:#111;'> 275B </span>","children":null,"spread":false},{"title":"resize.tsx <span style='color:#111;'> 277B </span>","children":null,"spread":false}],"spread":true},{"title":"size-and-position.js <span style='color:#111;'> 992B </span>","children":null,"spread":false},{"title":"min","children":[{"title":"uncontrolled.tsx <span style='color:#111;'> 294B </span>","children":null,"spread":false}],"spread":true},{"title":"dragAxis","children":[{"title":"dragAxisX.tsx <span style='color:#111;'> 1.06KB </span>","children":null,"spread":false},{"title":"dragAxisNone.tsx <span style='color:#111;'> 1.06KB </span>","children":null,"spread":false},{"title":"dragAxisY.tsx <span style='color:#111;'> 1.06KB </span>","children":null,"spread":false}],"spread":true},{"title":"customization","children":[{"title":"resizeHandleComponent.tsx <span style='color:#111;'> 1.15KB </span>","children":null,"spread":false}],"spread":true},{"title":"size-percentage.js <span style='color:#111;'> 557B </span>","children":null,"spread":false},{"title":"styles.ts <span style='color:#111;'> 360B </span>","children":null,"spread":false},{"title":"cancel","children":[{"title":"cancel.tsx <span style='color:#111;'> 440B </span>","children":null,"spread":false}],"spread":true},{"title":"bounds","children":[{"title":"body-controlled.tsx <span style='color:#111;'> 1.07KB </span>","children":null,"spread":false},{"title":"selector-uncontrolled.tsx <span style='color:#111;'> 463B </span>","children":null,"spread":false},{"title":"parent-controlled.tsx <span style='color:#111;'> 1.08KB </span>","children":null,"spread":false},{"title":"parent-uncontrolled.tsx <span style='color:#111;'> 351B </span>","children":null,"spread":false},{"title":"window-controlled.tsx <span style='color:#111;'> 1.16KB </span>","children":null,"spread":false},{"title":"selector-controlled.tsx <span style='color:#111;'> 1.21KB </span>","children":null,"spread":false}],"spread":true},{"title":"max-size-with-percent.js <span style='color:#111;'> 579B </span>","children":null,"spread":false},{"title":"bare","children":[{"title":"bare.tsx <span style='color:#111;'> 147B </span>","children":null,"spread":false}],"spread":false},{"title":"multiple.js <span style='color:#111;'> 646B </span>","children":null,"spread":false},{"title":"styles.css <span style='color:#111;'> 249B </span>","children":null,"spread":false},{"title":"basic","children":[{"title":"multi-controlled.tsx <span style='color:#111;'> 1.47KB </span>","children":null,"spread":false},{"title":"uncontrolled.tsx <span style='color:#111;'> 251B </span>","children":null,"spread":false},{"title":"controlled.tsx <span style='color:#111;'> 966B </span>","children":null,"spread":false},{"title":"multi-uncontrolled.tsx <span style='color:#111;'> 427B </span>","children":null,"spread":false}],"spread":false},{"title":"index.tsx <span style='color:#111;'> 4.29KB </span>","children":null,"spread":false},{"title":"callback","children":[{"title":"callbacks.tsx <span style='color:#111;'> 646B </span>","children":null,"spread":false}],"spread":false},{"title":"size","children":[{"title":"size-percent-controlled.tsx <span style='color:#111;'> 984B </span>","children":null,"spread":false},{"title":"size-percent-uncontrolled.tsx <span style='color:#111;'> 255B </span>","children":null,"spread":false}],"spread":false},{"title":"scale","children":[{"title":"body-uncontrolled-x1-5.tsx <span style='color:#111;'> 451B </span>","children":null,"spread":false},{"title":"body-uncontrolled-x0-5.tsx <span style='color:#111;'> 447B </span>","children":null,"spread":false},{"title":"selector-uncontrolled.tsx <span style='color:#111;'> 515B </span>","children":null,"spread":false},{"title":"window-uncontrolled.tsx <span style='color:#111;'> 449B </span>","children":null,"spread":false},{"title":"parent-uncontrolled.tsx <span style='color:#111;'> 495B </span>","children":null,"spread":false},{"title":"selector-controlled.tsx <span style='color:#111;'> 1.27KB </span>","children":null,"spread":false}],"spread":false},{"title":"lock-aspect-ratio","children":[{"title":"basic.tsx <span style='color:#111;'> 271B </span>","children":null,"spread":false}],"spread":false},{"title":"bounds-and-offset.js <span style='color:#111;'> 1.61KB </span>","children":null,"spread":false}],"spread":false},{"title":"renovate.json <span style='color:#111;'> 41B </span>","children":null,"spread":false},{"title":".storybook","children":[{"title":"config.js <span style='color:#111;'> 229B </span>","children":null,"spread":false},{"title":"addons.js <span style='color:#111;'> 86B </span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'> 277B </span>","children":null,"spread":false}],"spread":true},{"title":"docs","children":[{"title":"stories","children":[{"title":"_redirects <span style='color:#111;'> 24B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"screenshot.gif <span style='color:#111;'> 704.36KB </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 3.21KB </span>","children":null,"spread":false},{"title":"tslint.json <span style='color:#111;'> 1.24KB </span>","children":null,"spread":false},{"title":".github","children":[{"title":"PULL_REQUEST_TEMPLATE.md <span style='color:#111;'> 682B </span>","children":null,"spread":false},{"title":"ISSUE_TEMPLATE.md <span style='color:#111;'> 840B </span>","children":null,"spread":false},{"title":"workflows","children":[{"title":"ci.yml <span style='color:#111;'> 951B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".prettierrc <span style='color:#111;'> 140B </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 1.05KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"index.js.flow <span style='color:#111;'> 3.64KB </span>","children":null,"spread":false},{"title":"index.test.tsx <span style='color:#111;'> 24.00KB </span>","children":null,"spread":false},{"title":"index.tsx <span style='color:#111;'> 21.24KB </span>","children":null,"spread":false}],"spread":true},{"title":"tsconfig.json <span style='color:#111;'> 4.88KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 85B </span>","children":null,"spread":false},{"title":"logo.png <span style='color:#111;'> 13.68KB </span>","children":null,"spread":false},{"title":"fixture.html <span style='color:#111;'> 351B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 24.88KB </span>","children":null,"spread":false},{"title":"yarn.lock <span style='color:#111;'> 529.58KB </span>","children":null,"spread":false},{"title":"scripts","children":[{"title":"prod.common.js <span style='color:#111;'> 597B </span>","children":null,"spread":false},{"title":"prod.js <span style='color:#111;'> 145B </span>","children":null,"spread":false},{"title":"deploy-minor.sh <span style='color:#111;'> 231B </span>","children":null,"spread":false},{"title":"deploy-patch.sh <span style='color:#111;'> 231B </span>","children":null,"spread":false},{"title":"prod.es5.js <span style='color:#111;'> 150B </span>","children":null,"spread":false}],"spread":false},{"title":"babel.config.js <span style='color:#111;'> 186B </span>","children":null,"spread":false}],"spread":false}],"spread":true}]
评论信息
其他资源
- envi 教程(适用于初学者)
- Internet Explorer 8 For WinXP/2003 x64简体中文语言包
- 设计模式实训教程刘伟
- WinDriver 10.2.0 32位版
- 计量经济学模型及R语言应用(中文版带标签）
- 视频截图、压缩、加水印（内含ffmpeg.exe）
- 叉叉集成开发环境 V2.0.1.3 windows版本
- IEEE 33节点配电网.rar
- (OpenDwg)Teigha for dwg
- 数字电子技术红绿灯课程设计
- 图片处理小软件只有1.4MB,麻雀虽小五脏俱全，很小很专业...
- C++硬盘扇区读写技术
- 基于ray filter的雷达点云地面过滤ROS节点
- 东南大学《高等数学》历年期中考试试卷（含答案）.pdf
- MSP430G2系列代码示例(含MSP430G2553) Code Examples 2015,1,22版
- 人群管理：人群管理是一个基于Spring，Shiro，Redisehcache，Mybatis的通用后台权限管理系统，在此推荐本人另一个基于sprinboot的单点登录系统-源码
- C#——Timer&串口通讯
- 80.0.3987.132_chrome_installer.exe
- 2013年中国高校SAS数据分析大赛初赛考题.doc
- 《电子测量技术基础》(张永瑞第三版)第8章阻抗测量.pdf
- 2017福州大学863数据结构与程序设计真题与解析
- 数字信号处理的MATLAB实现+科学出版社+万永革
- 工程使用的STM32版FX2N源码和原理图
- 操作系统CPU调度算法之最短剩余时间优先算法
- 服务端获取DTU GPRS数据C#
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明