From 1f9e43b7bbb848c7ee2aaa89ffece17002b2c915 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 16 一月 2026 17:31:08 +0800
Subject: [PATCH] 2026.1.16
---
miniprogram_npm/tdesign-miniprogram/progress/progress.wxml | 121 ++++++++++++----------------------------
1 files changed, 37 insertions(+), 84 deletions(-)
diff --git a/miniprogram_npm/tdesign-miniprogram/progress/progress.wxml b/miniprogram_npm/tdesign-miniprogram/progress/progress.wxml
index 0ce673c..14bf5d5 100644
--- a/miniprogram_npm/tdesign-miniprogram/progress/progress.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/progress/progress.wxml
@@ -1,97 +1,50 @@
<import src="../common/template/icon.wxml" />
<wxs src="../common/utils.wxs" module="_" />
-<wxs src="./progress.wxs" module="this" />
-
+<wxs src="./progress.wxs" module="_this" />
<view style="{{_._style([style, customStyle])}}" class="{{classPrefix}} class">
- <view
- wx:if="{{theme === this.PRO_THEME.LINE}}"
- class="{{classPrefix }}--thin {{classPrefix}}--status--{{status || computedStatus}} {{prefix}}-class"
- >
- <view
- aria-role="progressbar"
- aria-valuemin="0"
- aria-valuemax="100"
- aria-valuenow="{{computedProgress}}"
- aria-label="{{ ariaLabel || (isIOS ? this.getIOSAriaLabel(status) : this.getAndroidAriaLabel(status)) }}"
- aria-live="polite"
- class="{{classPrefix }}__bar"
- style="height: {{heightBar}}px;border-radius: {{heightBar}}px;background-color: {{bgColorBar}}"
- >
- <view
- class="{{classPrefix }}__inner {{prefix}}-class-bar"
- style="background: {{colorBar}}; width: {{computedProgress + '%'}}"
- ></view>
+ <view wx:if="{{theme === _this.PRO_THEME.LINE}}"
+ class="{{classPrefix }}--thin {{classPrefix}}--status--{{status || computedStatus}} {{prefix}}-class">
+ <view aria-role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{computedProgress}}"
+ aria-label="{{ ariaLabel || (isIOS ? _this.getIOSAriaLabel(status) : _this.getAndroidAriaLabel(status)) }}"
+ aria-live="polite" class="{{classPrefix }}__bar"
+ style="height: {{heightBar}}px;border-radius: {{heightBar}}px;background-color: {{bgColorBar}}">
+ <view class="{{classPrefix }}__inner {{prefix}}-class-bar"
+ style="background: {{colorBar}}; width: {{computedProgress + '%'}}"></view>
</view>
- <!-- aria-hidden=true 绂佺敤鎺夐澶栫殑鑱氱劍 -->
- <view wx:if="{{label}}" class="{{classPrefix}}__info {{prefix}}-class-label" aria-hidden="{{ true }}">
- <template
- wx:if="{{_.includes(this.STATUS, status)}}"
- is="icon"
- data="{{class: classPrefix + '__icon', size:'44rpx', name: this.LINE_STATUS_ICON[status]}}"
- ></template>
- <text wx:else>{{ _.isString(label)? label: computedProgress + '%' }}</text>
- </view>
+ <view wx:if="{{label}}" class="{{classPrefix}}__info {{prefix}}-class-label" aria-hidden="{{ true }}"><template
+ wx:if="{{_.includes(_this.STATUS, status)}}" is="icon"
+ data="{{tClass: classPrefix + '__icon', size:'44rpx', name: _this.LINE_STATUS_ICON[status]}}"></template><text
+ wx:else>{{ _.isString(label)? label: computedProgress + '%' }}</text></view>
<slot name="label" />
</view>
-
- <view
- aria-role="progressbar"
- aria-valuemin="0"
- aria-valuemax="100"
- aria-valuenow="{{computedProgress}}"
- aria-label="{{ ariaLabel || (isIOS ? this.getIOSAriaLabel(status) : this.getAndroidAriaLabel(status)) }}"
- aria-live="polite"
- wx:if="{{theme === this.PRO_THEME.PLUMP}}"
- class="{{classPrefix}}__bar {{classPrefix}}--plump {{computedProgress > 10 ? classPrefix + '--over-ten': classPrefix + '--under-ten'}} {{classPrefix}}--status--{{status || computedStatus}} {{prefix}}-class"
- style="height: {{heightBar}}px;border-radius: {{heightBar}}px;background-color: {{bgColorBar}}"
- >
- <view
- class="{{classPrefix}}__inner {{prefix}}-class-bar"
- style="background: {{colorBar}}; width: {{computedProgress}}%"
- >
+ <view aria-role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{computedProgress}}"
+ aria-label="{{ ariaLabel || (isIOS ? _this.getIOSAriaLabel(status) : _this.getAndroidAriaLabel(status)) }}"
+ aria-live="polite" wx:if="{{theme === _this.PRO_THEME.PLUMP}}"
+ class="{{classPrefix}}__bar {{classPrefix}}--plump {{computedProgress > 10 ? classPrefix + '--over-ten': classPrefix + '--under-ten'}} {{classPrefix}}--status--{{status || computedStatus}} {{prefix}}-class"
+ style="height: {{heightBar}}px;border-radius: {{heightBar}}px;background-color: {{bgColorBar}}">
+ <view class="{{classPrefix}}__inner {{prefix}}-class-bar"
+ style="background: {{colorBar}}; width: {{computedProgress}}%">
<view wx:if="{{label && computedProgress > 10}}" class="{{classPrefix }}__info {{prefix}}-class-label">
- <text>{{ _.isString(label)? label: computedProgress + '%' }}</text>
- </view>
- <slot name="label" />
+ <text>{{ _.isString(label)? label: computedProgress + '%' }}</text></view>
+ <slot wx:if="{{computedProgress > 10}}" name="label" />
</view>
- <view
- wx:if="{{label && computedProgress <= 10}}"
- class="{{ classPrefix }}__info {{prefix}}-class-label"
- aria-hidden="{{ true }}"
- >
- <text>{{ _.isString(label)? label: computedProgress + '%' }}</text>
- </view>
- <slot name="label" />
+ <view wx:if="{{label && computedProgress <= 10}}" class="{{ classPrefix }}__info {{prefix}}-class-label"
+ aria-hidden="{{ true }}"><text>{{ _.isString(label)? label: computedProgress + '%' }}</text></view>
+ <slot wx:if="{{computedProgress <= 10}}" name="label" />
</view>
-
- <view
- wx:if="{{theme === this.PRO_THEME.CIRCLE}}"
- class="{{classPrefix}}--status--{{status || computedStatus}} {{prefix}}-class"
- >
- <view
- aria-role="progressbar"
- aria-valuemin="0"
- aria-valuemax="100"
- aria-valuenow="{{computedProgress}}"
- aria-label="{{ ariaLabel || (isIOS ? this.getIOSAriaLabel(status) : this.getAndroidAriaLabel(status)) }}"
- aria-live="polite"
- class="{{classPrefix}}__canvas--circle"
- style="background-image: conic-gradient( {{colorCircle || this.STATUS_COLOR[status] || '#0052d9'}} {{computedProgress}}%, {{bgColorBar || '#e7e7e7'}} 0%);"
- >
- <view
- class="{{classPrefix}}__canvas--inner {{prefix}}-class-bar"
- style="{{innerDiameter? 'width:'+ innerDiameter*2 + 'rpx;' + 'height:'+ innerDiameter*2 + 'rpx;': ''}}"
- >
- <view wx:if="{{label}}" class="{{classPrefix}}__info {{prefix}}-class-label" aria-hidden="{{ true }}">
- <template
- wx:if="{{_.includes(this.STATUS, status)}}"
- is="icon"
- data="{{class: classPrefix + '__icon', size:'96rpx', name: this.CIRCLE_STATUS_ICON[status]}}"
- ></template>
- <text wx:else>{{ _.isString(label)? label: computedProgress + '%' }}</text>
- </view>
+ <view wx:if="{{theme === _this.PRO_THEME.CIRCLE}}"
+ class="{{classPrefix}}--status--{{status || computedStatus}} {{prefix}}-class">
+ <view aria-role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{computedProgress}}"
+ aria-label="{{ ariaLabel || (isIOS ? _this.getIOSAriaLabel(status) : _this.getAndroidAriaLabel(status)) }}"
+ aria-live="polite" class="{{_.cls(classPrefix + '__canvas--circle', [[size, true]])}}"
+ style="{{_this.getCircleStyle(size, heightBar)}}; background-image: conic-gradient(from var(--td-progress-circle-from), {{colorCircle || _this.STATUS_COLOR[status] || 'var(--td-progress-inner-bg-color)'}} {{computedProgress}}%, {{bgColorBar || 'var(--td-progress-track-bg-color)'}} 0%);">
+ <view class="{{classPrefix}}__canvas--inner {{prefix}}-class-bar">
+ <view wx:if="{{label}}" class="{{classPrefix}}__info {{prefix}}-class-label" aria-hidden="{{ true }}"><template
+ wx:if="{{_.includes(_this.STATUS, status)}}" is="icon"
+ data="{{tClass: classPrefix + '__icon', size:'96rpx', name: _this.CIRCLE_STATUS_ICON[status]}}"></template><text
+ wx:else>{{ _.isString(label)? label: computedProgress + '%' }}</text></view>
<slot name="label" />
</view>
</view>
</view>
-</view>
+</view>
\ No newline at end of file
--
Gitblit v1.9.3