UNPKG

vue-grid-layout

Version:

A draggable and resizable grid layout, as a Vue component.

1 lines 18.7 kB
(window.webpackJsonp=window.webpackJsonp||[]).push([[45],{525:function(r,t,e){"use strict";e.r(t);var a=e(34),_=Object(a.a)({},(function(){var r=this,t=r._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":r.$parent.slotKey}},[t("h1",{attrs:{id:"更新日志"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#更新日志"}},[r._v("#")]),r._v(" 更新日志")]),r._v(" "),t("h2",{attrs:{id:"_2-3-12-2021年01月15日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-12-2021年01月15日"}},[r._v("#")]),r._v(" 2.3.12(2021年01月15日)")]),r._v(" "),t("ul",[t("li",[r._v("将interact.js升级到1.10.2")]),r._v(" "),t("li",[r._v("向GridItem添加了'preserveAspectRatio'属性 (感谢 "),t("a",{attrs:{href:"https://github.com/validide",target:"_blank",rel:"noopener noreferrer"}},[r._v("validide"),t("OutboundLink")],1),r._v(")")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-11-2020年10月13日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-11-2020年10月13日"}},[r._v("#")]),r._v(" 2.3.11(2020年10月13日)")]),r._v(" "),t("ul",[t("li",[r._v("已修复:使用响应式布局时的回归(#487)")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-10-2020年10月12日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-10-2020年10月12日"}},[r._v("#")]),r._v(" 2.3.10(2020年10月12日)")]),r._v(" "),t("ul",[t("li",[r._v("将interact.js升级到1.10.0,现在作为ES6模块导入以优化大小")]),r._v(" "),t("li",[r._v("已修复:在RTL模式下无法调整栅格元素的大小 (感谢 "),t("a",{attrs:{href:"https://github.com/or-lat",target:"_blank",rel:"noopener noreferrer"}},[r._v("or-lat"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("添加了GridLayout.useStyleCursor属性以修复可能的浏览器冻结 (感谢 "),t("a",{attrs:{href:"https://github.com/mosuzi",target:"_blank",rel:"noopener noreferrer"}},[r._v("mosuzi"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("已修复:当GridItem不是GridLayout的子级时,父布局错误 (感谢 "),t("a",{attrs:{href:"https://github.com/lzq4047",target:"_blank",rel:"noopener noreferrer"}},[r._v("lzq4047"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("已修复:在响应模式下再次隐藏/显示元素时,元素的大小发生变化 (感谢 "),t("a",{attrs:{href:"https://github.com/lustan3216",target:"_blank",rel:"noopener noreferrer"}},[r._v("lustan3216"),t("OutboundLink")],1),r._v("))")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-9-2020年9月28日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-9-2020年9月28日"}},[r._v("#")]),r._v(" 2.3.9(2020年9月28日)")]),r._v(" "),t("ul",[t("li",[r._v("已修复插件安装(已修复#311) (感谢 "),t("a",{attrs:{href:"https://github.com/yfwz100",target:"_blank",rel:"noopener noreferrer"}},[r._v("yfwz100"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("interact.js升级版本至1.9.22")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-8-2020年7月31日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-8-2020年7月31日"}},[r._v("#")]),r._v(" 2.3.8(2020年7月31日)")]),r._v(" "),t("ul",[t("li",[r._v("支持动态修改margin属性 (感谢 "),t("a",{attrs:{href:"https://github.com/yfwz100",target:"_blank",rel:"noopener noreferrer"}},[r._v("yfwz100"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("添加了丢失的“布局更新”事件 (感谢 "),t("a",{attrs:{href:"https://github.com/ben-lau",target:"_blank",rel:"noopener noreferrer"}},[r._v("ben-lau"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("支持初始响应式布局和断点更改事件 (感谢 "),t("a",{attrs:{href:"https://github.com/ftylitak",target:"_blank",rel:"noopener noreferrer"}},[r._v("ftylitak"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("修正了布局项被删除且未设置interactObj时可能出现的错误 (感谢 "),t("a",{attrs:{href:"https://github.com/Tofandel",target:"_blank",rel:"noopener noreferrer"}},[r._v("Tofandel"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("在响应模式下修复错误的栅格元素排序 (感谢 "),t("a",{attrs:{href:"https://github.com/pieterbeulque",target:"_blank",rel:"noopener noreferrer"}},[r._v("pieterbeulque"),t("OutboundLink")],1),r._v(")")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-7-2019年10月31日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-7-2019年10月31日"}},[r._v("#")]),r._v(" 2.3.7(2019年10月31日)")]),r._v(" "),t("ul",[t("li",[r._v("在#337中引入容器更改大小(浏览器窗口或其他大小)时发出的重命名“调整大小”事件,在#358已修复")]),r._v(" "),t("li",[r._v("已修复layout-ready事件")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-6-2019年9月11日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-6-2019年9月11日"}},[r._v("#")]),r._v(" 2.3.6(2019年9月11日)")]),r._v(" "),t("ul",[t("li",[r._v("恢复栅格元素w和h先前的舍入更改,已修复#355")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-5-2019年9月7日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-5-2019年9月7日"}},[r._v("#")]),r._v(" 2.3.5(2019年9月7日)")]),r._v(" "),t("ul",[t("li",[r._v("已修复:在移动设备上无触摸,并且仅当元素可拖动或可调整大小时 (感谢 "),t("a",{attrs:{href:"https://github.com/DGoms",target:"_blank",rel:"noopener noreferrer"}},[r._v("DGoms"),t("OutboundLink")],1),r._v(")。")]),r._v(" "),t("li",[r._v("防止碰撞功能 (感谢 "),t("a",{attrs:{href:"https://github.com/SheanDe",target:"_blank",rel:"noopener noreferrer"}},[r._v("SheanDe"),t("OutboundLink")],1),r._v(")。")]),r._v(" "),t("li",[r._v("简体中文README (感谢 "),t("a",{attrs:{href:"https://github.com/harrywangchina",target:"_blank",rel:"noopener noreferrer"}},[r._v("harrywangchina"),t("OutboundLink")],1),r._v(")。")]),r._v(" "),t("li",[r._v("如果由于除手动调整大小(例如,浏览器窗口调整大小)以外的更改而调整了栅格项的大小,则此时将发出"),t("code",[r._v("resized")]),r._v("事件 (感谢 "),t("a",{attrs:{href:"https://github.com/pmorch",target:"_blank",rel:"noopener noreferrer"}},[r._v("pmorch"),t("OutboundLink")],1),r._v(")。")]),r._v(" "),t("li",[r._v("改进"),t("code",[r._v("layout-ready")]),r._v("触发事件 (感谢 "),t("a",{attrs:{href:"https://github.com/pmorch",target:"_blank",rel:"noopener noreferrer"}},[r._v("pmorch"),t("OutboundLink")],1),r._v(")。")]),r._v(" "),t("li",[r._v("添加了min/max height and width的监视程序 (感谢 "),t("a",{attrs:{href:"https://github.com/grinat",target:"_blank",rel:"noopener noreferrer"}},[r._v("grinat"),t("OutboundLink")],1),r._v(")。")]),r._v(" "),t("li",[r._v("改进:确保grid-item的大小大于slot-item (感谢 "),t("a",{attrs:{href:"https://github.com/ywmail",target:"_blank",rel:"noopener noreferrer"}},[r._v("ywmail"),t("OutboundLink")],1),r._v(")。")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-4-2019年3月5日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-4-2019年3月5日"}},[r._v("#")]),r._v(" 2.3.4(2019年3月5日)")]),r._v(" "),t("ul",[t("li",[r._v("支持静态部件 (感谢 "),t("a",{attrs:{href:"https://github.com/panjiangyi",target:"_blank",rel:"noopener noreferrer"}},[r._v("panjiangyi"),t("OutboundLink")],1),r._v(")。")]),r._v(" "),t("li",[r._v("RTL错误修正 (感谢 "),t("a",{attrs:{href:"https://github.com/irvingwa",target:"_blank",rel:"noopener noreferrer"}},[r._v("irvingwa"),t("OutboundLink")],1),r._v(")。")]),r._v(" "),t("li",[r._v("内存泄漏修复 (感谢 "),t("a",{attrs:{href:"https://github.com/aiankile",target:"_blank",rel:"noopener noreferrer"}},[r._v("aiankile"),t("OutboundLink")],1),r._v(")。")]),r._v(" "),t("li",[r._v("已修复了栅格布局安装上的异常 (感谢 "),t("a",{attrs:{href:"https://github.com/BenoitZugmeyer",target:"_blank",rel:"noopener noreferrer"}},[r._v("BenoitZugmeyer"),t("OutboundLink")],1),r._v(")。")]),r._v(" "),t("li",[r._v("已修复了响应模式下重叠和调整大小的错误 (感谢 "),t("a",{attrs:{href:"https://github.com/shpfive",target:"_blank",rel:"noopener noreferrer"}},[r._v("shpfive"),t("OutboundLink")],1),r._v(")。")]),r._v(" "),t("li",[r._v("添加了GridLayout发出的新事件 (layout-created, layout-before-mount,layout-mounted,layout-ready) (感谢 "),t("a",{attrs:{href:"https://github.com/samuelmolinski",target:"_blank",rel:"noopener noreferrer"}},[r._v("samuelmolinski"),t("OutboundLink")],1),r._v(")。")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-3-2018年12月26日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-3-2018年12月26日"}},[r._v("#")]),r._v(" 2.3.3(2018年12月26日)")]),r._v(" "),t("ul",[t("li",[r._v("恢复了将vue作为外部添加,这导致加载umd时出现问题。")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-2-2018年12月13日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-2-2018年12月13日"}},[r._v("#")]),r._v(" 2.3.2(2018年12月13日)")]),r._v(" "),t("ul",[t("li",[r._v("添加了vue作为外部webpack配置以修复启动问题 (感谢 "),t("a",{attrs:{href:"https://github.com/Micene09",target:"_blank",rel:"noopener noreferrer"}},[r._v("Micene9"),t("OutboundLink")],1),r._v(")")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-1-2018年11月6日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-1-2018年11月6日"}},[r._v("#")]),r._v(" 2.3.1(2018年11月6日)")]),r._v(" "),t("ul",[t("li",[r._v("之前在Android上进行触摸拖动的修复方法打破了在其他移动浏览器上的拖动 (感谢 "),t("a",{attrs:{href:"https://github.com/onx2",target:"_blank",rel:"noopener noreferrer"}},[r._v("onx2"),t("OutboundLink")],1),r._v(")")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-0-2018年10月26日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-0-2018年10月26日"}},[r._v("#")]),r._v(" 2.3.0(2018年10月26日)")]),r._v(" "),t("ul",[t("li",[r._v("响应式布局支持 (感谢 "),t("a",{attrs:{href:"https://github.com/shpfive",target:"_blank",rel:"noopener noreferrer"}},[r._v("shpfive"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("已修复了在Android上进行触摸拖动的问题 (感谢 "),t("a",{attrs:{href:"https://github.com/pbabey",target:"_blank",rel:"noopener noreferrer"}},[r._v("pbabey"),t("OutboundLink")],1),r._v(")")])]),r._v(" "),t("h2",{attrs:{id:"_2-2-0-2018年9月10日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-2-0-2018年9月10日"}},[r._v("#")]),r._v(" 2.2.0(2018年9月10日)")]),r._v(" "),t("ul",[t("li",[r._v("使用Vue CLI更改了项目结构并进行了构建")]),r._v(" "),t("li",[r._v("GridItem新的autosize方法。现在,需要使用this.$parent.autoSize()从子组件中调用 (感谢 "),t("a",{attrs:{href:"https://github.com/mech01nc01",target:"_blank",rel:"noopener noreferrer"}},[r._v("mech01nc01"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("抽象的DOM相关要求提供初始SSR支持 (感谢 "),t("a",{attrs:{href:"https://github.com/Kukks",target:"_blank",rel:"noopener noreferrer"}},[r._v("Kukks"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("GridItem.i现在可以是数字或字符串 (感谢 "),t("a",{attrs:{href:"https://github.com/xch1029",target:"_blank",rel:"noopener noreferrer"}},[r._v("xch1029"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("使用interactjs大小来限制调整大小 (感谢 "),t("a",{attrs:{href:"https://github.com/LuisCarreras",target:"_blank",rel:"noopener noreferrer"}},[r._v("LuisCarreras"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("已修复了实例释放时的interactjs实例泄漏 (感谢 "),t("a",{attrs:{href:"https://github.com/zzuligy",target:"_blank",rel:"noopener noreferrer"}},[r._v("zzuligy"),t("OutboundLink")],1),r._v(")")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-13-2018年5月2日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-13-2018年5月2日"}},[r._v("#")]),r._v(" 2.1.13(2018年5月2日)")]),r._v(" "),t("ul",[t("li",[r._v("调整大小事件现在也发出以像素为单位的尺寸 (感谢 "),t("a",{attrs:{href:"https://github.com/buremba",target:"_blank",rel:"noopener noreferrer"}},[r._v("buremba"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("支持动态列修改(#121) (感谢 "),t("a",{attrs:{href:"https://github.com/ittus",target:"_blank",rel:"noopener noreferrer"}},[r._v("ittus"),t("OutboundLink")],1),r._v(")")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-12-2018年2月27日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-12-2018年2月27日"}},[r._v("#")]),r._v(" 2.1.12(2018年2月27日)")]),r._v(" "),t("ul",[t("li",[r._v("将interact.js更新为1.3.3 (#144)")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-11-2018年1月5日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-11-2018年1月5日"}},[r._v("#")]),r._v(" 2.1.11(2018年1月5日)")]),r._v(" "),t("ul",[t("li",[r._v("解决了同一个虚拟机(#134)上有多个栅格的问题 (感谢 "),t("a",{attrs:{href:"https://github.com/sunzongzheng",target:"_blank",rel:"noopener noreferrer"}},[r._v("Suen"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("解决了重新分配时布局更新的问题(#130) (感谢 "),t("a",{attrs:{href:"https://github.com/daizengyu123",target:"_blank",rel:"noopener noreferrer"}},[r._v("daizengyu"),t("OutboundLink")],1),r._v(")")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-10-2017年12月15日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-10-2017年12月15日"}},[r._v("#")]),r._v(" 2.1.10(2017年12月15日)")]),r._v(" "),t("ul",[t("li",[r._v("已修复了与#119相关的可能错误")]),r._v(" "),t("li",[r._v("将CSS转换为Translation3D(#96)")]),r._v(" "),t("li",[r._v("添加了is-mirrored配置,允许从右向左渲染栅格元素(水平翻转) (感谢 "),t("a",{attrs:{href:"https://github.com/kweij",target:"_blank",rel:"noopener noreferrer"}},[r._v("kweij"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("添加了栅格更新事件,可以更轻松地与vuex集成 (感谢 "),t("a",{attrs:{href:"https://github.com/SergeyKhval",target:"_blank",rel:"noopener noreferrer"}},[r._v("SergeyKhval"),t("OutboundLink")],1),r._v(")")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-9-2017年8月17日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-9-2017年8月17日"}},[r._v("#")]),r._v(" 2.1.9(2017年8月17日)")]),r._v(" "),t("ul",[t("li",[r._v("已修复了对interact.js的本地模块引用")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-8-2017年8月17日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-8-2017年8月17日"}},[r._v("#")]),r._v(" 2.1.8(2017年8月17日)")]),r._v(" "),t("ul",[t("li",[r._v("已修复#61、#37")]),r._v(" "),t("li",[r._v("已修复#82")]),r._v(" "),t("li",[r._v("已修复#87")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-7-2017年8月17日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-7-2017年8月17日"}},[r._v("#")]),r._v(" 2.1.7(2017年8月17日)")]),r._v(" "),t("ul",[t("li",[r._v("已修复#59")]),r._v(" "),t("li",[r._v("已修复#83")]),r._v(" "),t("li",[r._v("对GridItem中props的dragAllowFrom和dragIgnoreFrom实现了支持 (感谢 "),t("a",{attrs:{href:"https://github.com/ThePlastic",target:"_blank",rel:"noopener noreferrer"}},[r._v("ThePlastic"),t("OutboundLink")],1),r._v(")")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-6-2017年4月6日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-6-2017年4月6日"}},[r._v("#")]),r._v(" 2.1.6(2017年4月6日)")]),r._v(" "),t("ul",[t("li",[r._v("已修复#43,配置拖曳元件上的栅格项内容忽略 (感谢 "),t("a",{attrs:{href:"https://github.com/neithere",target:"_blank",rel:"noopener noreferrer"}},[r._v("neithere"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("已修复了getLayoutItem,有时返回null元素 (感谢 "),t("a",{attrs:{href:"https://github.com/pbabey",target:"_blank",rel:"noopener noreferrer"}},[r._v("pbabey"),t("OutboundLink")],1),r._v(")")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-5-2017年3月24日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-5-2017年3月24日"}},[r._v("#")]),r._v(" 2.1.5(2017年3月24日)")]),r._v(" "),t("ul",[t("li",[r._v("真正修复#22、#32,多个栅格实例在2.1.4中无法正常工作")]),r._v(" "),t("li",[r._v("resizeEvent现在还以像素为单位返回元素的宽度和高度(实现#34)")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-4-2017年3月20日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-4-2017年3月20日"}},[r._v("#")]),r._v(" 2.1.4(2017年3月20日)")]),r._v(" "),t("ul",[t("li",[r._v("实现#32,在同一页面上支持多个栅格实例")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-3-2017年3月9日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-3-2017年3月9日"}},[r._v("#")]),r._v(" 2.1.3(2017年3月9日)")]),r._v(" "),t("ul",[t("li",[r._v("已修复#27, props属性突变告警")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-2-2017年2月16日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-2-2017年2月16日"}},[r._v("#")]),r._v(" 2.1.2(2017年2月16日)")]),r._v(" "),t("ul",[t("li",[r._v("实现#12,GridItems上的按钮将触发移动设备上的拖动")]),r._v(" "),t("li",[r._v("实现#24,在销毁之前删除监听 (感谢 "),t("a",{attrs:{href:"https://github.com/pbabey",target:"_blank",rel:"noopener noreferrer"}},[r._v("pbabey"),t("OutboundLink")],1),r._v(")")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-1-2017年2月9日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-1-2017年2月9日"}},[r._v("#")]),r._v(" 2.1.1(2017年2月9日)")]),r._v(" "),t("ul",[t("li",[r._v("实现#13,支持行高动态更新")]),r._v(" "),t("li",[r._v("实现#23,支持动态启用/禁用拖动和调整大小")]),r._v(" "),t("li",[r._v("实现#21,移动并调整大小的事件")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-0-2017年2月6日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-0-2017年2月6日"}},[r._v("#")]),r._v(" 2.1.0(2017年2月6日)")]),r._v(" "),t("ul",[t("li",[r._v("RTL支持 (感谢 "),t("a",{attrs:{href:"https://github.com/easteregg",target:"_blank",rel:"noopener noreferrer"}},[r._v("easteregg"),t("OutboundLink")],1),r._v(")")]),r._v(" "),t("li",[r._v("移动和调整事件大小 (感谢 "),t("a",{attrs:{href:"https://github.com/ThePlastic",target:"_blank",rel:"noopener noreferrer"}},[r._v("ThePlastic"),t("OutboundLink")],1),r._v(")")])])])}),[],!1,null,null,null);t.default=_.exports}}]);