Skip to content

Commit 1c059fb

Browse files
uxsiuxsi
committed
feat: v2.6.12
1 parent bc5ebd2 commit 1c059fb

21 files changed

+945
-196
lines changed

‎CHANGELOG.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,16 @@
1+
### v2.6.12 (2024-03-20)
2+
3+
#### Features
4+
* feat: searchbar组件升级，分为filled(默认)、outlined和homepage三种变体
5+
* feat: weui-agree组件对齐方式调整为顶对齐
6+
* feat: weui-agree组件去掉摆动动画
7+
8+
#### Bugfixes
9+
* fix: 修复weui-select标题折行后的样式问题
10+
* fix: 修复表单里验证码按钮disabled态被覆盖的问题
11+
12+
13+
114
### v2.6.11 (2024-01-12)
215

316
#### Bugfixes

‎dist/example/example.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/example/index.html

Lines changed: 147 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1562,17 +1562,19 @@ <h2 class="weui-form__title">验证码</h2>
15621562
$('.page.cell').removeClass('slideIn');
15631563

15641564
if($agreeCheckbox.prop("checked")){
1565+
$agree.removeClass('weui-agree_warn');
15651566
$toast.fadeIn(100);
15661567
$toast.attr('aria-live','assertive');
15671568
setTimeout(function () {
15681569
$toast.fadeOut(100);
15691570
$toast.attr('aria-live','off');
15701571
}, 2000);
15711572
}else{
1572-
$agree.addClass('weui-agree_animate');
1573+
// $agree.addClass('weui-agree_animate');
1574+
$agree.addClass('weui-agree_warn');
15731575
$agreeMsg.show();
15741576
setTimeout(function () {
1575-
$agree.removeClass('weui-agree_animate');
1577+
// $agree.removeClass('weui-agree_animate');
15761578
$agreeMsg.hide();
15771579
}, 200);
15781580
}
@@ -4025,22 +4027,40 @@ <h3 class="icon-box__title">等待</h3>
40254027
<h1 class="page__title">SearchBar</h1>
40264028
<p class="page__desc">搜索栏</p>
40274029
</div>
4030+
<div class="page__bd page__bd_spacing">
4031+
<a href="#searchbar_filled" role="button" class="weui-btn weui-btn_default">Filled (default)</a>
4032+
<a href="#searchbar_grey" role="button" class="weui-btn weui-btn_default">Filled Grey</a>
4033+
<a href="#searchbar_outlined" role="button" class="weui-btn weui-btn_default">Outlined</a>
4034+
<a href="#searchbar_homepage" role="button" class="weui-btn weui-btn_default">Homepage</a>
4035+
</div>
4036+
</div>
4037+
4038+
</script>
4039+
<script type="text/html" id="tpl_searchbar_filled">
4040+
<div class="page">
4041+
<div class="page__hd">
4042+
<h1 class="page__title">SearchBar</h1>
4043+
<p class="page__desc">搜索栏 Filled</p>
4044+
</div>
40284045
<div class="page__bd">
40294046
<div class="weui-search-bar" id="searchBar">
4047+
<a href="javascript:" role="button" class="weui-search-bar__back-btn"><i role="img" aria-label="返回" class="weui-icon-back-arrow-thin"></i></a>
40304048
<form id="searchForm" role="combobox" aria-haspopup="true" aria-expanded="false" aria-owns="searchResult" class="weui-search-bar__form">
4031-
<div class="weui-search-bar__box">
4049+
<div aria-hidden="true" id="searchBox" class="weui-search-bar__box">
40324050
<i class="weui-icon-search"></i>
4051+
<span class="weui-search-bar__words">微信</span>
40334052
<input type="search" aria-controls="searchResult" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required/>
4053+
<div class="weui-search-bar__mask"></div>
40344054
<a href="javascript:" role="button" title="清除" class="weui-icon-clear" id="searchClear"></a>
40354055
</div>
40364056
<label for="searchInput" class="weui-search-bar__label" id="searchText">
40374057
<i class="weui-icon-search"></i>
4038-
<span aria-hidden="true">搜索</span>
4058+
<span class="weui-search-bar__label__text">搜索</span>
40394059
</label>
40404060
</form>
40414061
<a href="javascript:" role="button" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
40424062
</div>
4043-
<div role="listbox" class="weui-cells searchbar-result" id="searchResult">
4063+
<div role="listbox" class="weui-cells searchbar-result" id="searchResult" style="display: none;">
40444064
<div role="option" class="weui-cell weui-cell_active weui-cell_access">
40454065
<div class="weui-cell__bd weui-cell_primary">
40464066
<p>实时搜索文本</p>
@@ -4068,6 +4088,7 @@ <h1 class="page__title">SearchBar</h1>
40684088
$(function(){
40694089
var $searchBar = $('#searchBar'),
40704090
$searchResult = $('#searchResult'),
4091+
$searchBox = $('#searchBox'),
40714092
$searchText = $('#searchText'),
40724093
$searchInput = $('#searchInput'),
40734094
$searchClear = $('#searchClear'),
@@ -4082,11 +4103,14 @@ <h1 class="page__title">SearchBar</h1>
40824103
function cancelSearch(){
40834104
hideSearchResult();
40844105
$searchBar.removeClass('weui-search-bar_focusing');
4085-
$searchText.show();
4106+
$searchText.attr('aria-hidden','false').show();
4107+
$searchBox.attr('aria-hidden','true');
40864108
}
40874109

40884110
$searchText.on('click', function(){
40894111
$searchBar.addClass('weui-search-bar_focusing');
4112+
$searchText.attr('aria-hidden','true');
4113+
$searchBox.attr('aria-hidden','false');
40904114
$searchInput.focus();
40914115
});
40924116
$searchInput
@@ -4114,6 +4138,123 @@ <h1 class="page__title">SearchBar</h1>
41144138
});
41154139
</script>
41164140

