feat: v2.6.0

Tencent · Jun 21, 2023 · 63a804d · 63a804d
1 parent 96b9641
commit 63a804d
Show file tree

Hide file tree

Showing 39 changed files with 1,108 additions and 0 deletions.
diff --git a/dist-rpx-mode/example/form/form_bottom_fixed.js b/dist-rpx-mode/example/form/form_bottom_fixed.js
@@ -0,0 +1,40 @@
+Page({
+  mixins: [require('../../mixin/common')],
+  data: {
+    vcodeValue: false,
+    msg: false,
+    checkValue: 1,
+    check: false,
+  },
+  bindVcodeInput(e) {
+    if (e.detail.value) {
+      this.setData({
+        vcodeValue: true,
+      });
+    }
+  },
+  checkStatus() {
+    if (!this.data.check) {
+      this.setData({
+        msg: true,
+      });
+    }
+    const that = this;
+    setTimeout(() => {
+      that.setData({
+        msg: false,
+      });
+    }, 320);
+  },
+  checkboxChange(e) {
+    if (e.detail.value.includes('1')) {
+      this.setData({
+        check: true,
+      });
+    } else {
+      this.setData({
+        check: false,
+      });
+    }
+  },
+});
diff --git a/dist-rpx-mode/example/form/form_bottom_fixed.wxml b/dist-rpx-mode/example/form/form_bottom_fixed.wxml
@@ -0,0 +1,71 @@
+<page-meta root-font-size="system"/>
+<view class="page" data-weui-theme="{{theme}}" data-weui-mode="{{mode}}">
+	<view class="weui-form weui-bottom-fixed-opr-page">
+    <view class="weui-form__bd weui-bottom-fixed-opr-page__content">
+      <view class="weui-form__text-area">
+        <h2 class="weui-form__title">验证码</h2>
+        <view class="weui-form__desc">验证手机号样式</view>
+      </view>
+      <view class="weui-form__control-area">
+        <view class="weui-cells__group weui-cells__group_form">
+          <view class="weui-cells weui-cells_form">
+            <view class="weui-cell weui-cell_active">
+              <view class="weui-cell__hd"><label class="weui-label">手机号</label></view>
+              <view class="weui-cell__bd">
+                <input class="weui-input" type="number" placeholder="请输入手机号" value="12345678907" placeholder-class="weui-input__placeholder" />
+              </view>
+            </view>
+            <view class="weui-cell weui-cell_active">
+              <view class="weui-cell__hd"><label class="weui-label">手机号</label></view>
+              <view class="weui-cell__bd">
+                <input class="weui-input" type="number" placeholder="请输入手机号" value="12345678907" placeholder-class="weui-input__placeholder" />
+              </view>
+            </view>
+            <view class="weui-cell weui-cell_active">
+              <view class="weui-cell__hd"><label class="weui-label">手机号</label></view>
+              <view class="weui-cell__bd">
+                <input class="weui-input" type="number" placeholder="请输入手机号" value="12345678907" placeholder-class="weui-input__placeholder" />
+              </view>
+            </view>
+            <view class="weui-cell weui-cell_active">
+              <view class="weui-cell__hd"><label class="weui-label">手机号</label></view>
+              <view class="weui-cell__bd">
+                <input class="weui-input" type="number" placeholder="请输入手机号" value="12345678907" placeholder-class="weui-input__placeholder" />
+              </view>
+            </view>
+            <view class="weui-cell weui-cell_active">
+              <view class="weui-cell__hd"><label class="weui-label">手机号</label></view>
+              <view class="weui-cell__bd">
+                <input class="weui-input" type="number" placeholder="请输入手机号" value="12345678907" placeholder-class="weui-input__placeholder" />
+              </view>
+            </view>
+            <view class="weui-cell weui-cell_active">
+              <view class="weui-cell__hd"><label class="weui-label">手机号</label></view>
+              <view class="weui-cell__bd">
+                <input class="weui-input" type="number" placeholder="请输入手机号" value="12345678907" placeholder-class="weui-input__placeholder" />
+              </view>
+            </view>
+          </view>
+          <view class="weui-cells__tips">
+            <navigator class="weui-link">收不到验证码</navigator>
+          </view>
+        </view>
+      </view>
+		</view>
+    <view class="weui-form__ft weui-bottom-fixed-opr-page__tool">
+      <view class="weui-form__tips-area">
+          <checkbox-group bindchange="checkboxChange">
+              <label aria-role="" class="weui-wa-hotarea weui-agree {{msg ? 'weui-agree_animate' : ''}}">
+                  <checkbox aria-role="" value="{{checkValue}}" class="weui-agree__checkbox-check" />
+                  <view class="weui-agree__checkbox" aria-labelledby="js_agree_txt js_agree_link" aria-role="checkbox"></view>
+                  <view class="weui-agree__text"><text aria-hidden="true" id="js_agree_txt">阅读并同意</text><navigator id="js_agree_link">《相关条款》</navigator></view>
+              </label>
+          </checkbox-group>
+      </view>
+      <view class="weui-form__opr-area">
+        <button type="primary" disabled="{{vcodeValue ? false : true}}" bindtap="checkStatus">确定</button>
+      </view>
+		</view>
+	</view>
+  <view aria-role="alert" hidden="{{msg ? false : true}}" class="weui-hidden_abs">未同意《相关条款》</view>
+</view>
diff --git a/dist-rpx-mode/example/form/form_bottom_fixed.wxss b/dist-rpx-mode/example/form/form_bottom_fixed.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.6.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2023 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{height:100%}.weui-label{width:3.1em}
diff --git a/dist-rpx-mode/example/form/form_page_old.wxml b/dist-rpx-mode/example/form/form_page_old.wxml
@@ -0,0 +1,62 @@
+<page-meta root-font-size="system"/>
+<view class="page" data-weui-theme="{{theme}}" data-weui-mode="{{mode}}">
+	<view class="weui-form">
+		<view class="weui-form__text-area">
+			<view class="weui-form__title">表单结构</view>
+			<view class="weui-form__desc">展示表单页面的信息结构样式, 分别由头部区域/控件区域/提示区域/操作区域和底部信息区域组成。</view>
+		</view>
+		<view class="weui-form__control-area">
+			<view class="weui-cells__group weui-cells__group_form">
+				<view class="weui-cells__title">表单组标题</view>
+				<view class="weui-cells">
+					<label for="js_input1" class="weui-cell weui-cell_active">
+						<view class="weui-cell__hd"><text class="weui-label">微信号</text></view>
+						<view class="weui-cell__bd">
+							<input id="js_input1" class="weui-input" placeholder="填写本人微信号"></input>
+						</view>
+					</label>
+					<label for="js_input2" class="weui-cell weui-cell_active">
+						<view class="weui-cell__hd">							<text class="weui-label">昵称</text></view>
+						<view class="weui-cell__bd">
+							<input id="js_input2" class="weui-input" placeholder="填写本人微信号的昵称"></input>
+						</view>
+					</label>
+					<label for="js_input3" class="weui-cell weui-cell_active">
+						<view class="weui-cell__hd">							<text class="weui-label">联系电话</text><view class="weui-cell__desc">副标题</view></view>
+						<view class="weui-cell__bd">
+							<input id="js_input3" class="weui-input" placeholder="填写绑定的电话号码" type="number" pattern="[0-9]*"></input>
+						</view>
+					</label>
+				</view>
+			</view>
+		</view>
+		<view class="weui-form__tips-area">
+			<view class="weui-form__tips">
+表单页提示，居中对齐
+			</view>
+		</view>
+		<view class="weui-form__opr-area">
+			<navigator disabled aria-disabled="true" class="weui-btn weui-btn_primary weui-btn_disabled" id="showTooltips" aria-role="button" url="javascript:">确定</navigator>
+		</view>
+		<view class="weui-form__tips-area">
+			<view class="weui-form__tips">
+表单页提示，居中对齐
+			</view>
+		</view>
+		<view class="weui-form__extra-area">
+			<view class="weui-footer">
+				<view class="weui-footer__links">
+					<navigator class="weui-footer__link" url="javascript:">底部链接文本</navigator>
+				</view>
+				<view class="weui-footer__text">Copyright © 2008-2019 weui.io</view>
+			</view>
+		</view>
+	</view>
+	<view id="js_toast" style="display: none;" aria-role="alert">
+		<view class="weui-mask_transparent"></view>
+		<view class="weui-toast">
+			<text class="weui-icon-success-no-circle weui-icon_toast"></text>
+			<view class="weui-toast__content">已完成</view>
+		</view>
+	</view>
+</view>
diff --git a/dist-rpx-mode/example/form/form_vertical.js b/dist-rpx-mode/example/form/form_vertical.js
@@ -0,0 +1,3 @@
+Page({
+  mixins: [require('../../mixin/common')],
+});
diff --git a/dist-rpx-mode/example/form/form_vertical.wxml b/dist-rpx-mode/example/form/form_vertical.wxml
@@ -0,0 +1,29 @@
+<page-meta root-font-size="system"/>
+<view class="page" data-weui-theme="{{theme}}" data-weui-mode="{{mode}}">
+	<view class="weui-form">
+    <view class="weui-form__bd">
+      <view class="weui-form__text-area">
+        <h2 class="weui-form__title">文本域</h2>
+        <view class="weui-form__desc">输入更多内容的输入区域样式展示</view>
+      </view>
+      <view class="weui-form__control-area">
+        <view class="weui-cells__group weui-cells__group_form">
+          <view class="weui-cells weui-cells_form">
+              <view class="weui-cell weui-cell_vertical" hover-class="weui-cell_active">
+                  <view class="weui-cell__hd"><label class="weui-label">问题描述</label></view>
+                  <view class="weui-cell__bd">
+                      <textarea class="weui-textarea" placeholder="请描述你所发生的问题" placeholder-class="weui-input__placeholder" rows="3"></textarea>
+                      <view aria-role="option" class="weui-textarea-counter"><span>0</span>/200</view>
+                  </view>
+              </view>
+          </view>
+        </view>
+      </view>
+		</view>
+    <view class="weui-form__ft">
+      <view class="weui-form__opr-area">
+        <view class="weui-btn weui-btn_primary" aria-role="button">确定</view>
+      </view>
+		</view>
+	</view>
+</view>
diff --git a/dist-rpx-mode/example/form/form_vertical.wxss b/dist-rpx-mode/example/form/form_vertical.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.6.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2023 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{height:100%}
diff --git a/dist-rpx-mode/example/information-bar/information-bar.js b/dist-rpx-mode/example/information-bar/information-bar.js
@@ -0,0 +1,23 @@
+Page({
+  mixins: [require('../../mixin/common')],
+  data: {
+    topTips: false,
+    hide: false,
+  },
+  close() {
+    this.setData({
+      hide: true,
+    });
+    setTimeout(() => {
+      this.setData({
+        topTips: false,
+        hide: false,
+      });
+    }, 300);
+  },
+  open() {
+    this.setData({
+      topTips: true,
+    });
+  },
+});
diff --git a/dist-rpx-mode/example/information-bar/information-bar.wxml b/dist-rpx-mode/example/information-bar/information-bar.wxml
@@ -0,0 +1,64 @@
+<page-meta root-font-size="system"/>
+<view class="page" data-weui-theme="{{theme}}" data-weui-mode="{{mode}}">
+	<view class="page__hd">
+		<view class="page__title">Information Bar</view>
+		<view class="page__desc">信息提示条</view>
+	</view>
+	<view class="page__bd page__bd_spacing">
+		<view class="weui-information-bar weui-information-bar_warn-strong" id="js_informationBar" aria-role="alert">
+			<view class="weui-information-bar__hd">
+				<text class="weui-icon-outlined-warn"></text>
+			</view>
+			<view class="weui-information-bar__bd">
+信息提示warnstrong
+			</view>
+			<view class="weui-information-bar__ft">
+				<button class="weui-btn_icon">关闭<text class="weui-icon-close-thin"></text></button>
+			</view>
+		</view>
+		<view class="weui-information-bar weui-information-bar_warn-weak" id="js_informationBar" aria-role="alert">
+			<view class="weui-information-bar__hd">
+				<text class="weui-icon-outlined-warn"></text>
+			</view>
+			<view class="weui-information-bar__bd">
+信息提示warnweak
+			</view>
+			<view class="weui-information-bar__ft">
+				<button class="weui-btn_icon">关闭<text class="weui-icon-close-thin"></text></button>
+			</view>
+		</view>
+		<view class="weui-information-bar weui-information-bar_warn-no-color" id="js_informationBar" aria-role="alert">
+			<view class="weui-information-bar__hd">
+				<text class="weui-icon-outlined-warn"></text>
+			</view>
+			<view class="weui-information-bar__bd">
+信息提示warnnocolor
+			</view>
+			<view class="weui-information-bar__ft">
+				<button class="weui-btn_icon">关闭<text class="weui-icon-close-thin"></text></button>
+			</view>
+		</view>
+		<view class="weui-information-bar weui-information-bar_tips-strong" id="js_informationBar" aria-role="alert">
+			<view class="weui-information-bar__hd">
+				<text class="weui-icon-outlined-warn"></text>
+			</view>
+			<view class="weui-information-bar__bd">
+信息提示tipsstrong
+			</view>
+			<view class="weui-information-bar__ft">
+				<button class="weui-btn_icon">关闭<text class="weui-icon-close-thin"></text></button>
+			</view>
+		</view>
+		<view class="weui-information-bar weui-information-bar_tips-weak" id="js_informationBar" aria-role="alert">
+			<view class="weui-information-bar__hd">
+				<text class="weui-icon-outlined-warn"></text>
+			</view>
+			<view class="weui-information-bar__bd">
+信息提示tipsweak
+			</view>
+			<view class="weui-information-bar__ft">
+				<button class="weui-btn_icon">关闭<text class="weui-icon-close-thin"></text></button>
+			</view>
+		</view>
+	</view>
+</view>
diff --git a/dist-rpx-mode/example/information-bar/information-bar.wxss b/dist-rpx-mode/example/information-bar/information-bar.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.6.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2023 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{background-color:var(--weui-BG-2)}.weui-information-bar{position:static;margin-bottom:40rpx}
diff --git a/dist-rpx-mode/style/base/patch/weui-button.wxss b/dist-rpx-mode/style/base/patch/weui-button.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.6.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2023 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+[data-weui-theme=light],page{--weui-BG-0:#ededed;--weui-BG-1:#f7f7f7;--weui-BG-2:#fff;--weui-BG-3:#f7f7f7;--weui-BG-4:#4c4c4c;--weui-BG-5:#fff;--weui-FG-0:rgba(0,0,0,.9);--weui-FG-HALF:rgba(0,0,0,.9);--weui-FG-1:rgba(0,0,0,.5);--weui-FG-2:rgba(0,0,0,.3);--weui-FG-3:rgba(0,0,0,.1);--weui-FG-4:rgba(0,0,0,.15);--weui-FG-5:rgba(0,0,0,.05);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#fa9d3b;--weui-YELLOW:#ffc300;--weui-GREEN:#91d300;--weui-LIGHTGREEN:#95ec69;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1485ee;--weui-PURPLE:#6467f0;--weui-WHITE:#fff;--weui-LINK:#576b95;--weui-TEXTGREEN:#06ae56;--weui-FG:#000;--weui-BG:#fff;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:#fa9d3b;--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:#06ae56;--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:#10aeff;--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:rgba(0,0,0,.5);--weui-TAG-BACKGROUND-BLACK:rgba(0,0,0,.05)}[data-weui-theme=dark]{--weui-BG-0:#111;--weui-BG-1:#1e1e1e;--weui-BG-2:#191919;--weui-BG-3:#202020;--weui-BG-4:#404040;--weui-BG-5:#2c2c2c;--weui-FG-0:hsla(0,0%,100%,.8);--weui-FG-HALF:hsla(0,0%,100%,.6);--weui-FG-1:hsla(0,0%,100%,.5);--weui-FG-2:hsla(0,0%,100%,.3);--weui-FG-3:hsla(0,0%,100%,.1);--weui-FG-4:hsla(0,0%,100%,.15);--weui-FG-5:hsla(0,0%,100%,.1);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#c87d2f;--weui-YELLOW:#cc9c00;--weui-GREEN:#74a800;--weui-LIGHTGREEN:#3eb575;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1196ff;--weui-PURPLE:#8183ff;--weui-WHITE:hsla(0,0%,100%,.8);--weui-LINK:#7d90a9;--weui-TEXTGREEN:#259c5c;--weui-FG:#fff;--weui-BG:#000;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:rgba(250,157,59,.6);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:rgba(6,174,86,.6);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:rgba(16,174,255,.6);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:hsla(0,0%,100%,.5);--weui-TAG-BACKGROUND-BLACK:hsla(0,0%,100%,.05)}[data-weui-theme=light][data-weui-mode=care],page[data-weui-mode=care]{--weui-BG-0:#ededed;--weui-BG-1:#f7f7f7;--weui-BG-2:#fff;--weui-BG-3:#f7f7f7;--weui-BG-4:#4c4c4c;--weui-BG-5:#fff;--weui-FG-0:#000;--weui-FG-HALF:#000;--weui-FG-1:rgba(0,0,0,.6);--weui-FG-2:rgba(0,0,0,.42);--weui-FG-3:rgba(0,0,0,.1);--weui-FG-4:rgba(0,0,0,.15);--weui-FG-5:rgba(0,0,0,.05);--weui-RED:#dc3636;--weui-REDORANGE:#ff6146;--weui-ORANGE:#e17719;--weui-YELLOW:#bb8e00;--weui-GREEN:#4f8400;--weui-LIGHTGREEN:#2e8800;--weui-BRAND:#018942;--weui-BLUE:#007dbb;--weui-INDIGO:#0075e2;--weui-PURPLE:#6265f1;--weui-WHITE:#fff;--weui-LINK:#576b95;--weui-TEXTGREEN:#06ae56;--weui-FG:#000;--weui-BG:#fff;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:#e17719;--weui-TAG-BACKGROUND-ORANGE:rgba(225,119,25,.1);--weui-TAG-TEXT-GREEN:#06ae56;--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:#007dbb;--weui-TAG-BACKGROUND-BLUE:rgba(0,125,187,.1);--weui-TAG-TEXT-BLACK:rgba(0,0,0,.5);--weui-TAG-BACKGROUND-BLACK:rgba(0,0,0,.05)}[data-weui-theme=dark][data-weui-mode=care]{--weui-BG-0:#111;--weui-BG-1:#1e1e1e;--weui-BG-2:#191919;--weui-BG-3:#202020;--weui-BG-4:#404040;--weui-BG-5:#2c2c2c;--weui-FG-0:hsla(0,0%,100%,.85);--weui-FG-HALF:hsla(0,0%,100%,.65);--weui-FG-1:hsla(0,0%,100%,.55);--weui-FG-2:hsla(0,0%,100%,.35);--weui-FG-3:hsla(0,0%,100%,.1);--weui-FG-4:hsla(0,0%,100%,.15);--weui-FG-5:hsla(0,0%,100%,.1);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#c87d2f;--weui-YELLOW:#cc9c00;--weui-GREEN:#74a800;--weui-LIGHTGREEN:#3eb575;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1196ff;--weui-PURPLE:#8183ff;--weui-WHITE:hsla(0,0%,100%,.8);--weui-LINK:#7d90a9;--weui-TEXTGREEN:#259c5c;--weui-FG:#fff;--weui-BG:#000;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:rgba(250,157,59,.6);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:rgba(6,174,86,.6);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:rgba(16,174,255,.6);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:hsla(0,0%,100%,.5);--weui-TAG-BACKGROUND-BLACK:hsla(0,0%,100%,.05)}[data-weui-theme=light],page{--weui-BG-COLOR-ACTIVE:#ececec}[data-weui-theme=dark]{--weui-BG-COLOR-ACTIVE:#373737}.wx-root,body,page{--weui-BTN-DEFAULT-COLOR:var(--weui-FG-0);--weui-BTN-DEFAULT-BG:var(--weui-FG-5);--weui-BTN-DISABLED-FONT-COLOR:var(--weui-FG-4);--weui-BTN-HEIGHT:48;--weui-BTN-HEIGHT-MEDIUM:40;--weui-BTN-HEIGHT-SMALL:32}[data-weui-theme=light],page{--weui-BTN-ACTIVE-MASK:rgba(0,0,0,.1)}[data-weui-theme=dark]{--weui-BTN-ACTIVE-MASK:hsla(0,0%,100%,.1)}[data-weui-theme=light],page{--weui-BTN-DEFAULT-ACTIVE-BG:#e6e6e6}[data-weui-theme=dark]{--weui-BTN-DEFAULT-ACTIVE-BG:hsla(0,0%,100%,.126)}[data-weui-theme=light],page{--weui-DIALOG-LINE-COLOR:rgba(0,0,0,.1)}[data-weui-theme=dark]{--weui-DIALOG-LINE-COLOR:hsla(0,0%,100%,.1)}.weui-btn_icon.weui-btn_icon{width:auto;min-height:0}