UNPKG

vue-grid-layout

Version:

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

55 lines (53 loc) 53.7 kB
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>更新日志 | Vue Grid Layout -️ 适用Vue.js的栅格布局系统</title> <meta name="generator" content="VuePress 1.9.7"> <link rel="icon" href="/vue-grid-layout/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="https://jbaysolutions.github.io/vue-grid-layout/assets/favicon/apple-touch-icon.png"> <meta name="description" content="可拖动和可调整大小栅格布局的Vue组件。"> <meta property="article:modified_time" content="2021-01-18T11:11:02.000Z"> <meta property="og:title" content="更新日志 — Vue Grid Layout"> <meta property="og:description" content="A draggable and resizable grid layout, as a Vue component."> <meta property="og:type" content="article"> <meta property="og:url" content="/zh/changelog/"> <meta name="twitter:title" content="更新日志 — Vue Grid Layout"> <meta name="twitter:description" content="A draggable and resizable grid layout, as a Vue component."> <meta name="twitter:url" content="/zh/changelog/"> <meta name="twitter:card" content="summary_large_image"> <link rel="preload" href="/vue-grid-layout/assets/css/0.styles.62040b1f.css" as="style"><link rel="preload" href="/vue-grid-layout/assets/js/app.3b46d3a7.js" as="script"><link rel="preload" href="/vue-grid-layout/assets/js/5.fbd53fc9.js" as="script"><link rel="preload" href="/vue-grid-layout/assets/js/4.9a10d8f3.js" as="script"><link rel="preload" href="/vue-grid-layout/assets/js/45.c4a5f6c2.js" as="script"><link rel="prefetch" href="/vue-grid-layout/assets/js/1.f5920396.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/10.b35cd169.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/11.33825800.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/12.1a4f2982.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/13.d9abf441.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/14.2ee2c0bb.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/15.dda8bb4d.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/16.decab905.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/17.17d1fea8.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/18.072d74f9.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/19.a5bd48b6.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/20.a6f7c401.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/21.f07a4293.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/22.8c77b52b.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/23.166522b1.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/24.f224653c.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/25.123f3476.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/26.3627e157.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/27.24596d70.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/28.de97d8c2.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/29.902100f1.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/30.6bfee860.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/31.567ea2fd.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/32.72b82452.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/33.6b852b0b.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/34.35990edb.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/35.8b6fa6f0.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/36.a0e45802.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/37.bd32d898.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/38.a192efbf.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/39.85b7f492.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/40.d8f3d249.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/41.d0334a36.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/42.f7542798.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/43.d5ada079.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/44.690b0248.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/46.d847dd7f.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/47.44f6af27.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/48.fc0b14e5.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/49.dd4cba1a.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/50.4186651e.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/51.32fc51c3.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/52.2124af42.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/53.a5360cb7.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/54.7a70587f.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/55.65df1d6e.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/56.2bde5fd7.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/57.f38265c1.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/58.7970354a.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/59.af080563.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/6.eae6137a.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/60.3afbbfc8.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/61.8b9ba428.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/62.a0c81243.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/63.d8c2ffd8.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/7.c2af6ee4.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/8.b45e893b.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/9.b9c5a1a2.js"><link rel="prefetch" href="/vue-grid-layout/assets/js/vendors~docsearch.254ba4e3.js"> <link rel="stylesheet" href="/vue-grid-layout/assets/css/0.styles.62040b1f.css"> </head> <body> <div id="app" data-server-rendered="true"><div class="theme-container" data-v-6394a605><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-grid-layout/zh/" class="home-link router-link-active"><img src="/vue-grid-layout/assets/img/logo.png" alt="Vue Grid Layout -️ 适用Vue.js的栅格布局系统" class="logo"> <span class="site-name can-hide">Vue Grid Layout -️ 适用Vue.js的栅格布局系统</span></a> <div class="links"><form id="search-form" role="search" class="algolia-search-wrapper search-box"><input id="algolia-search-input" class="search-query"></form> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-grid-layout/zh/" class="nav-link"> 首页 </a></div><div class="nav-item"><a href="/vue-grid-layout/zh/guide/" class="nav-link"> 指南 </a></div><div class="nav-item"><a href="/vue-grid-layout/zh/changelog/" aria-current="page" class="nav-link router-link-exact-active router-link-active"> 更新日志 </a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="选择语言" class="dropdown-title"><span class="title">选择语言</span> <span class="arrow down"></span></button> <button type="button" aria-label="选择语言" class="mobile-dropdown-title"><span class="title">选择语言</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/vue-grid-layout/changelog/" class="nav-link"> English </a></li><li class="dropdown-item"><!----> <a href="/vue-grid-layout/zh/changelog/" aria-current="page" class="nav-link router-link-exact-active router-link-active"> 简体中文 </a></li></ul></div></div> <a href="https://github.com/jbaysolutions/vue-grid-layout" target="_blank" rel="noopener noreferrer" class="repo-link"> GitHub <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-grid-layout/zh/" class="nav-link"> 首页 </a></div><div class="nav-item"><a href="/vue-grid-layout/zh/guide/" class="nav-link"> 指南 </a></div><div class="nav-item"><a href="/vue-grid-layout/zh/changelog/" aria-current="page" class="nav-link router-link-exact-active router-link-active"> 更新日志 </a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="选择语言" class="dropdown-title"><span class="title">选择语言</span> <span class="arrow down"></span></button> <button type="button" aria-label="选择语言" class="mobile-dropdown-title"><span class="title">选择语言</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/vue-grid-layout/changelog/" class="nav-link"> English </a></li><li class="dropdown-item"><!----> <a href="/vue-grid-layout/zh/changelog/" aria-current="page" class="nav-link router-link-exact-active router-link-active"> 简体中文 </a></li></ul></div></div> <a href="https://github.com/jbaysolutions/vue-grid-layout" target="_blank" rel="noopener noreferrer" class="repo-link"> GitHub <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div class="carbon-ads" data-v-6394a605></div> <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>更新日志</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-grid-layout/zh/changelog/#_2-3-12-2021年01月15日" class="sidebar-link">2.3.12(2021年01月15日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-3-11-2020年10月13日" class="sidebar-link">2.3.11(2020年10月13日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-3-10-2020年10月12日" class="sidebar-link">2.3.10(2020年10月12日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-3-9-2020年9月28日" class="sidebar-link">2.3.9(2020年9月28日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-3-8-2020年7月31日" class="sidebar-link">2.3.8(2020年7月31日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-3-7-2019年10月31日" class="sidebar-link">2.3.7(2019年10月31日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-3-6-2019年9月11日" class="sidebar-link">2.3.6(2019年9月11日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-3-5-2019年9月7日" class="sidebar-link">2.3.5(2019年9月7日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-3-4-2019年3月5日" class="sidebar-link">2.3.4(2019年3月5日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-3-3-2018年12月26日" class="sidebar-link">2.3.3(2018年12月26日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-3-2-2018年12月13日" class="sidebar-link">2.3.2(2018年12月13日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-3-1-2018年11月6日" class="sidebar-link">2.3.1(2018年11月6日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-3-0-2018年10月26日" class="sidebar-link">2.3.0(2018年10月26日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-2-0-2018年9月10日" class="sidebar-link">2.2.0(2018年9月10日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-1-13-2018年5月2日" class="sidebar-link">2.1.13(2018年5月2日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-1-12-2018年2月27日" class="sidebar-link">2.1.12(2018年2月27日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-1-11-2018年1月5日" class="sidebar-link">2.1.11(2018年1月5日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-1-10-2017年12月15日" class="sidebar-link">2.1.10(2017年12月15日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-1-9-2017年8月17日" class="sidebar-link">2.1.9(2017年8月17日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-1-8-2017年8月17日" class="sidebar-link">2.1.8(2017年8月17日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-1-7-2017年8月17日" class="sidebar-link">2.1.7(2017年8月17日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-1-6-2017年4月6日" class="sidebar-link">2.1.6(2017年4月6日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-1-5-2017年3月24日" class="sidebar-link">2.1.5(2017年3月24日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-1-4-2017年3月20日" class="sidebar-link">2.1.4(2017年3月20日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-1-3-2017年3月9日" class="sidebar-link">2.1.3(2017年3月9日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-1-2-2017年2月16日" class="sidebar-link">2.1.2(2017年2月16日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-1-1-2017年2月9日" class="sidebar-link">2.1.1(2017年2月9日)</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-grid-layout/zh/changelog/#_2-1-0-2017年2月6日" class="sidebar-link">2.1.0(2017年2月6日)</a><ul class="sidebar-sub-headers"></ul></li></ul></section></li></ul> <footer class="footer" data-v-6394a605> A product by: <a href="https://www.jbaysolutions.com/" target="_blank" rel="noopener" class="footer-card" data-v-6394a605><img src="/vue-grid-layout/assets/img/logo-jbay.png" alt="JBay Solutions" data-v-6394a605></a></footer></aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="更新日志"><a href="#更新日志" class="header-anchor">#</a> 更新日志</h1> <h2 id="_2-3-12-2021年01月15日"><a href="#_2-3-12-2021年01月15日" class="header-anchor">#</a> 2.3.12(2021年01月15日)</h2> <ul><li>将interact.js升级到1.10.2</li> <li>向GridItem添加了'preserveAspectRatio'属性 (感谢 <a href="https://github.com/validide" target="_blank" rel="noopener noreferrer">validide<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="_2-3-11-2020年10月13日"><a href="#_2-3-11-2020年10月13日" class="header-anchor">#</a> 2.3.11(2020年10月13日)</h2> <ul><li>已修复:使用响应式布局时的回归(#487)</li></ul> <h2 id="_2-3-10-2020年10月12日"><a href="#_2-3-10-2020年10月12日" class="header-anchor">#</a> 2.3.10(2020年10月12日)</h2> <ul><li>将interact.js升级到1.10.0,现在作为ES6模块导入以优化大小</li> <li>已修复:在RTL模式下无法调整栅格元素的大小 (感谢 <a href="https://github.com/or-lat" target="_blank" rel="noopener noreferrer">or-lat<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>添加了GridLayout.useStyleCursor属性以修复可能的浏览器冻结 (感谢 <a href="https://github.com/mosuzi" target="_blank" rel="noopener noreferrer">mosuzi<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>已修复:当GridItem不是GridLayout的子级时,父布局错误 (感谢 <a href="https://github.com/lzq4047" target="_blank" rel="noopener noreferrer">lzq4047<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>已修复:在响应模式下再次隐藏/显示元素时,元素的大小发生变化 (感谢 <a href="https://github.com/lustan3216" target="_blank" rel="noopener noreferrer">lustan3216<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>))</li></ul> <h2 id="_2-3-9-2020年9月28日"><a href="#_2-3-9-2020年9月28日" class="header-anchor">#</a> 2.3.9(2020年9月28日)</h2> <ul><li>已修复插件安装(已修复#311) (感谢 <a href="https://github.com/yfwz100" target="_blank" rel="noopener noreferrer">yfwz100<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>interact.js升级版本至1.9.22</li></ul> <h2 id="_2-3-8-2020年7月31日"><a href="#_2-3-8-2020年7月31日" class="header-anchor">#</a> 2.3.8(2020年7月31日)</h2> <ul><li>支持动态修改margin属性 (感谢 <a href="https://github.com/yfwz100" target="_blank" rel="noopener noreferrer">yfwz100<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>添加了丢失的“布局更新”事件 (感谢 <a href="https://github.com/ben-lau" target="_blank" rel="noopener noreferrer">ben-lau<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>支持初始响应式布局和断点更改事件 (感谢 <a href="https://github.com/ftylitak" target="_blank" rel="noopener noreferrer">ftylitak<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>修正了布局项被删除且未设置interactObj时可能出现的错误 (感谢 <a href="https://github.com/Tofandel" target="_blank" rel="noopener noreferrer">Tofandel<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>在响应模式下修复错误的栅格元素排序 (感谢 <a href="https://github.com/pieterbeulque" target="_blank" rel="noopener noreferrer">pieterbeulque<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="_2-3-7-2019年10月31日"><a href="#_2-3-7-2019年10月31日" class="header-anchor">#</a> 2.3.7(2019年10月31日)</h2> <ul><li>在#337中引入容器更改大小(浏览器窗口或其他大小)时发出的重命名“调整大小”事件,在#358已修复</li> <li>已修复layout-ready事件</li></ul> <h2 id="_2-3-6-2019年9月11日"><a href="#_2-3-6-2019年9月11日" class="header-anchor">#</a> 2.3.6(2019年9月11日)</h2> <ul><li>恢复栅格元素w和h先前的舍入更改,已修复#355</li></ul> <h2 id="_2-3-5-2019年9月7日"><a href="#_2-3-5-2019年9月7日" class="header-anchor">#</a> 2.3.5(2019年9月7日)</h2> <ul><li>已修复:在移动设备上无触摸,并且仅当元素可拖动或可调整大小时 (感谢 <a href="https://github.com/DGoms" target="_blank" rel="noopener noreferrer">DGoms<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)。</li> <li>防止碰撞功能 (感谢 <a href="https://github.com/SheanDe" target="_blank" rel="noopener noreferrer">SheanDe<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)。</li> <li>简体中文README (感谢 <a href="https://github.com/harrywangchina" target="_blank" rel="noopener noreferrer">harrywangchina<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)。</li> <li>如果由于除手动调整大小(例如,浏览器窗口调整大小)以外的更改而调整了栅格项的大小,则此时将发出<code>resized</code>事件 (感谢 <a href="https://github.com/pmorch" target="_blank" rel="noopener noreferrer">pmorch<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)。</li> <li>改进<code>layout-ready</code>触发事件 (感谢 <a href="https://github.com/pmorch" target="_blank" rel="noopener noreferrer">pmorch<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)。</li> <li>添加了min/max height and width的监视程序 (感谢 <a href="https://github.com/grinat" target="_blank" rel="noopener noreferrer">grinat<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)。</li> <li>改进:确保grid-item的大小大于slot-item (感谢 <a href="https://github.com/ywmail" target="_blank" rel="noopener noreferrer">ywmail<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)。</li></ul> <h2 id="_2-3-4-2019年3月5日"><a href="#_2-3-4-2019年3月5日" class="header-anchor">#</a> 2.3.4(2019年3月5日)</h2> <ul><li>支持静态部件 (感谢 <a href="https://github.com/panjiangyi" target="_blank" rel="noopener noreferrer">panjiangyi<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)。</li> <li>RTL错误修正 (感谢 <a href="https://github.com/irvingwa" target="_blank" rel="noopener noreferrer">irvingwa<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)。</li> <li>内存泄漏修复 (感谢 <a href="https://github.com/aiankile" target="_blank" rel="noopener noreferrer">aiankile<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)。</li> <li>已修复了栅格布局安装上的异常 (感谢 <a href="https://github.com/BenoitZugmeyer" target="_blank" rel="noopener noreferrer">BenoitZugmeyer<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)。</li> <li>已修复了响应模式下重叠和调整大小的错误 (感谢 <a href="https://github.com/shpfive" target="_blank" rel="noopener noreferrer">shpfive<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)。</li> <li>添加了GridLayout发出的新事件 (layout-created, layout-before-mount,layout-mounted,layout-ready) (感谢 <a href="https://github.com/samuelmolinski" target="_blank" rel="noopener noreferrer">samuelmolinski<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)。</li></ul> <h2 id="_2-3-3-2018年12月26日"><a href="#_2-3-3-2018年12月26日" class="header-anchor">#</a> 2.3.3(2018年12月26日)</h2> <ul><li>恢复了将vue作为外部添加,这导致加载umd时出现问题。</li></ul> <h2 id="_2-3-2-2018年12月13日"><a href="#_2-3-2-2018年12月13日" class="header-anchor">#</a> 2.3.2(2018年12月13日)</h2> <ul><li>添加了vue作为外部webpack配置以修复启动问题 (感谢 <a href="https://github.com/Micene09" target="_blank" rel="noopener noreferrer">Micene9<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="_2-3-1-2018年11月6日"><a href="#_2-3-1-2018年11月6日" class="header-anchor">#</a> 2.3.1(2018年11月6日)</h2> <ul><li>之前在Android上进行触摸拖动的修复方法打破了在其他移动浏览器上的拖动 (感谢 <a href="https://github.com/onx2" target="_blank" rel="noopener noreferrer">onx2<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="_2-3-0-2018年10月26日"><a href="#_2-3-0-2018年10月26日" class="header-anchor">#</a> 2.3.0(2018年10月26日)</h2> <ul><li>响应式布局支持 (感谢 <a href="https://github.com/shpfive" target="_blank" rel="noopener noreferrer">shpfive<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>已修复了在Android上进行触摸拖动的问题 (感谢 <a href="https://github.com/pbabey" target="_blank" rel="noopener noreferrer">pbabey<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="_2-2-0-2018年9月10日"><a href="#_2-2-0-2018年9月10日" class="header-anchor">#</a> 2.2.0(2018年9月10日)</h2> <ul><li>使用Vue CLI更改了项目结构并进行了构建</li> <li>GridItem新的autosize方法。现在,需要使用this.$parent.autoSize()从子组件中调用 (感谢 <a href="https://github.com/mech01nc01" target="_blank" rel="noopener noreferrer">mech01nc01<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>抽象的DOM相关要求提供初始SSR支持 (感谢 <a href="https://github.com/Kukks" target="_blank" rel="noopener noreferrer">Kukks<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>GridItem.i现在可以是数字或字符串 (感谢 <a href="https://github.com/xch1029" target="_blank" rel="noopener noreferrer">xch1029<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>使用interactjs大小来限制调整大小 (感谢 <a href="https://github.com/LuisCarreras" target="_blank" rel="noopener noreferrer">LuisCarreras<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>已修复了实例释放时的interactjs实例泄漏 (感谢 <a href="https://github.com/zzuligy" target="_blank" rel="noopener noreferrer">zzuligy<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="_2-1-13-2018年5月2日"><a href="#_2-1-13-2018年5月2日" class="header-anchor">#</a> 2.1.13(2018年5月2日)</h2> <ul><li>调整大小事件现在也发出以像素为单位的尺寸 (感谢 <a href="https://github.com/buremba" target="_blank" rel="noopener noreferrer">buremba<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>支持动态列修改(#121) (感谢 <a href="https://github.com/ittus" target="_blank" rel="noopener noreferrer">ittus<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="_2-1-12-2018年2月27日"><a href="#_2-1-12-2018年2月27日" class="header-anchor">#</a> 2.1.12(2018年2月27日)</h2> <ul><li>将interact.js更新为1.3.3 (#144)</li></ul> <h2 id="_2-1-11-2018年1月5日"><a href="#_2-1-11-2018年1月5日" class="header-anchor">#</a> 2.1.11(2018年1月5日)</h2> <ul><li>解决了同一个虚拟机(#134)上有多个栅格的问题 (感谢 <a href="https://github.com/sunzongzheng" target="_blank" rel="noopener noreferrer">Suen<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>解决了重新分配时布局更新的问题(#130) (感谢 <a href="https://github.com/daizengyu123" target="_blank" rel="noopener noreferrer">daizengyu<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="_2-1-10-2017年12月15日"><a href="#_2-1-10-2017年12月15日" class="header-anchor">#</a> 2.1.10(2017年12月15日)</h2> <ul><li>已修复了与#119相关的可能错误</li> <li>将CSS转换为Translation3D(#96)</li> <li>添加了is-mirrored配置,允许从右向左渲染栅格元素(水平翻转) (感谢 <a href="https://github.com/kweij" target="_blank" rel="noopener noreferrer">kweij<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>添加了栅格更新事件,可以更轻松地与vuex集成 (感谢 <a href="https://github.com/SergeyKhval" target="_blank" rel="noopener noreferrer">SergeyKhval<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="_2-1-9-2017年8月17日"><a href="#_2-1-9-2017年8月17日" class="header-anchor">#</a> 2.1.9(2017年8月17日)</h2> <ul><li>已修复了对interact.js的本地模块引用</li></ul> <h2 id="_2-1-8-2017年8月17日"><a href="#_2-1-8-2017年8月17日" class="header-anchor">#</a> 2.1.8(2017年8月17日)</h2> <ul><li>已修复#61、#37</li> <li>已修复#82</li> <li>已修复#87</li></ul> <h2 id="_2-1-7-2017年8月17日"><a href="#_2-1-7-2017年8月17日" class="header-anchor">#</a> 2.1.7(2017年8月17日)</h2> <ul><li>已修复#59</li> <li>已修复#83</li> <li>对GridItem中props的dragAllowFrom和dragIgnoreFrom实现了支持 (感谢 <a href="https://github.com/ThePlastic" target="_blank" rel="noopener noreferrer">ThePlastic<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="_2-1-6-2017年4月6日"><a href="#_2-1-6-2017年4月6日" class="header-anchor">#</a> 2.1.6(2017年4月6日)</h2> <ul><li>已修复#43,配置拖曳元件上的栅格项内容忽略 (感谢 <a href="https://github.com/neithere" target="_blank" rel="noopener noreferrer">neithere<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>已修复了getLayoutItem,有时返回null元素 (感谢 <a href="https://github.com/pbabey" target="_blank" rel="noopener noreferrer">pbabey<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="_2-1-5-2017年3月24日"><a href="#_2-1-5-2017年3月24日" class="header-anchor">#</a> 2.1.5(2017年3月24日)</h2> <ul><li>真正修复#22、#32,多个栅格实例在2.1.4中无法正常工作</li> <li>resizeEvent现在还以像素为单位返回元素的宽度和高度(实现#34)</li></ul> <h2 id="_2-1-4-2017年3月20日"><a href="#_2-1-4-2017年3月20日" class="header-anchor">#</a> 2.1.4(2017年3月20日)</h2> <ul><li>实现#32,在同一页面上支持多个栅格实例</li></ul> <h2 id="_2-1-3-2017年3月9日"><a href="#_2-1-3-2017年3月9日" class="header-anchor">#</a> 2.1.3(2017年3月9日)</h2> <ul><li>已修复#27, props属性突变告警</li></ul> <h2 id="_2-1-2-2017年2月16日"><a href="#_2-1-2-2017年2月16日" class="header-anchor">#</a> 2.1.2(2017年2月16日)</h2> <ul><li>实现#12,GridItems上的按钮将触发移动设备上的拖动</li> <li>实现#24,在销毁之前删除监听 (感谢 <a href="https://github.com/pbabey" target="_blank" rel="noopener noreferrer">pbabey<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="_2-1-1-2017年2月9日"><a href="#_2-1-1-2017年2月9日" class="header-anchor">#</a> 2.1.1(2017年2月9日)</h2> <ul><li>实现#13,支持行高动态更新</li> <li>实现#23,支持动态启用/禁用拖动和调整大小</li> <li>实现#21,移动并调整大小的事件</li></ul> <h2 id="_2-1-0-2017年2月6日"><a href="#_2-1-0-2017年2月6日" class="header-anchor">#</a> 2.1.0(2017年2月6日)</h2> <ul><li>RTL支持 (感谢 <a href="https://github.com/easteregg" target="_blank" rel="noopener noreferrer">easteregg<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>移动和调整事件大小 (感谢 <a href="https://github.com/ThePlastic" target="_blank" rel="noopener noreferrer">ThePlastic<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/jbaysolutions/vue-grid-layout/edit/master/website/docs/zh/changelog/README.md" target="_blank" rel="noopener noreferrer">帮助改善此页面!</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">最后更新时间:</span> <span class="time">2021/1/18 11:11:02</span></div></footer> <!----> </main></div><div class="global-ui"><!----></div></div> <script src="/vue-grid-layout/assets/js/app.3b46d3a7.js" defer></script><script src="/vue-grid-layout/assets/js/5.fbd53fc9.js" defer></script><script src="/vue-grid-layout/assets/js/4.9a10d8f3.js" defer></script><script src="/vue-grid-layout/assets/js/45.c4a5f6c2.js" defer></script> </body> </html>