@tdesign/uniapp 0.9.0 → 0.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/dist/action-sheet/README.en-US.md +4 -3
- package/dist/action-sheet/README.md +4 -3
- package/dist/action-sheet/action-sheet.vue +16 -12
- package/dist/action-sheet/computed.js +1 -1
- package/dist/action-sheet/props.ts +5 -0
- package/dist/action-sheet/type.ts +6 -1
- package/dist/avatar/README.en-US.md +1 -1
- package/dist/avatar/README.md +1 -1
- package/dist/avatar/avatar.vue +10 -9
- package/dist/avatar-group/avatar-group.vue +4 -4
- package/dist/back-top/README.en-US.md +1 -1
- package/dist/back-top/README.md +1 -1
- package/dist/back-top/back-top.vue +5 -4
- package/dist/badge/README.en-US.md +1 -1
- package/dist/badge/README.md +1 -1
- package/dist/badge/badge.vue +4 -2
- package/dist/button/README.en-US.md +1 -1
- package/dist/button/README.md +1 -1
- package/dist/button/button.vue +12 -11
- package/dist/calendar/README.en-US.md +1 -1
- package/dist/calendar/README.md +1 -1
- package/dist/calendar/calendar-header.vue +2 -1
- package/dist/calendar/calendar.vue +9 -7
- package/dist/calendar/template.vue +12 -9
- package/dist/cascader/README.en-US.md +1 -1
- package/dist/cascader/README.md +1 -1
- package/dist/cascader/cascader.vue +8 -8
- package/dist/cell/README.en-US.md +1 -1
- package/dist/cell/README.md +1 -1
- package/dist/cell/cell.vue +34 -36
- package/dist/cell-group/cell-group.vue +5 -3
- package/dist/check-tag/check-tag.vue +6 -3
- package/dist/checkbox/README.en-US.md +1 -1
- package/dist/checkbox/README.md +1 -1
- package/dist/checkbox/checkbox.vue +5 -4
- package/dist/checkbox-group/checkbox-group.vue +5 -3
- package/dist/col/col.vue +7 -3
- package/dist/collapse/README.en-US.md +1 -1
- package/dist/collapse/README.md +1 -1
- package/dist/collapse/collapse.vue +6 -4
- package/dist/collapse-panel/collapse-panel.vue +15 -6
- package/dist/color-picker/README.en-US.md +1 -1
- package/dist/color-picker/README.md +1 -1
- package/dist/color-picker/color-picker.vue +9 -7
- package/dist/color-picker/template.vue +2 -1
- package/dist/common/canvas/index.js +1 -1
- package/dist/common/shared/color-picker/color.js +1 -0
- package/dist/common/src/instantiationDecorator.js +1 -1
- package/dist/common/version.js +1 -1
- package/dist/config-provider/config-provider.vue +3 -1
- package/dist/count-down/README.en-US.md +1 -1
- package/dist/count-down/README.md +1 -1
- package/dist/count-down/count-down.vue +5 -3
- package/dist/date-time-picker/README.en-US.md +1 -1
- package/dist/date-time-picker/README.md +1 -1
- package/dist/date-time-picker/date-time-picker.vue +8 -6
- package/dist/date-time-picker/locale/dayjs.js +6 -6
- package/dist/demo-navbar/demo-navbar.vue +1 -1
- package/dist/dialog/README.en-US.md +1 -1
- package/dist/dialog/README.md +1 -1
- package/dist/dialog/dialog.vue +10 -7
- package/dist/dialog/index.js +2 -1
- package/dist/divider/README.en-US.md +1 -1
- package/dist/divider/README.md +1 -1
- package/dist/divider/divider.vue +4 -2
- package/dist/draggable/draggable.vue +5 -2
- package/dist/drawer/README.en-US.md +1 -1
- package/dist/drawer/README.md +1 -1
- package/dist/drawer/drawer.vue +7 -5
- package/dist/dropdown-item/dropdown-item.vue +14 -11
- package/dist/dropdown-menu/README.en-US.md +1 -1
- package/dist/dropdown-menu/README.md +1 -1
- package/dist/dropdown-menu/dropdown-menu.vue +10 -8
- package/dist/empty/README.en-US.md +1 -1
- package/dist/empty/README.md +1 -1
- package/dist/empty/empty.vue +5 -4
- package/dist/fab/README.en-US.md +1 -1
- package/dist/fab/README.md +1 -1
- package/dist/fab/fab.vue +7 -4
- package/dist/footer/README.en-US.md +1 -1
- package/dist/footer/README.md +1 -1
- package/dist/footer/footer.vue +8 -7
- package/dist/form/README.en-US.md +3 -1
- package/dist/form/README.md +3 -1
- package/dist/form/form.vue +4 -2
- package/dist/form/props.ts +9 -0
- package/dist/form/type.ts +5 -0
- package/dist/form-item/README.en-US.md +2 -1
- package/dist/form-item/README.md +2 -1
- package/dist/form-item/form-item.vue +8 -6
- package/dist/form-item/props.ts +8 -0
- package/dist/form-item/type.ts +4 -0
- package/dist/grid/README.en-US.md +1 -1
- package/dist/grid/README.md +1 -1
- package/dist/grid/grid.vue +4 -3
- package/dist/grid-item/README.en-US.md +1 -1
- package/dist/grid-item/README.md +1 -1
- package/dist/grid-item/grid-item.vue +8 -6
- package/dist/guide/README.en-US.md +1 -1
- package/dist/guide/README.md +1 -1
- package/dist/guide/guide.vue +8 -7
- package/dist/icon/icon.vue +5 -2
- package/dist/image/README.en-US.md +1 -1
- package/dist/image/README.md +1 -1
- package/dist/image/image.vue +6 -5
- package/dist/image-viewer/README.en-US.md +4 -3
- package/dist/image-viewer/README.md +4 -3
- package/dist/image-viewer/image-viewer.css +12 -0
- package/dist/image-viewer/image-viewer.vue +84 -21
- package/dist/image-viewer/props.ts +5 -0
- package/dist/image-viewer/type.ts +6 -1
- package/dist/indexes/README.en-US.md +1 -1
- package/dist/indexes/README.md +1 -1
- package/dist/indexes/indexes.vue +7 -4
- package/dist/indexes-anchor/README.en-US.md +1 -1
- package/dist/indexes-anchor/README.md +1 -1
- package/dist/indexes-anchor/indexes-anchor.vue +5 -3
- package/dist/input/README.en-US.md +1 -1
- package/dist/input/README.md +1 -1
- package/dist/input/input.vue +1 -1
- package/dist/link/README.en-US.md +1 -1
- package/dist/link/README.md +1 -1
- package/dist/link/link.vue +6 -3
- package/dist/loading/README.en-US.md +1 -1
- package/dist/loading/README.md +1 -1
- package/dist/loading/loading.vue +4 -2
- package/dist/message/index.js +2 -1
- package/dist/message/message.vue +4 -3
- package/dist/message-item/index.js +1 -1
- package/dist/message-item/message-item.vue +7 -5
- package/dist/mixins/page-scroll.js +1 -1
- package/dist/mixins/using-config.js +1 -1
- package/dist/mixins/using-custom-navbar.js +1 -1
- package/dist/navbar/README.en-US.md +1 -1
- package/dist/navbar/README.md +2 -2
- package/dist/navbar/navbar.vue +5 -4
- package/dist/notice-bar/README.en-US.md +1 -1
- package/dist/notice-bar/README.md +1 -1
- package/dist/notice-bar/notice-bar.vue +4 -3
- package/dist/overlay/README.en-US.md +1 -1
- package/dist/overlay/README.md +1 -1
- package/dist/overlay/overlay.vue +6 -3
- package/dist/picker/README.en-US.md +1 -1
- package/dist/picker/README.md +1 -1
- package/dist/picker/picker.vue +11 -9
- package/dist/picker-item/README.en-US.md +1 -1
- package/dist/picker-item/README.md +1 -1
- package/dist/picker-item/picker-item.vue +6 -5
- package/dist/popover/README.en-US.md +1 -1
- package/dist/popover/README.md +1 -1
- package/dist/popover/popover.vue +8 -5
- package/dist/popup/README.en-US.md +1 -1
- package/dist/popup/README.md +1 -1
- package/dist/popup/popup.vue +8 -5
- package/dist/progress/README.en-US.md +1 -1
- package/dist/progress/README.md +1 -1
- package/dist/progress/progress.vue +5 -4
- package/dist/pull-down-refresh/README.en-US.md +1 -1
- package/dist/pull-down-refresh/README.md +1 -1
- package/dist/pull-down-refresh/pull-down-refresh.vue +7 -5
- package/dist/qrcode/components/qrcode-canvas/qrcode-canvas.vue +8 -7
- package/dist/qrcode/components/qrcode-status/qrcode-status.vue +2 -1
- package/dist/qrcode/qrcode.vue +5 -3
- package/dist/radio/README.en-US.md +1 -1
- package/dist/radio/README.md +1 -1
- package/dist/radio/radio.vue +5 -4
- package/dist/radio-group/radio-group.vue +5 -4
- package/dist/rate/README.en-US.md +1 -1
- package/dist/rate/README.md +1 -1
- package/dist/rate/rate.vue +8 -5
- package/dist/result/README.en-US.md +1 -1
- package/dist/result/README.md +1 -1
- package/dist/result/result.vue +5 -4
- package/dist/row/row.vue +7 -3
- package/dist/scroll-view/scroll-view.vue +1 -1
- package/dist/search/README.en-US.md +1 -1
- package/dist/search/README.md +1 -1
- package/dist/search/search.vue +14 -9
- package/dist/segmented/README.en-US.md +1 -1
- package/dist/segmented/README.md +1 -1
- package/dist/segmented/segmented.vue +6 -3
- package/dist/side-bar/README.en-US.md +1 -1
- package/dist/side-bar/README.md +1 -1
- package/dist/side-bar/side-bar.vue +5 -3
- package/dist/side-bar-item/side-bar-item.vue +7 -6
- package/dist/skeleton/README.en-US.md +1 -1
- package/dist/skeleton/README.md +1 -1
- package/dist/skeleton/skeleton.vue +6 -3
- package/dist/slider/README.en-US.md +1 -1
- package/dist/slider/README.md +1 -1
- package/dist/slider/slider.vue +7 -5
- package/dist/step-item/step-item.vue +5 -4
- package/dist/stepper/README.en-US.md +1 -1
- package/dist/stepper/README.md +1 -1
- package/dist/stepper/stepper.vue +5 -3
- package/dist/steps/README.en-US.md +1 -1
- package/dist/steps/README.md +1 -1
- package/dist/steps/steps.vue +5 -3
- package/dist/sticky/sticky.vue +4 -3
- package/dist/swipe-cell/swipe-cell.vue +7 -5
- package/dist/swiper/README.en-US.md +1 -1
- package/dist/swiper/README.md +1 -1
- package/dist/swiper/swiper.vue +7 -5
- package/dist/swiper-nav/swiper-nav.vue +6 -3
- package/dist/switch/README.en-US.md +1 -1
- package/dist/switch/README.md +1 -1
- package/dist/switch/switch.vue +5 -4
- package/dist/tab-bar/README.en-US.md +1 -1
- package/dist/tab-bar/README.md +1 -1
- package/dist/tab-bar/tab-bar.vue +5 -3
- package/dist/tab-bar-item/tab-bar-item.vue +6 -4
- package/dist/tab-panel/tab-panel.vue +5 -3
- package/dist/table/README.en-US.md +4 -4
- package/dist/table/README.md +4 -4
- package/dist/table/table.css +2 -2
- package/dist/table/table.vue +38 -7
- package/dist/tabs/README.en-US.md +1 -1
- package/dist/tabs/README.md +1 -1
- package/dist/tabs/tabs.vue +11 -9
- package/dist/tag/README.en-US.md +1 -1
- package/dist/tag/README.md +1 -1
- package/dist/tag/tag.vue +6 -3
- package/dist/textarea/README.en-US.md +1 -1
- package/dist/textarea/README.md +1 -1
- package/dist/textarea/textarea.vue +6 -3
- package/dist/toast/README.en-US.md +1 -1
- package/dist/toast/README.md +1 -1
- package/dist/toast/toast.vue +8 -7
- package/dist/transition/transition.vue +2 -2
- package/dist/tree-select/README.en-US.md +1 -1
- package/dist/tree-select/README.md +1 -1
- package/dist/tree-select/tree-select.vue +14 -9
- package/dist/types/action-sheet.d.ts +1 -1
- package/dist/types/avatar-group.d.ts +1 -1
- package/dist/types/avatar.d.ts +1 -1
- package/dist/types/back-top.d.ts +1 -1
- package/dist/types/badge.d.ts +1 -1
- package/dist/types/button.d.ts +1 -1
- package/dist/types/calendar.d.ts +1 -1
- package/dist/types/cascader.d.ts +1 -1
- package/dist/types/cell-group.d.ts +1 -1
- package/dist/types/cell.d.ts +1 -1
- package/dist/types/check-tag.d.ts +1 -1
- package/dist/types/checkbox-group.d.ts +1 -1
- package/dist/types/checkbox.d.ts +1 -1
- package/dist/types/col.d.ts +1 -1
- package/dist/types/collapse-panel.d.ts +1 -1
- package/dist/types/collapse.d.ts +1 -1
- package/dist/types/color-picker.d.ts +1 -1
- package/dist/upload/README.en-US.md +1 -1
- package/dist/upload/README.md +1 -1
- package/dist/upload/upload.vue +32 -32
- package/dist/watermark/README.en-US.md +1 -1
- package/dist/watermark/README.md +1 -1
- package/dist/watermark/utils/generateBase64Url.js +6 -6
- package/dist/watermark/watermark.vue +4 -3
- package/package.json +1 -1
package/dist/tab-bar/tab-bar.vue
CHANGED
|
@@ -22,13 +22,15 @@
|
|
|
22
22
|
<!-- #endif -->
|
|
23
23
|
</template>
|
|
24
24
|
<script>
|
|
25
|
-
import { uniComponent } from '../common/src/index';
|
|
26
25
|
import { prefix } from '../common/config';
|
|
27
|
-
|
|
28
|
-
import { coalesce, getRect, nextTick } from '../common/utils';
|
|
26
|
+
|
|
29
27
|
import { ParentMixin, RELATION_MAP } from '../common/relation';
|
|
28
|
+
import { uniComponent } from '../common/src/index';
|
|
29
|
+
import { coalesce, getRect, nextTick } from '../common/utils';
|
|
30
30
|
import tools from '../common/utils.wxs';
|
|
31
31
|
|
|
32
|
+
import props from './props';
|
|
33
|
+
|
|
32
34
|
const classPrefix = `${prefix}-tab-bar`;
|
|
33
35
|
|
|
34
36
|
|
|
@@ -110,14 +110,16 @@
|
|
|
110
110
|
</view>
|
|
111
111
|
</template>
|
|
112
112
|
<script>
|
|
113
|
-
import TIcon from '../icon/icon';
|
|
114
113
|
import TBadge from '../badge/badge';
|
|
115
|
-
import { uniComponent } from '../common/src/index';
|
|
116
114
|
import { prefix } from '../common/config';
|
|
117
|
-
|
|
115
|
+
|
|
116
|
+
import { ChildrenMixin, RELATION_MAP } from '../common/relation';
|
|
117
|
+
import { uniComponent } from '../common/src/index';
|
|
118
118
|
import { getRect, calcIcon } from '../common/utils';
|
|
119
119
|
import tools from '../common/utils.wxs';
|
|
120
|
-
import
|
|
120
|
+
import TIcon from '../icon/icon';
|
|
121
|
+
|
|
122
|
+
import props from './props';
|
|
121
123
|
|
|
122
124
|
const classPrefix = `${prefix}-tab-bar-item`;
|
|
123
125
|
|
|
@@ -14,11 +14,13 @@
|
|
|
14
14
|
</view>
|
|
15
15
|
</template>
|
|
16
16
|
<script>
|
|
17
|
-
import { uniComponent } from '../common/src/index';
|
|
18
|
-
import props from './props';
|
|
19
17
|
import { prefix } from '../common/config';
|
|
20
|
-
import tools from '../common/utils.wxs';
|
|
21
18
|
import { ChildrenMixin, RELATION_MAP } from '../common/relation';
|
|
19
|
+
import { uniComponent } from '../common/src/index';
|
|
20
|
+
|
|
21
|
+
import tools from '../common/utils.wxs';
|
|
22
|
+
|
|
23
|
+
import props from './props';
|
|
22
24
|
|
|
23
25
|
|
|
24
26
|
const name = `${prefix}-tab-panel`;
|
|
@@ -57,7 +57,7 @@ width | String / Number | - | column width | N
|
|
|
57
57
|
### CSS Variables
|
|
58
58
|
|
|
59
59
|
The component provides the following CSS variables, which can be used to customize styles.
|
|
60
|
-
Name | Default Value | Description
|
|
60
|
+
Name | Default Value | Description
|
|
61
61
|
-- | -- | --
|
|
62
62
|
--td-table-body-text-color | @text-color-primary | -
|
|
63
63
|
--td-table-border-color | @component-border | -
|
|
@@ -66,7 +66,7 @@ Name | Default Value | Description
|
|
|
66
66
|
--td-table-header-bg-color | @bg-color-container | -
|
|
67
67
|
--td-table-header-text-color | @text-color-placeholder | -
|
|
68
68
|
--td-table-loading-bg-color | rgba(255, 255, 255, 0.55) | -
|
|
69
|
-
--td-table-row-height |
|
|
69
|
+
--td-table-row-height | 82rpx | -
|
|
70
70
|
--td-table-stripe-bg-color | @bg-color-secondarycontainer | -
|
|
71
|
-
--td-table-td-padding |
|
|
72
|
-
--td-table-th-padding |
|
|
71
|
+
--td-table-td-padding | 16rpx 24rpx | -
|
|
72
|
+
--td-table-th-padding | 16rpx 24rpx | -
|
package/dist/table/README.md
CHANGED
|
@@ -102,7 +102,7 @@ width | String / Number | - | 列宽,可以作为最小宽度使用。当列
|
|
|
102
102
|
### CSS Variables
|
|
103
103
|
|
|
104
104
|
组件提供了下列 CSS 变量,可用于自定义样式。
|
|
105
|
-
名称 | 默认值 | 描述
|
|
105
|
+
名称 | 默认值 | 描述
|
|
106
106
|
-- | -- | --
|
|
107
107
|
--td-table-body-text-color | @text-color-primary | -
|
|
108
108
|
--td-table-border-color | @component-border | -
|
|
@@ -111,7 +111,7 @@ width | String / Number | - | 列宽,可以作为最小宽度使用。当列
|
|
|
111
111
|
--td-table-header-bg-color | @bg-color-container | -
|
|
112
112
|
--td-table-header-text-color | @text-color-placeholder | -
|
|
113
113
|
--td-table-loading-bg-color | rgba(255, 255, 255, 0.55) | -
|
|
114
|
-
--td-table-row-height |
|
|
114
|
+
--td-table-row-height | 82rpx | -
|
|
115
115
|
--td-table-stripe-bg-color | @bg-color-secondarycontainer | -
|
|
116
|
-
--td-table-td-padding |
|
|
117
|
-
--td-table-th-padding |
|
|
116
|
+
--td-table-td-padding | 16rpx 24rpx | -
|
|
117
|
+
--td-table-th-padding | 16rpx 24rpx | -
|
package/dist/table/table.css
CHANGED
|
@@ -50,14 +50,14 @@
|
|
|
50
50
|
border-bottom: 1px solid var(--td-table-border-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
|
|
51
51
|
}
|
|
52
52
|
.t-table__th {
|
|
53
|
-
padding: var(--td-table-th-padding,
|
|
53
|
+
padding: var(--td-table-th-padding, 16rpx 24rpx);
|
|
54
54
|
background-color: var(--td-table-header-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
|
|
55
55
|
color: var(--td-table-header-text-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))));
|
|
56
56
|
font-weight: normal;
|
|
57
57
|
text-align: left;
|
|
58
58
|
}
|
|
59
59
|
.t-table__td {
|
|
60
|
-
padding: var(--td-table-td-padding,
|
|
60
|
+
padding: var(--td-table-td-padding, 16rpx 24rpx);
|
|
61
61
|
text-align: left;
|
|
62
62
|
}
|
|
63
63
|
.t-table__th-content,
|
package/dist/table/table.vue
CHANGED
|
@@ -120,7 +120,21 @@
|
|
|
120
120
|
:class="classPrefix + '__loading--full'"
|
|
121
121
|
>
|
|
122
122
|
<slot name="loading">
|
|
123
|
-
<t-loading
|
|
123
|
+
<t-loading
|
|
124
|
+
:delay="(loadingProps && loadingProps.delay) || 0"
|
|
125
|
+
:duration="(loadingProps && loadingProps.duration) || 800"
|
|
126
|
+
:fullscreen="!!(loadingProps && loadingProps.fullscreen)"
|
|
127
|
+
:indicator="loadingProps && loadingProps.indicator !== undefined ? loadingProps.indicator : true"
|
|
128
|
+
:inherit-color="!!(loadingProps && loadingProps.inheritColor)"
|
|
129
|
+
:layout="(loadingProps && loadingProps.layout) || 'horizontal'"
|
|
130
|
+
:loading="loadingProps && loadingProps.loading !== undefined ? loadingProps.loading : true"
|
|
131
|
+
:pause="!!(loadingProps && loadingProps.pause)"
|
|
132
|
+
:progress="loadingProps && loadingProps.progress"
|
|
133
|
+
:reverse="!!(loadingProps && loadingProps.reverse)"
|
|
134
|
+
:size="(loadingProps && loadingProps.size) || '20px'"
|
|
135
|
+
:text="(loadingProps && loadingProps.text) || ''"
|
|
136
|
+
:theme="(loadingProps && loadingProps.theme) || 'circular'"
|
|
137
|
+
/>
|
|
124
138
|
</slot>
|
|
125
139
|
</view>
|
|
126
140
|
</scroll-view>
|
|
@@ -136,11 +150,13 @@
|
|
|
136
150
|
</view>
|
|
137
151
|
</template>
|
|
138
152
|
<script>
|
|
139
|
-
import TLoading from '../loading/loading.vue';
|
|
140
|
-
import { uniComponent } from '../common/src/index';
|
|
141
153
|
import { prefix } from '../common/config';
|
|
142
|
-
import
|
|
154
|
+
import { uniComponent } from '../common/src/index';
|
|
143
155
|
import tools from '../common/utils.wxs';
|
|
156
|
+
import TLoading from '../loading/loading.vue';
|
|
157
|
+
|
|
158
|
+
import props from './base-table-props';
|
|
159
|
+
|
|
144
160
|
|
|
145
161
|
const name = `${prefix}-table`;
|
|
146
162
|
|
|
@@ -262,7 +278,7 @@ export default {
|
|
|
262
278
|
if (!col) return '';
|
|
263
279
|
const defaultColWidth = this.tableLayout === 'fixed' ? '80px' : undefined;
|
|
264
280
|
const width = formatCSSUnit(col.width || defaultColWidth);
|
|
265
|
-
const minWidth =
|
|
281
|
+
const minWidth = !formatCSSUnit(col.width || defaultColWidth) && !col.minWidth && this.tableLayout === 'fixed' ? '80px' : formatCSSUnit(col.minWidth);
|
|
266
282
|
const styles = [];
|
|
267
283
|
// 当列设置了固定宽度时,使用 flex: 0 0 auto 防止被 flex 压缩,支持横向滚动
|
|
268
284
|
if (col.width) {
|
|
@@ -279,12 +295,27 @@ export default {
|
|
|
279
295
|
return styles.join('; ');
|
|
280
296
|
},
|
|
281
297
|
|
|
298
|
+
getCustomClassName(className = '') {
|
|
299
|
+
const calcClassName = (name) => {
|
|
300
|
+
if (typeof name === 'function') {
|
|
301
|
+
return name() || '';
|
|
302
|
+
}
|
|
303
|
+
return name;
|
|
304
|
+
};
|
|
305
|
+
|
|
306
|
+
if (Array.isArray(className)) {
|
|
307
|
+
return className.map(calcClassName);
|
|
308
|
+
}
|
|
309
|
+
return [calcClassName(className)];
|
|
310
|
+
},
|
|
311
|
+
|
|
282
312
|
getThClassName(col, colIndex) {
|
|
283
313
|
const classes = [];
|
|
284
314
|
if (col.colKey) classes.push(`${name}__th-${col.colKey}`);
|
|
285
315
|
if (col.align && col.align !== 'left') classes.push(`${prefix}-align-${col.align}`);
|
|
286
316
|
if (col.fixed === 'left') classes.push(`${name}__cell--fixed-left`);
|
|
287
317
|
if (col.fixed === 'right') classes.push(`${name}__cell--fixed-right`);
|
|
318
|
+
if (col.className) classes.push(...this.getCustomClassName(col.className));
|
|
288
319
|
if (colIndex === this.lastFixedLeftIndex) classes.push(`${name}__cell--fixed-left-last`);
|
|
289
320
|
if (colIndex === this.firstFixedRightIndex) classes.push(`${name}__cell--fixed-right-first`);
|
|
290
321
|
return classes.join(' ');
|
|
@@ -428,14 +459,14 @@ export default {
|
|
|
428
459
|
if (fixedTopRows > 0 && rowIndex < fixedTopRows) {
|
|
429
460
|
rowClasses.push(`${name}__row--fixed-top`);
|
|
430
461
|
// top/bottom 值将在 nextTick 中通过实际 DOM 测量来设置
|
|
431
|
-
rowStyle = `position: sticky; top:
|
|
462
|
+
rowStyle = `position: sticky; top: 0; z-index: ${fixedRowZIndex};`;
|
|
432
463
|
}
|
|
433
464
|
if (fixedBottomRows > 0 && rowIndex >= dataLen - fixedBottomRows) {
|
|
434
465
|
rowClasses.push(`${name}__row--fixed-bottom`);
|
|
435
466
|
if (rowIndex === dataLen - fixedBottomRows) {
|
|
436
467
|
rowClasses.push(`${name}__row--fixed-bottom-first`);
|
|
437
468
|
}
|
|
438
|
-
rowStyle = `position: sticky; bottom:
|
|
469
|
+
rowStyle = `position: sticky; bottom: 0; z-index: ${fixedRowZIndex};`;
|
|
439
470
|
}
|
|
440
471
|
// 冻结表尾行时,最后一行非冻结行去除下边框
|
|
441
472
|
if (fixedBottomRows > 0 && rowIndex === dataLen - fixedBottomRows - 1) {
|
|
@@ -68,7 +68,7 @@ panel | \-
|
|
|
68
68
|
### CSS Variables
|
|
69
69
|
|
|
70
70
|
The component provides the following CSS variables, which can be used to customize styles.
|
|
71
|
-
Name | Default Value | Description
|
|
71
|
+
Name | Default Value | Description
|
|
72
72
|
-- | -- | --
|
|
73
73
|
--td-tab-border-color | @component-stroke | -
|
|
74
74
|
--td-tab-font | @font-body-medium | -
|
package/dist/tabs/README.md
CHANGED
package/dist/tabs/tabs.vue
CHANGED
|
@@ -132,18 +132,20 @@
|
|
|
132
132
|
</view>
|
|
133
133
|
</template>
|
|
134
134
|
<script>
|
|
135
|
-
import TSticky from '../sticky/sticky';
|
|
136
135
|
import TBadge from '../badge/badge';
|
|
137
|
-
|
|
138
|
-
import { uniComponent } from '../common/src/index';
|
|
139
|
-
import props from './props';
|
|
136
|
+
|
|
140
137
|
import { prefix } from '../common/config';
|
|
141
|
-
import
|
|
138
|
+
import { ParentMixin, RELATION_MAP } from '../common/relation';
|
|
139
|
+
import { uniComponent } from '../common/src/index';
|
|
142
140
|
import { getRect, uniqueFactory, coalesce, nextTick } from '../common/utils';
|
|
143
|
-
import { getObserver } from '../common/wechat';
|
|
144
141
|
import tools from '../common/utils.wxs';
|
|
145
|
-
import {
|
|
142
|
+
import { getObserver } from '../common/wechat';
|
|
143
|
+
import TIcon from '../icon/icon';
|
|
144
|
+
import touch from '../mixins/touch';
|
|
145
|
+
import TSticky from '../sticky/sticky';
|
|
146
|
+
|
|
146
147
|
import { animate, trackStyle } from './computed';
|
|
148
|
+
import props from './props';
|
|
147
149
|
|
|
148
150
|
const name = `${prefix}-tabs`;
|
|
149
151
|
const getUniqueID = uniqueFactory('tabs');
|
|
@@ -475,8 +477,8 @@ export default {
|
|
|
475
477
|
getIconCustomStyle(item) {
|
|
476
478
|
return tools._style([
|
|
477
479
|
{
|
|
478
|
-
fontSize: 'var(--td-tab-icon-size,
|
|
479
|
-
marginRight: 'calc(var(--td-spacer,
|
|
480
|
+
fontSize: 'var(--td-tab-icon-size, 36rpx)',
|
|
481
|
+
marginRight: 'calc(var(--td-spacer, 16rpx) / 4)',
|
|
480
482
|
},
|
|
481
483
|
item.icon.style || '',
|
|
482
484
|
]);
|
package/dist/tag/README.en-US.md
CHANGED
|
@@ -78,7 +78,7 @@ t-class | \-
|
|
|
78
78
|
### CSS Variables
|
|
79
79
|
|
|
80
80
|
The component provides the following CSS variables, which can be used to customize styles.
|
|
81
|
-
Name | Default Value | Description
|
|
81
|
+
Name | Default Value | Description
|
|
82
82
|
-- | -- | --
|
|
83
83
|
--td-tag-close-icon-color | @text-color-placeholder | -
|
|
84
84
|
--td-tag-danger-color | @error-color | -
|
package/dist/tag/README.md
CHANGED
package/dist/tag/tag.vue
CHANGED
|
@@ -54,12 +54,15 @@
|
|
|
54
54
|
</template>
|
|
55
55
|
<script>
|
|
56
56
|
import TIcon from '.././icon/icon';
|
|
57
|
-
import { uniComponent } from '../common/src/index';
|
|
58
57
|
import { prefix } from '../common/config';
|
|
59
|
-
import
|
|
58
|
+
import { uniComponent } from '../common/src/index';
|
|
59
|
+
|
|
60
|
+
|
|
60
61
|
import { classNames, calcIcon } from '../common/utils';
|
|
61
|
-
import { isNumeric } from '../common/validator';
|
|
62
62
|
import tools from '../common/utils.wxs';
|
|
63
|
+
import { isNumeric } from '../common/validator';
|
|
64
|
+
|
|
65
|
+
import props from './props';
|
|
63
66
|
|
|
64
67
|
|
|
65
68
|
const name = `${prefix}-tag`;
|
|
@@ -65,7 +65,7 @@ t-class-textarea | \-
|
|
|
65
65
|
### CSS Variables
|
|
66
66
|
|
|
67
67
|
The component provides the following CSS variables, which can be used to customize styles.
|
|
68
|
-
Name | Default Value | Description
|
|
68
|
+
Name | Default Value | Description
|
|
69
69
|
-- | -- | --
|
|
70
70
|
--td-textarea-background-color | @bg-color-container | -
|
|
71
71
|
--td-textarea-border-color | @component-border | -
|
package/dist/textarea/README.md
CHANGED
|
@@ -50,13 +50,16 @@
|
|
|
50
50
|
</view>
|
|
51
51
|
</template>
|
|
52
52
|
<script>
|
|
53
|
-
import { uniComponent } from '../common/src/index';
|
|
54
53
|
import { prefix } from '../common/config';
|
|
55
|
-
import
|
|
54
|
+
import { RELATION_MAP } from '../common/relation/parent-map';
|
|
55
|
+
import { uniComponent } from '../common/src/index';
|
|
56
|
+
|
|
57
|
+
|
|
56
58
|
import { getCharacterLength, coalesce, nextTick } from '../common/utils';
|
|
57
59
|
import tools from '../common/utils.wxs';
|
|
60
|
+
|
|
58
61
|
import { textareaStyle } from './computed.js';
|
|
59
|
-
import
|
|
62
|
+
import props from './props';
|
|
60
63
|
|
|
61
64
|
|
|
62
65
|
const name = `${prefix}-textarea`;
|
|
@@ -41,7 +41,7 @@ t-class | \-
|
|
|
41
41
|
### CSS Variables
|
|
42
42
|
|
|
43
43
|
The component provides the following CSS variables, which can be used to customize styles.
|
|
44
|
-
Name | Default Value | Description
|
|
44
|
+
Name | Default Value | Description
|
|
45
45
|
-- | -- | --
|
|
46
46
|
--td-toast-bg-color | @mask-active | -
|
|
47
47
|
--td-toast-color | @text-color-anti | -
|
package/dist/toast/README.md
CHANGED
package/dist/toast/toast.vue
CHANGED
|
@@ -56,17 +56,18 @@
|
|
|
56
56
|
</view>
|
|
57
57
|
</template>
|
|
58
58
|
<script>
|
|
59
|
-
import TIcon from '../icon/icon';
|
|
60
|
-
import TLoading from '../loading/loading';
|
|
61
|
-
import TOverlay from '../overlay/overlay';
|
|
62
|
-
import { uniComponent } from '../common/src/index';
|
|
63
59
|
import { prefix } from '../common/config';
|
|
64
|
-
import
|
|
65
|
-
import { transitionMixins } from '../mixins/transition';
|
|
60
|
+
import { uniComponent } from '../common/src/index';
|
|
66
61
|
import { calcIcon, toCamel, coalesce } from '../common/utils';
|
|
67
|
-
import useCustomNavbar from '../mixins/using-custom-navbar';
|
|
68
62
|
import tools from '../common/utils.wxs';
|
|
69
63
|
import { canUseVirtualHost } from '../common/version';
|
|
64
|
+
import TIcon from '../icon/icon';
|
|
65
|
+
import TLoading from '../loading/loading';
|
|
66
|
+
import { transitionMixins } from '../mixins/transition';
|
|
67
|
+
import useCustomNavbar from '../mixins/using-custom-navbar';
|
|
68
|
+
import TOverlay from '../overlay/overlay';
|
|
69
|
+
|
|
70
|
+
import props from './props';
|
|
70
71
|
|
|
71
72
|
|
|
72
73
|
const name = `${prefix}-toast`;
|
|
@@ -8,10 +8,10 @@
|
|
|
8
8
|
</view>
|
|
9
9
|
</template>
|
|
10
10
|
<script>
|
|
11
|
-
import { uniComponent } from '../common/src/index';
|
|
12
|
-
import transition from '../mixins/transition';
|
|
13
11
|
import { prefix } from '../common/config';
|
|
12
|
+
import { uniComponent } from '../common/src/index';
|
|
14
13
|
import tools from '../common/utils.wxs';
|
|
14
|
+
import transition from '../mixins/transition';
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
const name = `${prefix}-transition`;
|
|
@@ -36,7 +36,7 @@ t-class-right-item-label | \-
|
|
|
36
36
|
### CSS Variables
|
|
37
37
|
|
|
38
38
|
The component provides the following CSS variables, which can be used to customize styles.
|
|
39
|
-
Name | Default Value | Description
|
|
39
|
+
Name | Default Value | Description
|
|
40
40
|
-- | -- | --
|
|
41
41
|
--td-tree-bg-color | @bg-color-container | -
|
|
42
42
|
--td-tree-colum-text-color | @text-color-primary | -
|
|
@@ -105,22 +105,27 @@
|
|
|
105
105
|
</view>
|
|
106
106
|
</template>
|
|
107
107
|
<script>
|
|
108
|
-
import TRadio from '../radio/radio';
|
|
109
|
-
import TRadioGroup from '../radio-group/radio-group';
|
|
110
108
|
import TCheckbox from '../checkbox/checkbox';
|
|
111
109
|
import TCheckboxGroup from '../checkbox-group/checkbox-group';
|
|
112
|
-
import TSideBar from '../side-bar/side-bar';
|
|
113
|
-
import TSideBarItem from '../side-bar-item/side-bar-item';
|
|
114
|
-
import TScrollView from '../scroll-view/scroll-view.vue';
|
|
115
110
|
|
|
116
|
-
import { uniComponent } from '../common/src/index';
|
|
117
|
-
import { isDef } from '../common/validator';
|
|
118
111
|
import { prefix } from '../common/config';
|
|
112
|
+
import { uniComponent } from '../common/src/index';
|
|
119
113
|
import { getTreeDepth, coalesce, nextTick } from '../common/utils';
|
|
120
|
-
|
|
114
|
+
|
|
121
115
|
import tools from '../common/utils.wxs';
|
|
122
|
-
import {
|
|
116
|
+
import { isDef } from '../common/validator';
|
|
117
|
+
|
|
118
|
+
|
|
123
119
|
import { canUseVirtualHost } from '../common/version';
|
|
120
|
+
import TRadio from '../radio/radio';
|
|
121
|
+
import TRadioGroup from '../radio-group/radio-group';
|
|
122
|
+
import TScrollView from '../scroll-view/scroll-view.vue';
|
|
123
|
+
import TSideBar from '../side-bar/side-bar';
|
|
124
|
+
import TSideBarItem from '../side-bar-item/side-bar-item';
|
|
125
|
+
|
|
126
|
+
import { getTreeClass } from './computed.js';
|
|
127
|
+
|
|
128
|
+
import props from './props';
|
|
124
129
|
|
|
125
130
|
const name = `${prefix}-tree-select`;
|
|
126
131
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdActionSheetProps } from '../action-sheet/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type ActionSheetProps = ExtractNonOnProps<TdActionSheetProps>;
|
|
5
5
|
export type ActionSheetEmits = TransformEventHandlers<TdActionSheetProps, true>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdAvatarGroupProps } from '../avatar-group/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type AvatarGroupProps = ExtractNonOnProps<TdAvatarGroupProps>;
|
|
5
5
|
export type AvatarGroupEmits = TransformEventHandlers<TdAvatarGroupProps, true>;
|
package/dist/types/avatar.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdAvatarProps } from '../avatar/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type AvatarProps = ExtractNonOnProps<TdAvatarProps>;
|
|
5
5
|
export type AvatarEmits = TransformEventHandlers<TdAvatarProps, true>;
|
package/dist/types/back-top.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdBackTopProps } from '../back-top/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type BackTopProps = ExtractNonOnProps<TdBackTopProps>;
|
|
5
5
|
export type BackTopEmits = TransformEventHandlers<TdBackTopProps, true>;
|
package/dist/types/badge.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdBadgeProps } from '../badge/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type BadgeProps = ExtractNonOnProps<TdBadgeProps>;
|
|
5
5
|
export type BadgeEmits = TransformEventHandlers<TdBadgeProps, true>;
|
package/dist/types/button.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdButtonProps } from '../button/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type ButtonProps = ExtractNonOnProps<TdButtonProps>;
|
|
5
5
|
export type ButtonEmits = TransformEventHandlers<TdButtonProps, true>;
|
package/dist/types/calendar.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdCalendarProps } from '../calendar/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type CalendarProps = ExtractNonOnProps<TdCalendarProps>;
|
|
5
5
|
export type CalendarEmits = TransformEventHandlers<TdCalendarProps, true>;
|
package/dist/types/cascader.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdCascaderProps } from '../cascader/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type CascaderProps = ExtractNonOnProps<TdCascaderProps>;
|
|
5
5
|
export type CascaderEmits = TransformEventHandlers<TdCascaderProps, true>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdCellGroupProps } from '../cell-group/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type CellGroupProps = ExtractNonOnProps<TdCellGroupProps>;
|
|
5
5
|
export type CellGroupEmits = TransformEventHandlers<TdCellGroupProps, true>;
|
package/dist/types/cell.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdCellProps } from '../cell/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type CellProps = ExtractNonOnProps<TdCellProps>;
|
|
5
5
|
export type CellEmits = TransformEventHandlers<TdCellProps, true>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdCheckTagProps } from '../check-tag/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type CheckTagProps = ExtractNonOnProps<TdCheckTagProps>;
|
|
5
5
|
export type CheckTagEmits = TransformEventHandlers<TdCheckTagProps, true>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdCheckboxGroupProps } from '../checkbox-group/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type CheckboxGroupProps = ExtractNonOnProps<TdCheckboxGroupProps>;
|
|
5
5
|
export type CheckboxGroupEmits = TransformEventHandlers<TdCheckboxGroupProps, true>;
|
package/dist/types/checkbox.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdCheckboxProps } from '../checkbox/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type CheckboxProps = ExtractNonOnProps<TdCheckboxProps>;
|
|
5
5
|
export type CheckboxEmits = TransformEventHandlers<TdCheckboxProps, true>;
|
package/dist/types/col.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdColProps } from '../col/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type ColProps = ExtractNonOnProps<TdColProps>;
|
|
5
5
|
export type ColEmits = TransformEventHandlers<TdColProps, true>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdCollapsePanelProps } from '../collapse-panel/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type CollapsePanelProps = ExtractNonOnProps<TdCollapsePanelProps>;
|
|
5
5
|
export type CollapsePanelEmits = TransformEventHandlers<TdCollapsePanelProps, true>;
|
package/dist/types/collapse.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdCollapseProps } from '../collapse/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type CollapseProps = ExtractNonOnProps<TdCollapseProps>;
|
|
5
5
|
export type CollapseEmits = TransformEventHandlers<TdCollapseProps, true>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
2
1
|
import type { TdColorPickerProps } from '../color-picker/type';
|
|
2
|
+
import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
|
|
3
3
|
|
|
4
4
|
export type ColorPickerProps = ExtractNonOnProps<TdColorPickerProps>;
|
|
5
5
|
export type ColorPickerEmits = TransformEventHandlers<TdColorPickerProps, true>;
|
|
@@ -48,7 +48,7 @@ add-content | \-
|
|
|
48
48
|
### CSS Variables
|
|
49
49
|
|
|
50
50
|
The component provides the following CSS variables, which can be used to customize styles.
|
|
51
|
-
Name | Default Value | Description
|
|
51
|
+
Name | Default Value | Description
|
|
52
52
|
-- | -- | --
|
|
53
53
|
--td-upload-add-bg-color | @bg-color-secondarycontainer | -
|
|
54
54
|
--td-upload-add-color | @text-color-placeholder | -
|
package/dist/upload/README.md
CHANGED
|
@@ -103,7 +103,7 @@ add-content | 自定义 `add-content` 显示内容
|
|
|
103
103
|
### CSS Variables
|
|
104
104
|
|
|
105
105
|
组件提供了下列 CSS 变量,可用于自定义样式。
|
|
106
|
-
名称 | 默认值 | 描述
|
|
106
|
+
名称 | 默认值 | 描述
|
|
107
107
|
-- | -- | --
|
|
108
108
|
--td-upload-add-bg-color | @bg-color-secondarycontainer | -
|
|
109
109
|
--td-upload-add-color | @text-color-placeholder | -
|