Published by catouse 10 months ago
list-unstyled
用于移除 <ol>
和 <ul>
列表样式;hideOthers
选项在显示时隐藏其他已经显示的提示消息;placement
选项可能失效的问题;closeOthers
选项用于设置对话框打开时关闭其他已经打开的对话框。Published by catouse 10 months ago
maxDate
和 minDate
的支持,用于设置可选日期范围;-webkit-font-smoothing:antialiased
以获得更加平滑的边缘;pointer
;zui.定制名称.css
;Published by catouse 10 months ago
这是 ZUI 3 的 alpha 测试版本,后面将加快更新速度,欢迎随时反馈问题 :)
访问 https://easysoft.github.io/zui/3/ 来提前预览组件库。
👉 如果你需要访问 ZUI 1,请访问 https://openzui.com/ ,ZUI 1 源码已经转移到 zui1
分支。
Published by catouse almost 3 years ago
[2021-11-04]
本次更新新增下拉选择器插件,兼容 Chosen 用法,支持大数目选项列表以及从服务器进行搜索;本次更新还修复了大量已知问题,欢迎更新!
新增下拉选择器组件
单选模式 | 多选模式 |
---|---|
.not-clear-menu
的支持,在 .dropdown-menu
内使用此辅助类可以禁用用户点击特定元素时隐藏下拉菜单;scrollInside
选项后,对话框尺寸可能计算错误的问题;$.fn.modalTrigger(methodName)
导致重复监听触发打开事件的问题;limitInsideWindow
用于限制菜单面板显示在窗口区域内;show
用于初始化完成后立即显示菜单;toggleTrigger
用于启用点击触发元素切换菜单显示和隐藏行为;menuCreator
用于自定义生成菜单元素;position
用于动态返回菜单位置;ContextMenu.isShow
方法用于检查指定 ID 菜单是否已经显示;transferEvents
用于将编辑器 iframe 页面内的点击事件传递到父级页面;Array.forEach
和 Array.isArray
polyfills;$.zui.uuid()
在 IE11 下失效的问题;const
关键字导致在 IE8 下 JS 执行错误。Published by catouse over 4 years ago
[2020-07-09]
本次更新修复了已知问题,并进行大量改进。
ZUI 官方网站为 https://www.openzui.com/ ,并提供了英文文档 https://www.openzui.com/en/ 。
text-wrap
辅助类,相对于 text-nowrap
用于快速设置文本换行样式;<a href="#heading1" />
);.input-group-addon
时的边框样式;.nav
、 .nav.nav-default
或 .nav.nav-simple
形式;icon-renren
图标;<select>
下拉三角图标的外观,与其他平台上统一;no_wrap
选项来禁用下拉选项上的文本换行,此选项默认不开启;sort_field
和 sort_value_splitter
选项来记录用户进行多选时选项在界面上显示的顺序;drop_item_height
选项用于指定下拉菜单上的选项高度,便于自动设置下拉菜单样式和弹出方向,通常此选项会自动进行计算,但当用户手动调整了 CSS 样式时可能需要此选项来手动指定高度;change
事件参数,当用户进行反选操作时会通过事件回调函数第二个参数对象上的 deselected
属性返回被取消选中的值;$.fn.chosen.Constructor.DEFAULTS
可能失效的问题;middle_highlight
在 max_drop_width
选项开启时失效的问题;className
用于向弹出菜单元素添加自定义类名;html
属性,如果指定 HTML 文本则会作为构建整个菜单项使用,而不仅仅是作为菜单项文本内容,这样方便用户构建任意交互形式的菜单项;$.zui.reloadModal(urlOrOptions, modalID)
来方便用户重新载入指定远程对话框上的内容,当对话框内容重新载入时会显示加载中提示动画;scrollInside
选项,现在同时支持对话框和对话框触发器,解决了在一些特殊情况下没有按预期工作的问题,并针对浏览器窗口发生变化情况进行了优化;$.fn.show()
方法时没有使用全局选项 $.zui.ModalTrigger.DEFAULTS
的问题;broken
事件时没有返回有效的 HTML 字符串可能导致出错的问题;initialState
增加新的选项值 'active'
,在初始化之后展开所有激活的节点以及对应的父节点(确保激活的节点可见)$.fn.expandSelect(selector)
方法,用户展开指定的节点以及父节点;$.zui.Messager.DEFAULTS.icons
来设置预设类型的图标;onSizeError
选项,当原始图片尺寸不符合选项 minWidth
和 minHeight
要求时的回调函数,包含一个参数 {width, height}
用于返回当前图片宽和高,在此函数内可以提示用户更换图片;hideFirstDayNumber
选项用于隐藏月份第一天时的日期显示(会显示 “一月”,而不是 “一月1”);$.fn.removeEvents()
出错的问题(@JIMhackKING issue #157);status
或 result
属性仍然视为上传成功;onClickCell
事件,用于监听用户点击单元格事件;gotoPage
的描述错(issue #156);$.zui.uuid()
方法,现在返回的字符串长度为 12,之前为 10;$.zui.browser
对 IE11 的检查问题;3.4.1
版本,旧的 1.12.4
仍然可用;<html>
标签上通过 lang
属性来指定语言并且使用组件时没有指定语言选项时,默认以英文作为默认界面语言。Published by catouse over 5 years ago
大幅优化 Kindeditor 交互体验,重做 Kindeditor 内表格功能。
placeholder
选项为编辑器设置并显示没有内容时的占位提示文本;pasteImage
选项实现贴图自动上传功能;spellcheck
选项启用或禁用拼写检查功能;transferTab
选项禁用编辑器内 Tab 键插入空格功能,转而实现激活编辑器在页面上下一个表单控件;syncAfterBlur
选项实现自动在编辑器失去焦点时执行同步(sync()
)操作;simpleWrap
选项来优化源码格式化功能,当该选项为 true
时,源码中当块级元素内容不会显示为新的行;themeType
选项指定主题样式表的问题;max_drop_width
选项,用于启用根据下拉菜单条目文字长度自动调整下拉菜单宽度的功能(STORY #220);highlight_selected
选项,用于让下拉菜单上的选中项目永远有高亮效果,并且与鼠标悬停时的效果进行区分(STORY #217);height
设置为 page
时鼠标无法滚动的问题(BUG #28);<select>
在 macOS 系统上强制拥有圆角外观的问题;modal
):
e.preventDefault is undefined
错误。Published by catouse over 5 years ago
新增 加载指示器,并解决了已知问题。
.clearfix
声明重复的问题(issue #99);<a>
和按钮元素上的默认 CSS 动画效果,现在仅针对部分 CSS 属性(例如 color
、background
等)启用动画;.no-margin
辅助类用于强制移除元素的外边距;.col-1
、.col-2
~ .col-12
辅助类,用于进行快捷宽度设置,但不提供响应式效果;scrollInside
选项用于设置当对话框高度不够时是否在对话框内部显示滚动条;position
选项,现在支持使用一个函数来动态返回对话框打开时的位置;.nav-default
类来提供基本导航样式,便于定制个性化导航;updateColor
选项失效的问题;onKeyDown
事件失效的问题;saerch_compact
选项用于应用更加紧凑的单选选择框外观,此时搜索框与选择框合并一起显示;.form-control
类,则自定将 Chosen 控件宽度设置为 100%
;autoResetFails
选项用于自动重置上传失败的文件;plupload
升级到 2.3.6
;<li>
)被激活时(拥有 .active
类),自动在激活的父节点上添加 .has-active-item
类,方便自定义高级外观;title
属性;onSelectRow
事件,用于监听行选中状态变更;showRowIndex
选项没有按预期生效的问题;value
属性为 undefined
时在界面上显示为 'undefined'
的问题,现在改为不显示任何内容;resetData(data)
方法用于重新设置日历数据;eventSorter
选项,用于指定一个回调函数来比较两个事件对象,每次渲染日历时会对事件进行排序操作;reopen()
方法有时没有生效的问题;dropToClass
和 stopPropagation
选项;listenClick
选项,如果设置为 false,则用户点击元素但没有拖拽操作时不会选中任何内容;$.zui.uuid()
方法,现在该方法会 36 进制字符串来代替数字,减少结果长度;$.zui.Color
构造方法支持 RGB 颜色字符串格式,例如 new $.zui.Color('rgba(255,0,0,0.5)')
;Published by catouse almost 7 years ago
解决了近两周社区反馈的问题。
responsive
选项和 checkbox
选项同时启用冲突的问题@YNZZZ);configs
中的 html
属性和列配置的 html
属性设置为 true
时没有生效的问题(@YNZZ);valueOperator
没有按照预期工作的问题,同时修复了值转换期函数中参数不完整的问题(@zz);checkByClickRow
和 selectable
选项冲突的问题,当 checkByClickRow
被禁用时,如果开启拖拽选择,则仅可以在勾选框所在列进行拖选操作(@YNZZZ);mouseWheelFactor
参数用于控制滚轮滚动速度和方向;id
或 rowId
属性时获取选中行编号为 undefined
的问题;showRowIndex
设置为 false
列宽混乱的问题;1
;html
选项设置为 true
时没有按照预期工作的问题;.no-padding
类用于移除元素所有内边距;input-group-addon
左侧边框有双倍宽度的问题;hideEmptyWeekends
默认值设置为 false
;setImage(image, caption)
和 show()
方法用于手动控制显示和更新内容(QQ 群 @深圳市雷诺表业-it);感谢 @neo20、zora-han 提交了 Pull Request。欢迎大家反馈建议,最好是在论坛发帖或者在 Github 上提交 issue,更欢迎有能力的同学提交 Pull Request。
Published by catouse almost 7 years ago
1.8 版本带来了多个新的 JS 组件,包括全新的数据表格2、标签页管理器、上下文菜单、搜索框、输入框和分页器。
数据表格2支持自定义数据源(包括远程数据),提供行列固定、排序、分页、搜索、行选择、自适应、跨行跨列单元格等重量级功能,并且使用灵活方便定制(旧版本数据表格将不再继续支持,将于 1.9 中淘汰)。
标签页管理器最大化增强了标签页控件功能,现在可以使用标签页动态加载内容,甚至是远程页码,还可以手动打开、关闭标签页,就像使用浏览器标签页一样方便。
上下文菜单允许你在任意位置弹出浮动在鼠标光标附近的菜单,非常方便的监听鼠标右键并屏蔽系统行为从而定制自己的右键菜单。
分页器提供完全自动化的分页界面控件管理,只需要给定当前页码和条目数目即可。
搜索框提供了常用的搜索输入框+按钮的组合界面,并且提供一个延迟触发事件用于监听搜索框文本变更事件,使用搜索框可以非常方便的定制现代话搜索交互功能。
输入框创建了一种将标签和图标内置到输入框的现代化形式,创建更美观的表单界面。
icon-check-plus
和 icon-check-minus
图标,现在看起来更大些;.fix-padding
在 IE8 上失效的问题;name
属性时会自动更新界面上的文件名;staticFiles
)对支持,现在在提示信息中会计算静态文件的个数和大小;renameActionOnDone
回调函数执行参数 doRenameFile
方法无效的问题;addData()
方法后当显示鼠标悬停标签出错的问题;<option>
上的 value
属性;drop_direction
选项设置为 'auto'
时,现在弹出方向不会随着条目数目变动;moveable
选项,当设置为 'inside'
时不会允许用户将模态框移动到窗口可视区域之外;className
选项失效的问题;broken
事件中返回的错误文本内容没有显示的问题;canMoveHere
选项;move
选项,现在可以使用一个回调函数来执行移动操作;lazy
、canMoveHere
、nested
选项对支持;start
事件中获取不到事件参数 event
的问题;destroy
无效的问题;foldable
属性来设置是否可以折叠该节点;dragThenDrop
选项的支持,现在可以使用一个对象来初始化拖放插件;hideEmptyWeekends
选项可以折叠周末所在列;contentClass
选项失效的问题;<html>
会自动添加 os-win
或 os-mac
等辅助类用于为不同的操作系统应用样式;svg
标签 max-width
样式设定,避免在一些地图控件中造成冲突。Published by catouse over 7 years ago
本次更新修复了文件上传等组件等关键 bug,增加了一个新的视图:组织结构图,轻松绘制多级树形组织结构图,支持节点的动态更新和层级折叠控制。
详细内容访问:http://zui.sexy 。
增加了一些以颜色命名的外观辅助类,分别对应之前的以语义命名形式,这样更适合一些中性语义环境。
新增辅助类 原辅助类
------------------------------------
.text-gray .text-muted
.text-red .text-danger
.text-green .text-success
.text-yellow .text-blue
.text-brown .text-important
.text-purple .text-special
.hl-gray .hl-default
.hl-red .hl-danger
.hl-green .hl-success
.hl-yellow .hl-blue
.hl-brown .hl-important
.hl-purple .hl-special
.bg-black .bg-default
.bg-red .bg-danger
.bg-green .bg-success
.bg-yellow .bg-blue
.bg-brown .bg-important
.bg-purple .bg-special
.icon-plus-sign-alt
,.icon-check-plus
,.icon-chanzhi
,,.icon-chanzhi-pro
,,.icon-zsite
,,.icon-zsite-pro
;multipart_params
选项设置无效的问题;multipart_params
为函数时,该回调函数会使用当前文件对象作为第一个参数,默认值作为第二个参数;download
属性指定文件下载文件名;renameExtension
设置为 false
),在重命名时不显示扩展名;.text-red
,.text-green
,.bg-yellow
,hl-blue
等);className
选项来指定生成的对话框额外添加的 CLASS 属性;scaleLineHeight
选项);colorset.js
的依赖,现在快捷指定图表配色不需要单独引入 colorset.js
插件;fixCellHeight
选项用于禁用自动调整行高(行高可以使用 CSS 设定,从而避免每次自动计算提示了性能),默认为 true
(启用自动调整,行为与之前的版本一致);panelAttrs
和 colAttrs
选项无效的问题;$.zui.Color
类增加类方法 get(colorName)
,用于快速创建一个新的颜色实例;mouseButton
选项用于指定点击哪个鼠标按键会出发拖放操作;destroy()
方法出错的问题;lib
目录下资源的提示;Published by catouse over 7 years ago
ZUI 1.6 发布了!这次带来的新的内容包括 文件上传视图 和 开关控件 ,另外增为 图标 字体增加了 6 个新的图标,树形菜单、仪表盘、工具提示、弹出面板 等功能得到增强,为了提升 JS 性能重做了 拖拽、拖放、拖放排序、拖放选取 等插件,另外修复了社区反馈的大量 bug。
详细内容访问:http://zui.sexy 。
文件上传提供文件队列、大文件分片、自定义UI等功能,现在在你的网站上管理文件更加方便。
大家喜爱的开关控件也加入了 ZUI。
仪表盘中的区别可以任意调整高度了,同一行的面板会自动保持一致。
.icon-database
、.icon-eraser
、.icon-strikethrouth
、.icon-underline
、.icon-header
、.icon-italic
;.switch
,详情访问 http://zui.sexy/#control/switch ;ESC
键导致文档页面关闭而对话框背景层还存在导致页面不可用的问题;.nav.nav-tabs.nav-stacked
实现;.tree.tree-menu
来实现垂直菜单的功能,详情参见文档 视图 → 树形菜单 → 树形导航菜单;.tree.tree-menu
实现;.tree-lines
在一些情况下连接线不连贯或超出的问题;multiTooltipTemplate
的默认值,现在默认情况下会显示数据值所属的数据表名称;finish
事件没有被触发的问题;mouseup
事件没有触发导致选择框无法消失的问题;tipClass
和 tipId
选项;tipClass
来指定;$().tooltip('hide')
之后,没有从页面移除动态生成的 .tooltip
元素的问题;.dropdown-hover
类来实现不需要点击触发按钮只需要鼠标悬停就可以展开下拉菜单面板;.ol-pd-2
、.ol-pd-3
、.ol-pd-4
特殊类来修正左侧边距,并提供了一个 JS 方法 $().fixOlPd()
来手动修正;<hr>
元素增加了 .divider
和 .divider-sm
类获得不同外边距的分割线;onAction
事件回调函数时提示 result
未定义大问题;destory
更正为 destroy
;new
方法创建实例时报错的问题(issue #32);dist
目录下没有包含插件资源的问题;eleClass
和 eleId
选项来为动态生成的日期选择面板元素指定 CLASS 和 ID 属性;updateColors()
和 addColor()
方法无法直接添加字符串形式的颜色值的问题;middle_hightlight
选择来让打开下拉面板时选中的选项尽量列表中间位置;.show
辅助类会使用 !important
修饰,避免在一些情况下失效;$.zui.strCode(str)
来将一个字符串转换为一个唯一的数值,任何字符串都对应一个唯一的整数;Published by catouse about 8 years ago
新增拖拽选取和颜色选择器插件,大量组件根据社区反馈进行了优化,修复了已发现的问题,加入支付宝和淘宝相关字体图标。
文档网站得到大幅改进,为宽屏用户增加了双栏浏览模式,大部分组件文档都得到更新,更全面的说明更多的示例和代码。
更多内容访问官方网站:http://zui.sexy
1200px
;*.min.*
)的文件链接,文件链接会指向当前版本的链接而不是最新开发中的文件;file:
协议访问文档首页时会显示部署到服务器的提示信息;v:
和 v:new
命令来查找更新和新增的内容;dist/colorpicker
目录下可以找到相关文件;dist/selectable
目录下可以找到相关文件;.icon
类实现等宽图标;initialState
选项新增 preserve
值,允许使用本地存储来还原用户上次操作后的状态;.tree-lines
选项,现在任何时候都不会显示多余的连接线;destory
方法,从页面移除动态创建的元素;kindeditor.min.css
的问题;dist/kindeditor
目录下的一些没有用到的文件;.hover
类来实现获得焦点外观效果,不再需要用户手动绑定 afterFocus
和 afterBlur
事件来实现;dist/ueditor/
目录下找到;.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
方法更新内容失效的问题;[data-height]
后无法显示的问题;loaded
事件有时会调用两次的问题;.modal-body
的内容超出后允许滚动浏览;startDate
选项设置无效的问题;data
选项,允许通过数据来动态创建面板内容;.panel-loading
应用加载中的动态图标;isColor
现在是类方法,不需要在实例上调用;Color.names
访问所有已命名的颜色;z-index
过大会挡住页面其他内容的问题;chekcs
属性来访问行选中情况;fixedHeader
选项默认值设置为 false
,避免在一些情况下出现错位的问题;.content
类来取代 .article-content
,在 .content
内段落等元素会应用下边距;.droppable
选项来自行处理拖拽过程;[data-toggle="boards"]
的支持;resetImage
方法动态设置待剪切的图片;npm start
命令启动本地文档网站服务器(http-server
实现);lib
和 minJSON
任务;autoprefixer
选项,现在已明确指定各浏览器版本;navbars.fixed-left.less
、pager.popover.less
、auto-trigger.js
、pager.js
;gulp lib
来调用 seperate
任务;boards
、dashboard
、sortable
不再在标准版中提供;bootbox
、.colorpicker
、colorset.js
、dashboard
、imgready
、selectable
、sortable
、ueditor
已加入独立组件包;644
。Published by catouse over 8 years ago
本次更新了大部分文档,增加了必要的代码示例。
简单易用的树形菜单组件加入了ZUI。
主题功能得到增强,文档中的主题章节提供实时预览和编译定制功能。
修复了论坛和QQ群中反馈的大部分问题。
hightlight-*
更名为hl-*
;.col
辅助类来方便自定义栅格大小;tipClass
和tipId
选项;show(content)
方法增加content参数来动态改变现实的内容;icon-yingyang
更正为icon-yinyang
,icon-check2
更正为icon-checked
;base height
,现在图标和文字混合时更为自然;.alert-primary-inverse
的深色外观的使用主要配色的消息框;transparent
;variables.less
中单独定义;variables.less
中的定义;.modal-fullscreen
实现;draggable
更改为moveable
;rememberPos
选项来记住用户拖拽后模态框的位置;allowfullscreen
属性(by @YuanXu);iframeBodyClass
选项来定义远程对话框中的iframe标签上的CLASS;waittime
选项来显示远程内容加载的时间,增加broken
事件来监听远程内容加载失败时的事件;loadingicon
选项来自定义远程加载内容时所显示的图标;pcikerPosition
选项来控制弹出面板的弹出方向和显示位置,如果此选项指定为auto-*
,则自动决定最合适的位置;dropDirection
选项来控制弹出面板的弹出方向,如果为auto
则自动决定最合适的位置;lang
选项来设置界面语言;varuables.less
中可配置;before
事件;reset()
方法有时工作不正确的问题;<select>
在火狐浏览器中弹出时的虚线边框;title
属性;load
方法通过$().datatable('load', newData)
形式调用无法生效的问题;keepSort
属性来防止更新数据时排序发生重置的问题;before
事件的支持;showLable
选项来显示或隐藏标签;showLable
和scaleValuePlacement
选项来在柱形上指定位置显示标签;scaleShowBeyondLine
选项来控制坐标轴样式;src/less/basic/setting.less
中读取LESS配置;package.json
中的lib
和builds
数据,现在使用zui.json
来单独管理这些数据;.tip(content)
方法允许用户自定义浏览器低版本提示信息;Published by catouse over 9 years ago
本次更新增加了一些实用的功能组件,并对原有的组件进行了大幅优化。欢迎大家提出建议。
Published by catouse over 9 years ago
全新的文档网站来了!键盘侠新福利:使用搜索来查找内容,并支持快捷键操作。
增加图表视图组件,支持对饼图、柱状图和曲线图的展示。
另外微调了默认配色,对多个组件UI细节进行了优化,修复大量了问题。
ZUI论坛也开张了,欢迎大家在论坛发帖讨论。
访问ZUI的官方网站了解更多:http://zui.sexy.
Published by catouse over 9 years ago
ZUI1.2正式版终于发布了!
此版本增加了很多新特性,同时修复了大量问题,文档也得到大幅完善。欢迎大家使用并反馈问题。
Published by catouse over 9 years ago
Published by catouse over 9 years ago
一个开源前端实践方案,帮助你快速构现代跨屏应用。
从项目网站了解更多: http://easysoft.github.io/zui/ 。