ZUI 开源HTML5跨屏框架 - AI研究社

ZUI 开源HTML5跨屏框架

ZUI开源HTML5跨屏框架是一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。

ZUI 3 是一个全新的开源 UI 组件库,提供了丰富的实用组件,并提供自由的定制使用方式,不依赖任何 JavaScript 框架,可以在任何 Web 应用中通过原生的方式使用。

丰富的 CSS 工具类:基于 Tailwind CSS 提供了丰富的 CSS 工具类,包括特别的语义化外观类名;💠 强大的 JS 组件:基于 Preact 提供了大量 JavaScript 组件,每个组件提供了大量实用的功能选项;💖 友好现代的界面:提供了经过精心设计的界面风格,所有组件交互经过反复优化和验证以提供最佳方式;🌗 主题和深色模式:基于 CSS 变量的主题模式,快速生成主题,内置支持深色模式📦 自由使用:不依赖具体的框架,所有 CSS 工具类开箱即用,所有 JS 组件支持原生调用,丰富的引入方式,支持通过 ESM 导入,或者直接在浏览器中引用整个 JS 和 CSS,支持打包定制自己的组合版本;⚙️ 高度定制:除了按需引入,还支持打包定制自己的组合版本,避免多余。

ZUI 开源HTML5跨屏框架 - AI研究社

为避免全局变量污染,ZUI在1.3中移除了之前在window和jQuery实例上的对象绑定。

现在所有共享对象方法全部绑定在$.zui对象上。

如果你在代码中用到了如下对象方法,则需要更改您的代码(代码)或者使用兼容插件。

两种方法来兼容之前的用法。

手动将之前的写法更改为新的写法(推荐);使用1.3中提供的兼容插件,这样可以在1.3中继续使用之前的用法,兼容插件包含在dist/lib/migrate/目录下。

更新明细,下拉选择器:新增下拉选择器组件,详情参考;表单:优化了火狐下单选框控件样式,移除了高亮时不协调的虚线边框;下拉菜单:添加对特殊辅助类 .not-clear-menu 的支持,在 .dropdown-menu 内使用此辅助类可以禁用用户点击特定元素时隐藏下拉菜单;对话框和对话框触发器:修复了打开对话框可能导致页面抖动的问题;修复了当启用 scrollInside 选项后,对话框尺寸可能计算错误的问题;修复了有时执行 $.fn.modalTrigger(methodName) 导致重复监听触发打开事件的问题;上下文菜单:新增下拉菜单增强模式;新增了一些功能选项:新增选项 limitInsideWindow 用于限制菜单面板显示在窗口区域内;新增选项 show 用于初始化完成后立即显示菜单;新增选项 toggleTrigger 用于启用点击触发元素切换菜单显示和隐藏行为;新增选项 menuCreator 用于自定义生成菜单元素;新增选项 position 用于动态返回菜单位置;新增 ContextMenu.isShow 方法用于检查指定 ID 菜单是否已经显示;Chosen:优化了清除按钮图标在不同浏览器上的样式差异;富文本编辑器(Kindeditor):新增选项 transferEvents 用于将编辑器 iframe 页面内的点击事件传递到父级页面;优化插入音视频功能,现在使用 HTML5 音视频实现,移除了 flash 音视频实现;优化了界面上一些图标;优化了表格功能和样式,修复了界面可能显示错误的问题;修复了全屏动作之后编辑器内的锚点丢失的问题;修复了表格隔行变色设置无效的问题;修复了百度地图无法使用的问题,更新了 API 调用形式;修复了有时对话框由于位置计算错误可能无法显示的问题;修复了加载中图标可能没有显示的问题;日历:优化周末栏头部文本排版,避免文本换行显示;日期时间选择器:优化仅选择时间时的情况,此时下拉面板不显示底部切换日期的按钮;图表:修复了曲线图中热点检查可能不符合预期的问题;辅助方法:为 IE8 默认添加 Array.forEach 和 Array.isArray polyfills;修复了 $.zui.uuid() 在 IE11 下失效的问题;修复了因为使用 const 关键字导致在 IE8 下 JS 执行错误。

本文地址 https://www.aiyanshe.com/site/com_openzui 转载请注明,建议用PC/手机浏览器(Edge/Chrome/Firefox等)打开。
大家在看的