tang-ui-x 1.0.0 → 1.0.2
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/README.md +28 -5
- package/index.uts +92 -0
- package/package.json +4 -4
- package/index.js +0 -62
package/README.md
CHANGED
|
@@ -33,7 +33,8 @@ pnpm add tang-ui-x
|
|
|
33
33
|
"easycom": {
|
|
34
34
|
"autoscan": true,
|
|
35
35
|
"custom": {
|
|
36
|
-
"^T(.*)": "tang-ui-x/components/T$1/
|
|
36
|
+
"^T(.*)": "tang-ui-x/components/T$1/index.uvue",
|
|
37
|
+
"^Tabs$": "tang-ui-x/components/Tabs/index.uvue"
|
|
37
38
|
}
|
|
38
39
|
}
|
|
39
40
|
}
|
|
@@ -50,19 +51,41 @@ pnpm add tang-ui-x
|
|
|
50
51
|
</template>
|
|
51
52
|
```
|
|
52
53
|
|
|
53
|
-
###
|
|
54
|
+
### 方式二：手动引入组件
|
|
54
55
|
|
|
55
56
|
```vue
|
|
56
|
-
<script setup>
|
|
57
|
-
|
|
57
|
+
<script setup lang="uts">
|
|
58
|
+
// 直接引入组件文件
|
|
58
59
|
</script>
|
|
59
60
|
|
|
60
61
|
<template>
|
|
61
62
|
<view>
|
|
62
63
|
<TButton type="primary">按钮</TButton>
|
|
63
|
-
<TInput v-model="value" placeholder="请输入" />
|
|
64
64
|
</view>
|
|
65
65
|
</template>
|
|
66
|
+
|
|
67
|
+
<script module="TButton" lang="uts">
|
|
68
|
+
import TButton from 'tang-ui-x/components/TButton/index.uvue'
|
|
69
|
+
export default TButton
|
|
70
|
+
</script>
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
### 方式三：使用工具函数和 Composables
|
|
74
|
+
|
|
75
|
+
```vue
|
|
76
|
+
<script setup lang="uts">
|
|
77
|
+
import { useToast, useTheme, useModal } from 'tang-ui-x'
|
|
78
|
+
|
|
79
|
+
const toast = useToast()
|
|
80
|
+
const theme = useTheme()
|
|
81
|
+
|
|
82
|
+
function showMessage() {
|
|
83
|
+
toast.show({
|
|
84
|
+
message: '操作成功',
|
|
85
|
+
type: 'success'
|
|
86
|
+
})
|
|
87
|
+
}
|
|
88
|
+
</script>
|
|
66
89
|
```
|
|
67
90
|
|
|
68
91
|
## 📚 组件列表
|
package/index.uts
ADDED
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tang UI - UniApp X UI 组件库
|
|
3
|
+
* @description 基于 uni-app x 的移动端 UI 组件库
|
|
4
|
+
* @version 1.0.2
|
|
5
|
+
* @author sugar258596
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* 注意：uni-app x 项目推荐使用 easycom 自动导入组件
|
|
10
|
+
*
|
|
11
|
+
* 在 pages.json 中配置：
|
|
12
|
+
* {
|
|
13
|
+
* "easycom": {
|
|
14
|
+
* "autoscan": true,
|
|
15
|
+
* "custom": {
|
|
16
|
+
* "^T(.*)": "tang-ui-x/components/T$1/index.uvue"
|
|
17
|
+
* }
|
|
18
|
+
* }
|
|
19
|
+
* }
|
|
20
|
+
*
|
|
21
|
+
* 然后在页面中直接使用：
|
|
22
|
+
* <TButton type="primary">按钮</TButton>
|
|
23
|
+
*/
|
|
24
|
+
|
|
25
|
+
// 导出工具函数
|
|
26
|
+
export * from './utils/index.uts'
|
|
27
|
+
|
|
28
|
+
// 导出 composables
|
|
29
|
+
export { useTheme } from './composables/useTheme.uts'
|
|
30
|
+
export { useToast } from './composables/useToast.uts'
|
|
31
|
+
export { useModal } from './composables/useModal.uts'
|
|
32
|
+
|
|
33
|
+
// 版本信息
|
|
34
|
+
export const version: string = '1.0.2'
|
|
35
|
+
|
|
36
|
+
// 组件列表（用于文档和类型提示）
|
|
37
|
+
export const components: string[] = [
|
|
38
|
+
// 基础组件
|
|
39
|
+
'TButton',
|
|
40
|
+
'TIcon',
|
|
41
|
+
'TText',
|
|
42
|
+
'TImage',
|
|
43
|
+
'TDivider',
|
|
44
|
+
|
|
45
|
+
// 布局组件
|
|
46
|
+
'TCard',
|
|
47
|
+
'TList',
|
|
48
|
+
'TListItem',
|
|
49
|
+
'TCell',
|
|
50
|
+
'TGrid',
|
|
51
|
+
'TGridItem',
|
|
52
|
+
'TRow',
|
|
53
|
+
'TCol',
|
|
54
|
+
|
|
55
|
+
// 表单组件
|
|
56
|
+
'TInput',
|
|
57
|
+
'TNumberInput',
|
|
58
|
+
'TTextarea',
|
|
59
|
+
'TSearchBar',
|
|
60
|
+
'TSwitch',
|
|
61
|
+
'TCheckbox',
|
|
62
|
+
'TCheckboxGroup',
|
|
63
|
+
'TRadioButton',
|
|
64
|
+
'TRadioGroup',
|
|
65
|
+
'TSelect',
|
|
66
|
+
'TSlider',
|
|
67
|
+
'TRate',
|
|
68
|
+
'TPicker',
|
|
69
|
+
|
|
70
|
+
// 数据展示
|
|
71
|
+
'Tags',
|
|
72
|
+
'TBadge',
|
|
73
|
+
'TAvatar',
|
|
74
|
+
'TProgress',
|
|
75
|
+
'TNoticeBar',
|
|
76
|
+
'TCollapse',
|
|
77
|
+
'TCollapseItem',
|
|
78
|
+
'TEmpty',
|
|
79
|
+
'TErrorState',
|
|
80
|
+
'TSwiper',
|
|
81
|
+
|
|
82
|
+
// 反馈组件
|
|
83
|
+
'TLoading',
|
|
84
|
+
'TToast',
|
|
85
|
+
'TDialog',
|
|
86
|
+
'TPopup',
|
|
87
|
+
'TActionSheet',
|
|
88
|
+
|
|
89
|
+
// 导航组件
|
|
90
|
+
'Tabs',
|
|
91
|
+
'TNavBar'
|
|
92
|
+
]
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tang-ui-x",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "UniApp X UI 组件库 - 基于 uni-app x 的移动端 UI 组件库",
|
|
5
|
-
"main": "index.
|
|
6
|
-
"module": "index.
|
|
5
|
+
"main": "index.uts",
|
|
6
|
+
"module": "index.uts",
|
|
7
7
|
"types": "types/index.d.ts",
|
|
8
8
|
"files": [
|
|
9
9
|
"components",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"types",
|
|
13
13
|
"style",
|
|
14
14
|
"uni.scss",
|
|
15
|
-
"index.
|
|
15
|
+
"index.uts",
|
|
16
16
|
"README.md",
|
|
17
17
|
"LICENSE"
|
|
18
18
|
],
|
package/index.js
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
// UniApp X UI 组件库入口文件
|
|
2
|
-
// 注意：uni-app x 项目通常通过 easycom 自动导入组件，无需手动注册
|
|
3
|
-
|
|
4
|
-
// 导出所有组件（供按需引入使用）
|
|
5
|
-
export { default as TButton } from './components/TButton/TButton.vue'
|
|
6
|
-
export { default as TIcon } from './components/TIcon/TIcon.vue'
|
|
7
|
-
export { default as TText } from './components/TText/TText.vue'
|
|
8
|
-
export { default as TImage } from './components/TImage/TImage.vue'
|
|
9
|
-
export { default as TDivider } from './components/TDivider/TDivider.vue'
|
|
10
|
-
|
|
11
|
-
// 布局组件
|
|
12
|
-
export { default as TCard } from './components/TCard/TCard.vue'
|
|
13
|
-
export { default as TList } from './components/TList/TList.vue'
|
|
14
|
-
export { default as TListItem } from './components/TListItem/TListItem.vue'
|
|
15
|
-
export { default as TCell } from './components/TCell/TCell.vue'
|
|
16
|
-
export { default as TGrid } from './components/TGrid/TGrid.vue'
|
|
17
|
-
export { default as TGridItem } from './components/TGridItem/TGridItem.vue'
|
|
18
|
-
export { default as TRow } from './components/TRow/TRow.vue'
|
|
19
|
-
export { default as TCol } from './components/TCol/TCol.vue'
|
|
20
|
-
|
|
21
|
-
// 表单组件
|
|
22
|
-
export { default as TInput } from './components/TInput/TInput.vue'
|
|
23
|
-
export { default as TNumberInput } from './components/TNumberInput/TNumberInput.vue'
|
|
24
|
-
export { default as TTextarea } from './components/TTextarea/TTextarea.vue'
|
|
25
|
-
export { default as TSearchBar } from './components/TSearchBar/TSearchBar.vue'
|
|
26
|
-
export { default as TSwitch } from './components/TSwitch/TSwitch.vue'
|
|
27
|
-
export { default as TCheckbox } from './components/TCheckbox/TCheckbox.vue'
|
|
28
|
-
export { default as TCheckboxGroup } from './components/TCheckboxGroup/TCheckboxGroup.vue'
|
|
29
|
-
export { default as TRadioButton } from './components/TRadioButton/TRadioButton.vue'
|
|
30
|
-
export { default as TRadioGroup } from './components/TRadioGroup/TRadioGroup.vue'
|
|
31
|
-
export { default as TSelect } from './components/TSelect/TSelect.vue'
|
|
32
|
-
export { default as TSlider } from './components/TSlider/TSlider.vue'
|
|
33
|
-
export { default as TRate } from './components/TRate/TRate.vue'
|
|
34
|
-
|
|
35
|
-
// 数据展示
|
|
36
|
-
export { default as Tags } from './components/Tags/Tags.vue'
|
|
37
|
-
export { default as TBadge } from './components/TBadge/TBadge.vue'
|
|
38
|
-
export { default as TAvatar } from './components/TAvatar/TAvatar.vue'
|
|
39
|
-
export { default as TProgress } from './components/TProgress/TProgress.vue'
|
|
40
|
-
export { default as TNoticeBar } from './components/TNoticeBar/TNoticeBar.vue'
|
|
41
|
-
export { default as TCollapse } from './components/TCollapse/TCollapse.vue'
|
|
42
|
-
export { default as TCollapseItem } from './components/TCollapseItem/TCollapseItem.vue'
|
|
43
|
-
export { default as TEmpty } from './components/TEmpty/TEmpty.vue'
|
|
44
|
-
export { default as TErrorState } from './components/TErrorState/TErrorState.vue'
|
|
45
|
-
export { default as TSwiper } from './components/TSwiper/TSwiper.vue'
|
|
46
|
-
|
|
47
|
-
// 反馈组件
|
|
48
|
-
export { default as TLoading } from './components/TLoading/TLoading.vue'
|
|
49
|
-
export { default as TToast } from './components/TToast/TToast.vue'
|
|
50
|
-
export { default as TDialog } from './components/TDialog/TDialog.vue'
|
|
51
|
-
export { default as TPopup } from './components/TPopup/TPopup.vue'
|
|
52
|
-
export { default as TActionSheet } from './components/TActionSheet/TActionSheet.vue'
|
|
53
|
-
|
|
54
|
-
// 导航组件
|
|
55
|
-
export { default as Tabs } from './components/Tabs/Tabs.vue'
|
|
56
|
-
export { default as TNavBar } from './components/TNavBar/TNavBar.vue'
|
|
57
|
-
|
|
58
|
-
// 导出工具函数（如果有）
|
|
59
|
-
export * from './utils'
|
|
60
|
-
|
|
61
|
-
// 版本信息
|
|
62
|
-
export const version = '1.0.0'
|