4141+
</script>
4142+
<script type="text/html" id="tpl_searchbar_grey">
4143+
<div class="page">
4144+
<div class="page__hd">
4145+
<h1 class="page__title">SearchBar</h1>
4146+
<p class="page__desc">搜索栏 Grey</p>
4147+
</div>
4148+
<div class="page__bd">
4149+
<div class="weui-search-bar weui-search-bar_filled-grey" id="searchBar">
4150+
<a href="javascript:" role="button" class="weui-search-bar__back-btn"><i role="img" aria-label="返回" class="weui-icon-back-arrow-thin"></i></a>
4151+
<form id="searchForm" role="combobox" aria-haspopup="true" aria-expanded="false" aria-owns="searchResult" class="weui-search-bar__form">
4152+
<div aria-hidden="true" id="searchBox" class="weui-search-bar__box">
4153+
<i class="weui-icon-search"></i>
4154+
<span class="weui-search-bar__words">微信</span>
4155+
<input type="search" aria-controls="searchResult" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required/>
4156+
<div class="weui-search-bar__mask"></div>
4157+
<a href="javascript:" role="button" title="清除" class="weui-icon-clear" id="searchClear"></a>
4158+
</div>
4159+
<label for="searchInput" class="weui-search-bar__label" id="searchText">
4160+
<i class="weui-icon-search"></i>
4161+
<span class="weui-search-bar__label__text">搜索</span>
4162+
</label>
4163+
</form>
4164+
<a href="javascript:" role="button" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
4165+
</div>
4166+
</div>
4167+
</div>
4168+
<script type="text/javascript">
4169+
$(function(){
4170+
var $searchBar = $('#searchBar'),
4171+
$searchText = $('#searchText'),
4172+
$searchBox = $('#searchBox'),
4173+
$searchInput = $('#searchInput'),
4174+
$searchClear = $('#searchClear'),
4175+
$searchForm = $('#searchForm'),
4176+
$searchCancel = $('#searchCancel');
4177+
4178+
function cancelSearch(){
4179+
$searchBar.removeClass('weui-search-bar_focusing');
4180+
$searchText.attr('aria-hidden','false').show();
4181+
$searchBox.attr('aria-hidden','true');
4182+
}
4183+
4184+
$searchText.on('click', function(){
4185+
$searchBar.addClass('weui-search-bar_focusing');
4186+
$searchText.attr('aria-hidden','true');
4187+
$searchBox.attr('aria-hidden','false');
4188+
$searchInput.focus();
4189+
});
4190+
$searchInput
4191+
.on('blur', function () {
4192+
if(!this.value.length) cancelSearch();
4193+
})
4194+
.on('input', function(){
4195+
if(this.value.length) {
4196+
$searchForm.attr('aria-expanded','true');
4197+
} else {
4198+
$searchForm.attr('aria-expanded','false');
4199+
}
4200+
})
4201+
;
4202+
$searchClear.on('click', function(){
4203+
$searchInput.focus();
4204+
$searchInput.val('');
4205+
});
4206+
$searchCancel.on('click', function(){
4207+
cancelSearch();
4208+
$searchInput.blur();
4209+
});
4210+
});
4211+
</script>
4212+
4213+
</script>
4214+
<script type="text/html" id="tpl_searchbar_outlined">
4215+
<div class="page">
4216+
<div class="page__hd">
4217+
<h1 class="page__title">SearchBar</h1>
4218+
<p class="page__desc">搜索栏 Outlined</p>
4219+
</div>
4220+
<div class="page__bd">
4221+
<div class="weui-search-bar weui-search-bar_outlined" id="searchBar">
4222+
<a href="javascript:" role="button" class="weui-search-bar__back-btn"><i role="img" aria-label="返回" class="weui-icon-back-arrow-thin"></i></a>
4223+
<form id="searchForm" role="combobox" aria-haspopup="true" aria-expanded="false" aria-owns="searchResult" class="weui-search-bar__form">
4224+
<div class="weui-search-bar__box">
4225+
<input type="search" aria-controls="searchResult" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required/>
4226+
<div class="weui-search-bar__mask"></div>
4227+
<a href="javascript:" role="button" title="清除" class="weui-icon-clear" id="searchClear"></a>
4228+
</div>
4229+
</form>
4230+
<a href="javascript:" role="button" class="weui-search-bar__search-btn weui-btn weui-btn_primary" id="searchBtn">搜索</a>
4231+
<a href="javascript:" role="button" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
4232+
</div>
4233+
</div>
4234+
</div>
4235+
4236+
</script>
4237+
<script type="text/html" id="tpl_searchbar_homepage">
4238+
<div class="page">
4239+
<div class="page__hd">
4240+
<h1 class="page__title">SearchBar</h1>
4241+
<p class="page__desc">搜索栏 Homepage</p>
4242+
</div>
4243+
<div class="page__bd">
4244+
<div class="weui-search-bar weui-search-bar_homepage" id="searchBar">
4245+
<form id="searchForm" role="combobox" aria-haspopup="true" aria-expanded="false" aria-owns="searchResult" class="weui-search-bar__form">
4246+
<div class="weui-search-bar__box">
4247+
<div class="weui-search-bar__input weui-search-bar__input_text">搜索</div>
4248+
<a href="javascript:" role="button" title="拍照" class="weui-icon-camera weui-wa-hotarea"></a>
4249+
</div>
4250+
</form>
4251+
</div>
4252+
</div>
4253+
</div>
4254+
<script type="text/javascript">
4255+
$(function(){});
4256+
</script>
4257+
41174258
</script>
41184259
<script type="text/html" id="tpl_picker">
41194260
<div class="page">

0 commit comments

Comments
 (0)