@tdesign/uniapp 0.7.3 → 0.8.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 +34 -0
- package/README.md +44 -35
- package/dist/action-sheet/README.md +9 -4
- package/dist/action-sheet/action-sheet.vue +158 -150
- package/dist/action-sheet/props.ts +2 -2
- package/dist/action-sheet/type.ts +1 -1
- package/dist/avatar/README.md +3 -1
- package/dist/avatar/avatar.vue +89 -87
- package/dist/avatar-group/avatar-group.vue +69 -67
- package/dist/back-top/README.md +3 -1
- package/dist/back-top/back-top.vue +60 -58
- package/dist/badge/README.md +3 -1
- package/dist/badge/badge.vue +69 -59
- package/dist/button/README.md +3 -1
- package/dist/button/button.vue +121 -116
- package/dist/button/props.ts +2 -2
- package/dist/button/type.ts +1 -1
- package/dist/calendar/README.md +3 -1
- package/dist/calendar/calendar-header.vue +4 -4
- package/dist/calendar/calendar.vue +308 -297
- package/dist/calendar/template.vue +1 -1
- package/dist/cascader/README.en-US.md +2 -1
- package/dist/cascader/README.md +5 -2
- package/dist/cascader/cascader.vue +340 -328
- package/dist/cascader/props.ts +6 -1
- package/dist/cascader/type.ts +6 -0
- package/dist/cell/README.md +3 -1
- package/dist/cell/cell.vue +127 -121
- package/dist/cell-group/cell-group.vue +32 -30
- package/dist/check-tag/check-tag.vue +73 -71
- package/dist/checkbox/README.md +3 -1
- package/dist/checkbox/checkbox.vue +127 -127
- package/dist/checkbox/props.ts +6 -6
- package/dist/checkbox/type.ts +3 -3
- package/dist/checkbox-group/checkbox-group.vue +175 -173
- package/dist/checkbox-group/props.ts +6 -6
- package/dist/checkbox-group/type.ts +4 -4
- package/dist/col/README.md +3 -1
- package/dist/col/col.vue +26 -24
- package/dist/collapse/README.md +3 -1
- package/dist/collapse/collapse.vue +83 -81
- package/dist/collapse-panel/collapse-panel.vue +121 -119
- package/dist/collapse-panel/props.ts +4 -4
- package/dist/collapse-panel/type.ts +2 -2
- package/dist/color-picker/README.md +4 -2
- package/dist/color-picker/color-picker.vue +324 -322
- package/dist/color-picker/props.ts +2 -2
- package/dist/color-picker/template.vue +14 -10
- package/dist/common/common.ts +122 -5
- package/dist/common/src/index.js +0 -1
- package/dist/common/style/theme/index.css +5 -5
- package/dist/common/utils.js +7 -2
- package/dist/common/validator.ts +496 -0
- package/dist/config-provider/README.en-US.md +184 -0
- package/dist/config-provider/README.md +236 -0
- package/dist/config-provider/config-provider.vue +105 -0
- package/dist/config-provider/config-store.js +70 -0
- package/dist/config-provider/props.ts +16 -0
- package/dist/config-provider/reactive-state.js +39 -0
- package/dist/config-provider/type.ts +401 -0
- package/dist/config-provider/use-config.js +29 -0
- package/dist/config-provider/utils.js +29 -0
- package/dist/count-down/README.md +3 -1
- package/dist/count-down/count-down.vue +98 -97
- package/dist/date-time-picker/README.md +3 -1
- package/dist/date-time-picker/date-time-picker.vue +410 -395
- package/dist/demo/demo.vue +1 -0
- package/dist/dialog/README.md +3 -1
- package/dist/dialog/dialog.vue +175 -173
- package/dist/divider/README.md +3 -1
- package/dist/divider/divider.vue +38 -36
- package/dist/draggable/draggable.vue +60 -58
- package/dist/drawer/README.md +4 -2
- package/dist/drawer/drawer.vue +48 -46
- package/dist/dropdown-item/dropdown-item.vue +209 -207
- package/dist/dropdown-item/props.ts +4 -4
- package/dist/dropdown-item/type.ts +3 -3
- package/dist/dropdown-menu/README.md +2 -2
- package/dist/dropdown-menu/dropdown-menu.vue +93 -99
- package/dist/empty/README.md +3 -1
- package/dist/empty/empty.vue +43 -42
- package/dist/fab/README.md +3 -1
- package/dist/fab/fab.vue +88 -86
- package/dist/footer/README.md +3 -1
- package/dist/footer/footer.vue +36 -34
- package/dist/form/README.en-US.md +17 -24
- package/dist/form/README.md +21 -26
- package/dist/form/form.css +1 -166
- package/dist/form/form.vue +251 -236
- package/dist/form/props.ts +2 -21
- package/dist/form/type.ts +6 -69
- package/dist/form-item/README.en-US.md +4 -5
- package/dist/form-item/README.md +4 -5
- package/dist/form-item/form-item.css +72 -95
- package/dist/form-item/form-item.vue +315 -337
- package/dist/form-item/form-model.ts +125 -173
- package/dist/form-item/props.ts +4 -17
- package/dist/form-item/type.ts +43 -1
- package/dist/grid/README.md +3 -1
- package/dist/grid/grid.vue +53 -51
- package/dist/grid-item/grid-item.vue +121 -119
- package/dist/guide/README.md +4 -2
- package/dist/guide/guide.vue +281 -277
- package/dist/icon/README.md +12 -11
- package/dist/icon/icon.css +1633 -1624
- package/dist/icon/icon.vue +78 -76
- package/dist/image/README.md +4 -2
- package/dist/image/image.vue +103 -101
- package/dist/image-viewer/README.md +3 -1
- package/dist/image-viewer/image-viewer.vue +160 -158
- package/dist/image-viewer/props.ts +2 -2
- package/dist/image-viewer/type.ts +1 -1
- package/dist/index.js +16 -0
- package/dist/indexes/README.md +3 -1
- package/dist/indexes/indexes.vue +264 -267
- package/dist/indexes-anchor/indexes-anchor.vue +41 -41
- package/dist/input/README.md +3 -1
- package/dist/input/input.vue +172 -198
- package/dist/input/props.ts +6 -6
- package/dist/input/type.ts +3 -3
- package/dist/link/README.md +3 -1
- package/dist/link/link.vue +73 -71
- package/dist/loading/README.md +3 -1
- package/dist/loading/loading.vue +59 -59
- package/dist/locale/ar_KW.ts +157 -0
- package/dist/locale/en_US.ts +146 -0
- package/dist/locale/it_IT.ts +145 -0
- package/dist/locale/ja_JP.ts +132 -0
- package/dist/locale/ko_KR.ts +132 -0
- package/dist/locale/ru_RU.ts +157 -0
- package/dist/locale/zh_CN.ts +133 -0
- package/dist/locale/zh_TW.ts +132 -0
- package/dist/message/README.md +8 -3
- package/dist/message/message.vue +181 -173
- package/dist/message/props.ts +2 -2
- package/dist/message/type.ts +1 -1
- package/dist/message-item/message-item.vue +192 -184
- package/dist/mixins/page-scroll.d.ts +19 -0
- package/dist/mixins/skyline.js +1 -1
- package/dist/mixins/using-config.js +39 -0
- package/dist/navbar/README.md +3 -1
- package/dist/navbar/navbar.vue +201 -199
- package/dist/notice-bar/README.md +3 -1
- package/dist/notice-bar/notice-bar.vue +175 -171
- package/dist/notice-bar/props.ts +2 -2
- package/dist/notice-bar/type.ts +1 -1
- package/dist/npm/dayjs/esm/locale/ar.js +81 -0
- package/dist/npm/dayjs/esm/locale/it.js +39 -0
- package/dist/overlay/README.md +3 -1
- package/dist/overlay/overlay.vue +50 -48
- package/dist/picker/README.md +3 -1
- package/dist/picker/picker.vue +168 -161
- package/dist/picker-item/picker-item.vue +269 -269
- package/dist/popover/README.md +4 -2
- package/dist/popover/popover.vue +262 -261
- package/dist/popover/props.ts +4 -4
- package/dist/popover/type.ts +2 -2
- package/dist/popup/README.md +3 -1
- package/dist/popup/popup.vue +46 -45
- package/dist/progress/README.md +3 -3
- package/dist/progress/progress.vue +76 -76
- package/dist/pull-down-refresh/README.md +3 -1
- package/dist/pull-down-refresh/props.ts +2 -2
- package/dist/pull-down-refresh/pull-down-refresh.vue +240 -234
- package/dist/pull-down-refresh/type.ts +1 -1
- package/dist/qrcode/README.md +4 -2
- package/dist/qrcode/components/qrcode-canvas/qrcode-canvas.vue +340 -338
- package/dist/qrcode/components/qrcode-status/qrcode-status.vue +6 -6
- package/dist/qrcode/qrcode.vue +93 -87
- package/dist/radio/README.md +3 -1
- package/dist/radio/props.ts +6 -6
- package/dist/radio/radio.vue +118 -120
- package/dist/radio/type.ts +3 -3
- package/dist/radio-group/props.ts +4 -4
- package/dist/radio-group/radio-group.vue +136 -134
- package/dist/radio-group/type.ts +4 -4
- package/dist/rate/README.md +3 -1
- package/dist/rate/computed.js +2 -2
- package/dist/rate/props.ts +4 -4
- package/dist/rate/rate.css +1 -0
- package/dist/rate/rate.vue +155 -154
- package/dist/rate/type.ts +2 -2
- package/dist/result/README.md +3 -1
- package/dist/result/result.vue +41 -39
- package/dist/row/row.vue +38 -36
- package/dist/script/postinstall.js +49 -24
- package/dist/scroll-view/scroll-view.vue +24 -22
- package/dist/search/README.md +3 -1
- package/dist/search/props.ts +2 -2
- package/dist/search/search.vue +127 -125
- package/dist/search/type.ts +1 -1
- package/dist/side-bar/README.md +3 -1
- package/dist/side-bar/side-bar.vue +57 -55
- package/dist/side-bar-item/side-bar-item.vue +86 -86
- package/dist/skeleton/README.md +3 -1
- package/dist/skeleton/skeleton.vue +126 -124
- package/dist/slider/README.md +4 -2
- package/dist/slider/props.ts +2 -2
- package/dist/slider/slider.vue +457 -457
- package/dist/slider/type.ts +1 -1
- package/dist/step-item/step-item.vue +77 -75
- package/dist/stepper/README.md +3 -1
- package/dist/stepper/props.ts +2 -2
- package/dist/stepper/stepper.vue +168 -149
- package/dist/stepper/type.ts +1 -1
- package/dist/steps/README.md +3 -1
- package/dist/steps/props.ts +2 -2
- package/dist/steps/steps.vue +83 -81
- package/dist/steps/type.ts +1 -1
- package/dist/sticky/README.md +3 -1
- package/dist/sticky/sticky.vue +104 -102
- package/dist/swipe-cell/README.md +3 -1
- package/dist/swipe-cell/swipe-cell.vue +91 -89
- package/dist/swiper/README.md +4 -2
- package/dist/swiper/swiper.vue +91 -89
- package/dist/swiper-nav/swiper-nav.vue +38 -36
- package/dist/switch/README.md +3 -1
- package/dist/switch/props.ts +2 -2
- package/dist/switch/switch.vue +62 -62
- package/dist/switch/type.ts +1 -1
- package/dist/tab-bar/README.md +3 -1
- package/dist/tab-bar/tab-bar.vue +88 -86
- package/dist/tab-bar-item/tab-bar-item.vue +85 -82
- package/dist/tab-panel/tab-panel.vue +66 -64
- package/dist/tabs/README.md +3 -1
- package/dist/tabs/tabs.vue +294 -287
- package/dist/tag/README.md +3 -1
- package/dist/tag/tag.vue +79 -77
- package/dist/textarea/README.md +3 -1
- package/dist/textarea/props.ts +6 -6
- package/dist/textarea/textarea.vue +128 -151
- package/dist/textarea/type.ts +3 -3
- package/dist/theme.css +467 -0
- package/dist/theme.css.d.ts +2 -0
- package/dist/theme.less +1 -0
- package/dist/theme.less.d.ts +2 -0
- package/dist/toast/README.md +3 -1
- package/dist/toast/toast.vue +107 -106
- package/dist/transition/README.md +4 -6
- package/dist/transition/transition.vue +30 -28
- package/dist/tree-select/README.md +3 -1
- package/dist/tree-select/tree-select.vue +151 -151
- package/dist/types/config-provider.d.ts +7 -0
- package/dist/types/index.d.ts +17 -0
- package/dist/types/popover.d.ts +7 -0
- package/dist/upload/README.en-US.md +13 -14
- package/dist/upload/README.md +14 -13
- package/dist/upload/props.ts +2 -4
- package/dist/upload/type.ts +12 -11
- package/dist/upload/upload.css +1 -1
- package/dist/upload/upload.vue +672 -512
- package/dist/watermark/README.md +3 -1
- package/dist/watermark/watermark.vue +151 -149
- package/global.d.ts +2 -0
- package/package.json +51 -5
- package/dist/common/src/superComponent.js +0 -5
- package/dist/common/validator.js +0 -38
- package/dist/form/form-item-props.ts +0 -56
package/dist/icon/README.md
CHANGED
|
@@ -9,7 +9,9 @@ isComponent: true
|
|
|
9
9
|
|
|
10
10
|
## 引入
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
推荐使用 easycom 模式引入组件,配置后无需手动 import 即可直接在模板中使用 `<t-icon />`。详细配置请参考 [快速开始](../getting-started)。
|
|
13
|
+
|
|
14
|
+
如需手动引入:
|
|
13
15
|
|
|
14
16
|
```js
|
|
15
17
|
import TIcon from '@tdesign/uniapp/icon/icon.vue';
|
|
@@ -40,7 +42,7 @@ import TIcon from '@tdesign/uniapp/icon/icon.vue';
|
|
|
40
42
|
|
|
41
43
|
#### 准备图标文件
|
|
42
44
|
|
|
43
|
-
|
|
45
|
+
内容如下方代码块所示:
|
|
44
46
|
|
|
45
47
|
```css
|
|
46
48
|
@font-face {
|
|
@@ -57,15 +59,16 @@ import TIcon from '@tdesign/uniapp/icon/icon.vue';
|
|
|
57
59
|
content: '\e64d';
|
|
58
60
|
}
|
|
59
61
|
```
|
|
60
|
-
- 添加所需图标,下载图标。图标库一般会提供 **在线链接** 或者 **下载至本地** 等使用方式。**在线链接** 方式会指向一个 `.css` 文件,可以下载或复制其内容,将其修改成后缀名为 `.wxss` 的文件
|
|
61
|
-
- 将 `.wxss` 文件中的 `FontClass/Symbol前缀` 与 `Font Family` 两项内容保持一致,如: `FontClass/Symbol` 前缀为 `icon-`,则 `Font Family` 为 `icon`。
|
|
62
62
|
|
|
63
|
-
|
|
63
|
+
- 添加所需图标,下载图标。图标库一般会提供 **在线链接** 或者 **下载至本地** 等使用方式。**在线链接** 方式会指向一个 `.css` 文件,可以下载或复制其内容。
|
|
64
|
+
- 将 `.css` 文件中的 `FontClass/Symbol前缀` 与 `Font Family` 两项内容保持一致,如: `FontClass/Symbol` 前缀为 `icon-`,则 `Font Family` 为 `icon`。
|
|
65
|
+
|
|
66
|
+
> 注:若是采用 `下载至本地` 方式,需关注 `.css` 和 `.ttf` 文件。由于微信小程序不支持处理 `ttf、woff、eot` 等文件,但支持 `base64`,所以需要将 `.ttf` 文件转换为 `base64` (可借助转换工具,如 [transfonter.org](https://transfonter.org/),会得到一个 `stylesheet.css` 文件),然后将 `.css` 文件中的 `@font-face {}` 内容替换为 `stylesheet.css` 中的 `base64` 内容。
|
|
64
67
|
|
|
65
68
|
#### 引入自定义图标
|
|
66
69
|
|
|
67
|
-
- 全局引入:在项目 `
|
|
68
|
-
-
|
|
70
|
+
- 全局引入:在项目 `App.vue` 或 `main.ts` 等位置,引入上述图标文件
|
|
71
|
+
- 局部引入:在页面/组件对应的样式文件中,引入上述图标文件
|
|
69
72
|
|
|
70
73
|
#### 自定义图标的使用
|
|
71
74
|
|
|
@@ -75,8 +78,6 @@ import TIcon from '@tdesign/uniapp/icon/icon.vue';
|
|
|
75
78
|
|
|
76
79
|
{{ iconImage }}
|
|
77
80
|
|
|
78
|
-
<td-icons-view framework-content/>
|
|
79
|
-
|
|
80
81
|
## API
|
|
81
82
|
|
|
82
83
|
### Icon Props
|
|
@@ -105,5 +106,5 @@ t-class | 根节点样式类
|
|
|
105
106
|
|
|
106
107
|
组件提供了下列 CSS 变量,可用于自定义样式。
|
|
107
108
|
| 名称 | 默认值 | 描述 |
|
|
108
|
-
| -- | -- | -- |
|
|
109
|
-
| ant: norma | ant: norma | - |
|
|
109
|
+
| -- | -- | -- |
|
|
110
|
+
| ant: norma | ant: norma | - |
|