: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}]
评论信息
其他资源
- opengl绘制的三维汽车
- 河北工业大学编译原理实验报告
- 齿轮泵Solidworks三维图
- ubuntu cuda10.2+cudnn7.6.5
- 页面淘汰算法实验报告
- 模型预测控制程序
- 生日祝福java程序代码
- 目标跟踪基本原理 [（澳）卡拉 等著] 2015年版
- SQL Prompt插件，其中包含插件安装包和注册机
- ASP.net学生选课网站系统
- SAR C矩阵转T矩阵
- 小巧的螺旋桨设计软件
- 一个简单的JS编辑器 C#
- Transwarp Data Hub一站式大数据综合平台白皮书5.0.pdf
- 过氧化的聚吡咯/石墨烯/金电极阵列上的多巴胺电化学检测
- 具有相对密度信息的模糊支持向量机，可对不平衡数据进行分类
- 数据分析 python pyecharts
- 黑苹果EFI分享600款笔记本电脑EFI(GitHub下载).docx
- 微型计算机原理与接口技术(05344-0)
- 初级教程篇：按键(中断方式)实现24C04存储器内容读写
- 基于NIOSII处理器的数字钟设计
- zxing2.2.jar
- S3C44B0数据手册
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明