@techui/scifi 0.1.5-alpha.1 → 0.1.6-alpha.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/README.md +95 -202
- package/UPDATE.md +24 -0
- package/package.json +6 -6
package/README.md
CHANGED
|
@@ -1,202 +1,95 @@
|
|
|
1
|
-
# @techui/scifi
|
|
2
|
-
|
|
3
|
-
[English](#english) | [中文](#中文)
|
|
4
|
-
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
## English
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
-
|
|
37
|
-
-
|
|
38
|
-
-
|
|
39
|
-
-
|
|
40
|
-
|
|
41
|
-
###
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
-
|
|
48
|
-
-
|
|
49
|
-
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
-
|
|
83
|
-
-
|
|
84
|
-
-
|
|
85
|
-
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
- Email: <ayin86cn@gmail.com>
|
|
98
|
-
- WeChat: jay1986cn
|
|
99
|
-
- China Site: [https://techui.cn/](https://techui.cn/)
|
|
100
|
-
- Global Site: [https://techui.net/](https://techui.net/)
|
|
101
|
-
|
|
102
|
-
---
|
|
103
|
-
|
|
104
|
-
## 中文
|
|
105
|
-
|
|
106
|
-
## 🚀 TechUI Scifi - 动态 SVG 科幻组件库
|
|
107
|
-
|
|
108
|
-
一个免费的、动态的 SVG UI 组件库,用于绘制科幻、未来风格的UI界面,基于 Vue 3 开发。
|
|
109
|
-
|
|
110
|
-
## 策略调整
|
|
111
|
-
|
|
112
|
-
Scifi 组件库在发布之初,主要聚焦于解决可视化开发中的 UI 呈现与视觉表达问题。
|
|
113
|
-
|
|
114
|
-
自 `0.1.0` 版本发布起,Scifi 组件库已内置全量 Base 组件库能力。除个别高级组件仍需授权外,它已经成长为一个功能强大且覆盖全面的组件库,整体能力已超越此前的付费组件库 TechUI-Vue2。
|
|
115
|
-
|
|
116
|
-
目前在 `0.1.0` 版本中,Scifi 组件库已包含 Prime 组件库除工作台组件(Admin)之外的全部能力。此外,原高级组件 `TuiEcharts` 与 `TuiEchartsMap` 现已正式免费开放。
|
|
117
|
-
|
|
118
|
-
Prime 组件库目前正在规划和开发更多独占高级组件,以进一步提升其产品竞争力。
|
|
119
|
-
|
|
120
|
-
### ✨ 特性
|
|
121
|
-
|
|
122
|
-
- **🎨 动态 SVG 组件** - 所有组件均使用动态计算的 SVG 元素绘制,呈现炫酷视觉效果
|
|
123
|
-
- **🆓 完全免费** - 由付费组件库 techui-vue2 迭代而来,现已转为免费开放
|
|
124
|
-
- **🌍 内置多语言** - 多语言功能贯穿所有组件,支持同步切换
|
|
125
|
-
- **🎭 主题系统** - 内置主题功能,可在所有组件间无缝切换
|
|
126
|
-
- **📱 最强自适应组件** - 市面上最好用的响应式解决方案
|
|
127
|
-
|
|
128
|
-
### 📦 组件列表
|
|
129
|
-
|
|
130
|
-
- **scifiButton** - 未来感交互按钮
|
|
131
|
-
- **scifiDeco** - 科幻装饰元素
|
|
132
|
-
- **scifiGeome** - 几何科幻图形
|
|
133
|
-
- **scifiHeader** - 科幻风格头部
|
|
134
|
-
- **scifiPanel** - 科幻面板容器
|
|
135
|
-
- **scifiTitle** - 科幻装饰标题
|
|
136
|
-
- **TechUI Base (0.1.0+)** - TechUI基础组件库
|
|
137
|
-
|
|
138
|
-
### 🎯 TuiAdaptive - 革命性的自适应组件
|
|
139
|
-
|
|
140
|
-
库中包含功能强大的 **TuiAdaptive** 适配组件,采用等比缩放方式,让开发者一劳永逸地解决自适应问题。
|
|
141
|
-
|
|
142
|
-
**核心功能:**
|
|
143
|
-
|
|
144
|
-
- 多种适配模式,适应不同场景
|
|
145
|
-
- **拖拽模式** - 可通过浏览器缩放功能激活
|
|
146
|
-
- **同步穿透容器** - 专为第三方地图/GIS组件设计(Cesium等)
|
|
147
|
-
- 解决 GIS 组件放置在缩放容器内部时点击坐标不准确的问题
|
|
148
|
-
- 通过同步穿透容器保持准确的点击坐标
|
|
149
|
-
|
|
150
|
-
> **可以自豪地说,它是现在市面上最好用的自适应/适配组件!**
|
|
151
|
-
|
|
152
|
-
## 文档与测试用例地址
|
|
153
|
-
|
|
154
|
-
### 文档
|
|
155
|
-
|
|
156
|
-
- 中国:[https://techui.cn/#/docs/](https://techui.cn/#/docs/)
|
|
157
|
-
- 全球:[https://techui.net/#/docs](https://techui.net/#/docs)
|
|
158
|
-
|
|
159
|
-
### 测试用例
|
|
160
|
-
|
|
161
|
-
- GitHub:[https://github.com/aYin86cn/techui-scifi](https://github.com/aYin86cn/techui-scifi)
|
|
162
|
-
- Gitee:[https://gitee.com/ayin86/techui-scifi](https://gitee.com/ayin86/techui-scifi)
|
|
163
|
-
|
|
164
|
-
说明:
|
|
165
|
-
- `starter` 目录是一个 TechUI-Scifi 工程的最小启动工程,内部仅有少量组件的简单 Demo。
|
|
166
|
-
- `testcases` 目录是 TechUI-Scifi 工程的测试用例,内部包含绝大多数组件的演示 Demo。
|
|
167
|
-
|
|
168
|
-
### 🖥️ TechUI组件库
|
|
169
|
-
|
|
170
|
-
- **@techui/prime:** 闭源 **付费**
|
|
171
|
-
- **@techui/admin:** 闭源 **免费**
|
|
172
|
-
- **@techui/base:** 闭源 **免费**
|
|
173
|
-
- **@techui/scifi:** 闭源 **免费**
|
|
174
|
-
|
|
175
|
-
### 📦 依赖项
|
|
176
|
-
|
|
177
|
-
该库依赖以下 TechUI 生态系统包:
|
|
178
|
-
|
|
179
|
-
- `@techui/colors` - 色彩系统
|
|
180
|
-
- `@techui/mixins` - 样式混入
|
|
181
|
-
- `@techui/locales` - 国际化
|
|
182
|
-
- `@techui/themes` - 主题系统
|
|
183
|
-
- `@techui/libs` - 工具库
|
|
184
|
-
- `@techui/utils` - 工具函数
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
### 📄 许可证
|
|
188
|
-
|
|
189
|
-
UNLICENSED
|
|
190
|
-
|
|
191
|
-
### 👨💻 作者
|
|
192
|
-
|
|
193
|
-
**aYin**
|
|
194
|
-
|
|
195
|
-
- 邮箱:<ayin86cn@gmail.com>
|
|
196
|
-
- 微信:jay1986cn
|
|
197
|
-
- 中国站:[https://techui.cn/](https://techui.cn/)
|
|
198
|
-
- 全球站:[https://techui.net/](https://techui.net/)
|
|
199
|
-
|
|
200
|
-
## 🏷️ Keywords
|
|
201
|
-
|
|
202
|
-
`@techui` `techui-prime` `vue3` `admin-panel` `dashboard` `sci-fi` `data-visualization` `responsive` `adaptive` `GIS` `Cesium` `workspace` `portal`
|
|
1
|
+
# @techui/scifi
|
|
2
|
+
|
|
3
|
+
[English](#english) | [中文](#中文)
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
## English
|
|
8
|
+
|
|
9
|
+
`@techui/scifi` is the TechUI library for sci-fi styled data-display and visualization interfaces.
|
|
10
|
+
|
|
11
|
+
It includes `@techui/base` and adds SVG-based sci-fi visual components, decorative containers, dynamic panels, titles, headers, and visual styles for dashboards, large-screen pages, and immersive data-display scenes.
|
|
12
|
+
|
|
13
|
+
### Positioning
|
|
14
|
+
|
|
15
|
+
Scifi is suitable for data-visualization dashboards, large-screen applications, cockpit-style pages, exhibition screens, and interfaces that need a stronger visual language. It focuses on visual expression and atmosphere while still keeping the common Base component layer available.
|
|
16
|
+
|
|
17
|
+
### Library Relationship
|
|
18
|
+
|
|
19
|
+
- `@techui/base`: foundation library.
|
|
20
|
+
- `@techui/admin`: includes Base and adds workbench / admin-shell capabilities.
|
|
21
|
+
- `@techui/scifi`: includes Base and adds sci-fi SVG and data-visualization style capabilities.
|
|
22
|
+
- `@techui/prime`: includes Base, Admin, Scifi, and Prime-exclusive advanced capabilities.
|
|
23
|
+
|
|
24
|
+
The four main libraries are full-library packages. They are not designed around per-component on-demand imports.
|
|
25
|
+
|
|
26
|
+
### Usage
|
|
27
|
+
|
|
28
|
+
```js
|
|
29
|
+
import TechUIScifi from "@techui/scifi";
|
|
30
|
+
|
|
31
|
+
await TechUIScifi({ app });
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
### Documentation & Repository
|
|
35
|
+
|
|
36
|
+
- China Docs: [https://techui.cn/#/docs/](https://techui.cn/#/docs/)
|
|
37
|
+
- Global Docs: [https://techui.net/#/docs](https://techui.net/#/docs)
|
|
38
|
+
- GitHub: [aYin86cn/TechUI](https://github.com/aYin86cn/TechUI)
|
|
39
|
+
- Gitee: [ayin86/TechUI](https://gitee.com/ayin86/TechUI)
|
|
40
|
+
|
|
41
|
+
### License
|
|
42
|
+
|
|
43
|
+
See [LICENSE.md](./LICENSE.md).
|
|
44
|
+
|
|
45
|
+
### Author
|
|
46
|
+
|
|
47
|
+
- aYin
|
|
48
|
+
- Email: <ayin86cn@gmail.com>
|
|
49
|
+
- WeChat: jay1986cn
|
|
50
|
+
|
|
51
|
+
---
|
|
52
|
+
|
|
53
|
+
## 中文
|
|
54
|
+
|
|
55
|
+
`@techui/scifi` 是 TechUI 面向科技风数据展示和可视化界面的组件库。
|
|
56
|
+
|
|
57
|
+
它包含 `@techui/base`,并在 Base 之上叠加基于 SVG 的科技风视觉组件、装饰容器、动态面板、标题、头部和适合大屏/看板的视觉风格能力。
|
|
58
|
+
|
|
59
|
+
### 定位
|
|
60
|
+
|
|
61
|
+
Scifi 适合数据可视化大屏、驾驶舱页面、展陈屏幕,以及需要更强视觉语言的界面。它重点解决视觉表达和氛围塑造,同时保留 Base 提供的通用组件能力。
|
|
62
|
+
|
|
63
|
+
### 四库关系
|
|
64
|
+
|
|
65
|
+
- `@techui/base`:基础组件库。
|
|
66
|
+
- `@techui/admin`:包含 Base,并叠加工作台 / 后台框架能力。
|
|
67
|
+
- `@techui/scifi`:包含 Base,并叠加科技风 SVG 与数据可视化风格能力。
|
|
68
|
+
- `@techui/prime`:包含 Base、Admin、Scifi,并叠加 Prime 独占高级能力。
|
|
69
|
+
|
|
70
|
+
四个主库均按完整组件库使用,不以单组件按需引入作为设计目标。
|
|
71
|
+
|
|
72
|
+
### 使用
|
|
73
|
+
|
|
74
|
+
```js
|
|
75
|
+
import TechUIScifi from "@techui/scifi";
|
|
76
|
+
|
|
77
|
+
await TechUIScifi({ app });
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
### 文档与源码仓库
|
|
81
|
+
|
|
82
|
+
- 中国文档:[https://techui.cn/#/docs/](https://techui.cn/#/docs/)
|
|
83
|
+
- 全球文档:[https://techui.net/#/docs](https://techui.net/#/docs)
|
|
84
|
+
- GitHub:[aYin86cn/TechUI](https://github.com/aYin86cn/TechUI)
|
|
85
|
+
- Gitee:[ayin86/TechUI](https://gitee.com/ayin86/TechUI)
|
|
86
|
+
|
|
87
|
+
### 许可证
|
|
88
|
+
|
|
89
|
+
见 [LICENSE.md](./LICENSE.md)。
|
|
90
|
+
|
|
91
|
+
### 作者
|
|
92
|
+
|
|
93
|
+
- aYin
|
|
94
|
+
- 邮箱:<ayin86cn@gmail.com>
|
|
95
|
+
- 微信:jay1986cn
|
package/UPDATE.md
CHANGED
|
@@ -11,6 +11,18 @@
|
|
|
11
11
|
- The English documentation was translated using translation software or AI alignment, so some terms may be inappropriate or expressions unclear.
|
|
12
12
|
- To date, every TechUI release has synchronously packaged and released all four component libraries. Consequently, the update log may list components no longer present in the current library—this is normal. The current Update documentation pertains to the entire TechUI project, not just the current component library.
|
|
13
13
|
|
|
14
|
+
### v0.1.6 (2026-05-23)
|
|
15
|
+
|
|
16
|
+
Version `0.1.6` focuses on moving optional data-unit and mini-chart capabilities into `@techui/extended`, while adding graceful fallback support in the main libraries.
|
|
17
|
+
|
|
18
|
+
- Moved the DataUnit family out of the four main component libraries and into `@techui/extended/dataUnit`; the main libraries no longer expose DataUnit directly.
|
|
19
|
+
- Moved the MiniChart family out of the main libraries and into `@techui/extended/miniChart`, keeping public component names such as `TuiChartProgress`, `TuiChartLine`, and `TuiChartRing` unchanged.
|
|
20
|
+
- Added the unified `TuiFallback` support component under Other for optional extended capabilities, with adaptive inline / block display, text overflow tips, and development-only console warnings.
|
|
21
|
+
- Added the provider-level `$global.$component` guard to check and resolve optional global components, and to replace unresolved extended component warnings with actionable package-entry hints.
|
|
22
|
+
- Renamed and expanded the empty-state placeholder into `TuiResult`, adding status presets, `TuiTyped` semantic styling, action slots, docs, demos, and shared previews.
|
|
23
|
+
- Updated Progress, ProgressPool, RollingProgress, RollingTable, and DataUnit integration points so optional MiniChart dependencies can degrade through `TuiFallback` instead of hard failing.
|
|
24
|
+
- Updated docs, demos, navigation, shared previews, and changelog entries for DataUnit, MiniChart, Fallback, and PassThrough.
|
|
25
|
+
|
|
14
26
|
### v0.1.5 (2026-05-16)
|
|
15
27
|
|
|
16
28
|
Version `0.1.5` introduces the interaction foundation and sorting model work.
|
|
@@ -173,6 +185,18 @@ Version 0.1.0 marks a milestone upgrade:
|
|
|
173
185
|
- 英文部分的文档,采用了翻译软件或者AI对齐进行翻译,所以可能存在部分用词不当或者表达模糊的情况。
|
|
174
186
|
- 截止到目前为止,TechUI的每次发布,均会对当前四个组件库进行同步打包发布。并且更新记录中,可能会出现当前组件库中不存在的组件,属于正常现象。因为当前Update文档是针对整个TechUI工程,而非争对当前的组件库。
|
|
175
187
|
|
|
188
|
+
### v0.1.6 (2026-05-23)
|
|
189
|
+
|
|
190
|
+
版本 `0.1.6` 聚焦将可选的数据单元与迷你图表能力迁入 `@techui/extended`,并在主库补充降级支撑。
|
|
191
|
+
|
|
192
|
+
- DataUnit 系列从四个主组件库中迁出,进入 `@techui/extended/dataUnit`,不再由主库直接公开。
|
|
193
|
+
- MiniChart 系列从主库迁入 `@techui/extended/miniChart`,对外组件名保持不变,例如 `TuiChartProgress`、`TuiChartLine`、`TuiChartRing`。
|
|
194
|
+
- Other 分类新增统一的 `TuiFallback` 支撑组件,用于可选扩展能力缺失时的降级展示,支持 inline / block 自适应、文本溢出提示和开发环境控制台告警。
|
|
195
|
+
- Provider 新增 `$global.$component` 组件守卫能力,用于判断和解析可选全局组件,并将 extended 组件未注册告警替换为明确的分组入口引入提示。
|
|
196
|
+
- 原空状态占位能力更名并扩展为 `TuiResult`,新增状态预设、`TuiTyped` 语义样式、操作插槽,并同步文档、Demo 与 shared 预览。
|
|
197
|
+
- 调整 Progress、ProgressPool、RollingProgress、RollingTable 与 DataUnit 相关接入点,使可选 MiniChart 依赖缺失时可以降级到 `TuiFallback`,避免硬失败。
|
|
198
|
+
- 同步 DataUnit、MiniChart、Fallback、PassThrough 的文档、Demo、导航、shared 预览和更新记录。
|
|
199
|
+
|
|
176
200
|
### v0.1.5 (2026-05-16)
|
|
177
201
|
|
|
178
202
|
版本 `0.1.5` 新增交互基础能力与排序模型。
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@techui/scifi",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.6-alpha.1",
|
|
4
4
|
"description": "TechUI Scifi is a sci-fi SVG component library developed based on Vue3. It uses dynamically calculated SVG elements to generate a variety of cool, futuristic, and technological components.",
|
|
5
5
|
"author": "aYin <ayin86cn@gmail.com> <wechat:jay1986cn>",
|
|
6
6
|
"homepage": "https://techui.net",
|
|
@@ -43,11 +43,11 @@
|
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@techui/icons": "1.0.5",
|
|
45
45
|
"@techui/colors": "2.0.1",
|
|
46
|
-
"@techui/mixins": "0.1.
|
|
47
|
-
"@techui/locales": "0.1.
|
|
48
|
-
"@techui/themes": "0.1.
|
|
49
|
-
"@techui/utils": "0.1.
|
|
50
|
-
"@techui/libs": "0.0.
|
|
46
|
+
"@techui/mixins": "0.1.6",
|
|
47
|
+
"@techui/locales": "0.1.6",
|
|
48
|
+
"@techui/themes": "0.1.6",
|
|
49
|
+
"@techui/utils": "0.1.6",
|
|
50
|
+
"@techui/libs": "0.0.8",
|
|
51
51
|
"vue": "^3.4.27",
|
|
52
52
|
"vue-router": "^4.6.4"
|
|
53
53
|
},
|