转载

Semantic UI 1.8.0 发布,前端界面开发框架

阿里百川梦想创业大赛,500万创投寻找最赞的APP

Semantic UI 1.8.0 发布,此版本现已提供下载( ZIP ),更新内容如下:

重要特性:

  • Form- Form now has new methods reset , clear , set value(s) , and read value(s) for modifying and reading form data. Check docs for details on implementation. Thanks @mktm

  • Search- Search onSelect now recieves JSON object matching currently selected element, you can now programmatically retrieve result JSON using .search('get result', 'query') or .search('get results') . get result will default to current value unless specified as first parameter.

  • Transition- Added many new transitions, and new directions for existing transitions Thanks @ph7vc

  • Dropdown- Dropdown now stores placeholder text (prompt text) as separate from default text (text set on page load). You can now reset placeholder conditions using $('.ui.dropdown').dropdown('clear'); `

功能增强

  • API- Added new behavior $.api('abort') which cancels current request

  • Dropdown- Keyboard navigation will now allow opening of sub menus with right/left arrow. Enter will open sub-menus on an unselectable category ( allowCategorySelection: false ) as well.

  • Dropdown- Mutation observers will now observe changed in <select> values after initialization, and will automatically update dropdown menu when changed

  • Dropdown- Dropdown behavior set selected will now also call set value automatically, so you do not have to invoke two behaviors to update a selection dropdown Thanks @mktm

  • Form- Form will now prevent browsers from resubmitting form repeatedly when keydown is pressed on input field.

  • Header- Content headers now inherit @h1-h6 sizes from site.variables

  • Header- Sub headers now adjust in size depending on header size, added new variables for subheader resizing

  • Search- Greatly reduced search delay from 300ms to 100ms . Previous request will automatically abort xhr when new request made

  • Search- Search onSelect and onResultsAdd can now cancel default actions by returning false .

  • Transition- Transition duration now defaults to what is specified in css , to set custom duration you can still pass at run-time as a different value. Animation duration no longer set by default during animation.

  • Transition- Transition will now prevent repeated animations when using an inferred direction i.e. animation without in or out specified. When queue: true only animations with explicit direction, e.g. fade in , will be ignored when called repeatedly.

Bugs 修复

  • API- Fixed bug where $.api('get xhr') was not correctly returning xhr promise

  • API- Fixed bug where API would query resource immediately when specifying on: false

  • Button- ` ui vertical basic buttons now have dividers in default theme

  • Button- Fixes formatting for disabled button inside ui buttons

  • Checkbox- Checkbox now only modifies input[type="radio"] and input[type="checkbox"] ignoring any other inputs

  • Dropdown- Dropdown no longer will not show menu when no item are present in menu. Dropdown will now only filter results for ui search dropdown #1632 Thanks PSyton .

  • Dropdown- Dropdown will now produce an error if behaviors on an initialized <select> are not invoked on ui dropdown

  • Dropdown- Fixed bug where link items would not open in sub-menus due to event.preventDefault

  • Label- Fixed ui corner label appearing on-top of ui dropdown menu due to issue in z-index heirarchy

  • Label- Fixed issue with ui ribbon label not positioning itself correctly when using sizes like small or large

  • List- relaxed list and very relaxed list no longer add padding to child menu items

  • Popup- Popup will now only use a max of one element when settings.popup mistakingly passes multiple DOM elements

  • Popup- Popups will now by default appear over all UI content, even dimmers.

  • Search- Search results no longer hide/show when user changes tab or page loses focus

  • Sidebar- Fixed bug with pusher inheriting first child margins due to margin-collapse

  • Sidebar- Mobile is mobile was using RegExp test() which would return an incorrect value when called multiple times

  • Sidebar- Sidebar will now only close if you click on pusher or underlayed body (scale out). Clicking on fixed elements will not close sidebar.

  • Transition- Fixed bug with animations that contain the strings 'in' or 'out' as part of their names, for example "swing"

  • Sticky- Fixes issue with container size not being set explicitly on rail due to improper method renaming

View Closed Issues

View Commits

Semantic UI—完全语义化的前端界面开发框架,跟Bootstrap 和Foundation 比起来,还是有些不同的,在功能特性上、布局设计上、用户体验上均存在很多差异。

Semantic UI 特点:

  • 文档和演示非常完善

  • 易于学习和使用

  • 配备网格布局

  • 支持Sass 和LESS 动态样式语言

  • 有一些非常实用的附加配置,例如 inverted 类。

  • 对于社区贡献来说是比较开放的。

  • 有一个非常好的按钮实现,情态动词,和进度条。

  • 在许多功能上使用图标字体。

Semantic UI 对浏览器的支持:

  • Last 2 Versions FF, Chrome, IE (aka 10+)

  • Safari 6

  • IE 9+ (Browser prefix only)

  • Android 4

  • Blackberry 10

Semantic UI 1.8.0 发布,前端界面开发框架

正文到此结束
Loading...