ZUI發布1.5版本，新增拖拽選取和顔色選擇器插件
原創
最后编辑：潘仙芝 于 2016-09-07 09:56:20
9188次查看
本篇目錄
ZUI發布1.5版本啦。
新增拖拽選取和顔色選擇器插件，大量組件根據社區反饋進行了優化，修複了已發現的問題，加入支付寶和淘寶相關字體圖標。
文檔網站得到大幅改進，爲寬屏用戶增加了雙欄浏覽模式，大部分組件文檔都得到更新，更全面的說明更多的示例和代碼。
更多內容訪問官方網站： http://zui.sexy
更新明細：
- 文檔網站：
- 新增一些基礎內容文檔，一些缺失文檔的組件得到更新，包括：多選和單選框、Color、拖動、拖放排序等，大量舊的文檔得到更新；
- 新增雙欄浏覽模式，實現在寬屏設備上同時浏覽目錄和頁面內容，要求浏覽器視窗寬度不少于 1200px；
- 所有内部页面均转换为 Markdown 格式，更易于维护；
- 修複第一次访问文档有时无法成功获取病显示 ZUI 版本号，并且无法自动打开 URL 指定的的子页面；
- 修複加載內部頁面有時出錯的問題；
- 修複内部页面頂部徽标信息不正确的问题，所有源于 Bootstrap 组件的内容在内部页面都有专门的徽标标识，源码及打包文件列表下拉菜单中不再显示压缩后（包含 *.min.*）的文件鏈接，文件鏈接會指向當前版本的鏈接而不是最新開發中的文件；
- 修複“選擇版本和定制”頁面組件清單不准確的問題，增加顯示組件來源信息；
- 當使用 file:协议访问文档首頁时会显示部署到服务器的提示信息；
- 修複內容頁面加載失敗後錯誤信息不顯示的問題；
- 優化文档资源（包括 JSON 文件和图片），提升加载速度；
- 當前版本新增或得到更新的文檔內容頁面會在目錄顯示對應的徽標；
- 增強文檔搜索功能，支持 v:和 v:new命令來查找更新和新增的內容；
- 完善了文檔索引數據，更方便搜索內容，更准確的目錄信息；
- 優化打開日期選擇插件頁面後在主頁面創建很多無用的元素的問題；
- 文档网站不再为 IE8-10 提供完整支持；
- 優化文檔在移動設備上的體驗；
- 顔色選擇器：
- 新增顔色選取插件，方便用戶選擇預設的顔色或輸入顔色值，在 dist/colorpicker目錄下可以找到相關文件；
- 拖拽選取：
- 新增拖拽選取插件，方便用戶通過拖拽區域來選擇區域範圍內的元素，在 dist/selectable目錄下可以找到相關文件；
- 圖標：
- 新增支付寶和淘寶圖標；
- 使用 .icon類實現等寬圖標；
- 樹形菜單：
- initialState選項新增 preserve值，允許使用本地存儲來還原用戶上次操作後的狀態；
- 新增一系列新的选项支持動態构建和更新 DOM 节点，新增导出数据功能；
- 優化 .tree-lines選項，現在任何時候都不會顯示多余的連接線；
- 漂浮消息：
- 現在可以通過多個消息示例在頁面上同時顯示多條消息；
- 現在可以自定義消息右側的操作按鈕，可以同時顯示多個操作按鈕；
- 支持通過选项来指定動態创建的消息元素的类；
- 新增 destory方法，从页面移除動態创建的元素；
- Kindeitor：
- 修複頁面上無法加載 kindeditor.min.css的問題；
- 移除 dist/kindeditor目錄下的一些沒有用到的文件；
- Kindeitor 在获得焦点时会自动为编辑器容器元素添加 .hover類來實現獲得焦點外觀效果，不再需要用戶手動綁定 afterFocus和 afterBlur事件來實現；
- UEditor：
- 为 UEditor 增加主题样式表，可以在 dist/ueditor/目錄下找到；
- jQuery：
- 修複与 jQuery 2.* 及 3.* 版本一起使用时发生错误的問題；
- 下拉菜單：
- 優化包含子菜单的下拉菜单，可以为子菜单的 .dropdown-menu添加 .pull-left類來更改子菜單彈出方向；
- 優化下拉菜单按钮中的三角图标样式；
- 標簽頁：
- 現在可以通過爲觸發元素添加 [data-tab]屬性來快捷啓用標簽頁；
- 折疊：
- 優化折叠分组的实现，不仅仅是面板组，現在可以使用任何相同的父级元素来实现任意分组；
- 柵格和布局：
- 增加 .container-fluid和 .container-fixed-*；
- .responsive-*可以配合 .inline和 .inline-block使用；
- 文字排版：
- 增加 .dl-inline輔助類；
- 優化引用块的外观；
- 代碼：
- 新增對 <kbd>應用外觀樣式；
- 新增 .code類應用等寬字體樣式；
- 滾動條：
- 滾動條外觀僅僅針對移動設備使用；
- 進度條：
- 優化条纹外观效果；
- 標簽和徽標：
- 優化标签和徽标外观，優化其在导航中或配合其他组件使用时的样式；
- 表格：
- 新增 .table-auto類實現自動寬度表格；
- 表單：
- 優化表单控件及视图，移除表单中对 .control-label的依賴；
- 導航和導航條：
- 限制了 .navbar-brand的水平內邊距，不會出現過小的情況；
- 本地存儲：
- 修複了本地存储不可用出现错误的問題；
- 現在在本地存儲不可用時調用相關方法也不會出現錯誤，這些數據會存儲在內存中；
- 工具提示：
- 修複使用 show方法更新内容失效的問題；
- 對話框、對話框觸發器：
- 修複 iframe 對話框設定 [data-height]后无法显示的問題；
- 修複对话框触发器的 loaded事件有时会调用两次的問題；
- 重新設計了全屏對話框外觀， .modal-body的內容超出後允許滾動浏覽；
- 模態對話框：
- 調整按鈕順序，現在表示積極操作的按鈕會顯示在前面；
- 分頁條：
- 修複激活的条目和禁用的条目样式有时没有生效的問題；
- 優化激活的条目的外观；
- 日曆：
- 修複“今天”按钮不同年份也被禁止点击的错误；
- 修複 startDate选项设置无效的問題；
- 儀表盤：
- 新增data选项，允許通過数据来動態创建面板内容；
- 支持通過拖拽面板邊緣更改柵格尺寸功能；
- 優化从远处更新面板内容的策略；
- 優化操作按钮外观；
- 新增 .panel-loading应用加载中的動態图标；
- 圖片浏覽：
- 修複打开图片浏览页面发生抖动的問題；
- Color：
- isColor現在是類方法，不需要在實例上調用；
- 允許通過 Color.names訪問所有已命名的顔色；
- 數據表格：
- 修複固定头部时 z-index过大会挡住页面其他内容的問題；
- 支持拖拽選取行；
- 修複点击切换选中行有时失效的問題；
- 現在可以隨時通過 chekcs屬性來訪問行選中情況；
- fixedHeader選項默認值設置爲 false，避免在一些情况下出现错位的問題；
- 文章：
- 新增 .content類來取代 .article-content，在 .content內段落等元素會應用下邊距；
- 卡片：
- 優化卡片视图外观；
- 圖表：
- 修複饼状图环绕文字标签有时不显示的問題；
- 看板：
- 可以通過 .droppable選項來自行處理拖拽過程；
- 移除對 [data-toggle="boards"]的支持；
- 圖片剪切：
- 新增 resetImage方法動態设置待剪切的图片；
- 主題：
- 修複主题中面板颜色主题不正确的問題；
- 開發者支持：
- 發布到了 npm；
- 支持使用 npm start命令啓動本地文檔網站服務器（ http-server實現）；
- 優化 gulp 任務，支持更多選項，新增 lib和 minJSON任務；
- 修改 autoprefixer選項，現在已明確指定各浏覽器版本；
- 移除了 navbars.fixed-left.less、 pager.popover.less、 auto-trigger.js、 pager.js；
- 現在可以使用 gulp lib來調用 seperate任務；
- 優化文档的 debug 浏覽模式；
- boards、 dashboard、 sortable不再在標准版中提供； bootbox、 .colorpicker、 colorset.js、 dashboard、 imgready、 selectable、 sortable、 ueditor已加入獨立組件包；
- 通過 gulp 生成的文件模式更改爲 644。
産品動態
