@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.
Files changed (3) hide show
  1. package/README.md +95 -202
  2. package/UPDATE.md +24 -0
  3. 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
- ## 🚀 TechUI Scifi - Dynamic SVG Sci-Fi Component Library
10
-
11
- A free, dynamic SVG UI component library for building sci-fi and futuristic interfaces, powered by Vue 3.
12
-
13
- ## Strategy Adjustment
14
-
15
- At its initial release, the Scifi component library was primarily created to solve the UI and visual presentation needs of visualization projects.
16
-
17
- Starting from version `0.1.0`, Scifi now comes with the full TechUI Base component library built in. Except for a small number of advanced components that still require authorization, it has grown into a powerful and comprehensive library whose overall capability now surpasses the former paid TechUI-Vue2 component library.
18
-
19
- In version `0.1.0`, Scifi already includes everything from the Prime component library except the workspace/admin capabilities. In addition, the previously premium components `TuiEcharts` and `TuiEchartsMap` are now officially free to use.
20
-
21
- The Prime component library is currently planning and developing more exclusive premium components to further strengthen its competitiveness.
22
-
23
- ### ✨ Features
24
-
25
- - **🎨 Dynamic SVG Components** - All components are drawn using dynamically calculated SVG elements for stunning visual effects
26
- - **🆓 Free & Open** - Evolved from the paid techui-vue2 library, now completely free to use
27
- - **🌍 Built-in i18n** - Multi-language support synchronized across all components
28
- - **🎭 Theme System** - Built-in theme functionality with seamless switching capabilities
29
- - **📱 Best-in-Class Adaptive Component** - The most powerful responsive solution on the market
30
-
31
- ### 📦 Components
32
-
33
- - **scifiButton** - Futuristic interactive buttons
34
- - **scifiDeco** - Decorative sci-fi elements
35
- - **scifiGeome** - Geometric sci-fi shapes
36
- - **scifiHeader** - Sci-fi style headers
37
- - **scifiPanel** - Panel containers with sci-fi aesthetics
38
- - **scifiTitle** - Stylized titles
39
- - **TechUI Base Components (New in 0.0.7)** - A selection of components from the TechUI base component library
40
-
41
- ### 🎯 TuiAdaptive - Revolutionary Responsive Component
42
-
43
- The library includes **TuiAdaptive**, an incredibly powerful adaptive component that solves responsive design challenges once and for all using proportional scaling.
44
-
45
- **Key Features:**
46
-
47
- - Multiple adaptation modes for different scenarios
48
- - **Drag Mode** - Activate via browser zoom functionality
49
- - **Coordinate Sync Container** - Special solution for third-party map/GIS components (Cesium, etc.)
50
- - Prevents coordinate inaccuracy issues when GIS components are placed inside scaled containers
51
- - Uses a synchronized pass-through container to maintain accurate click coordinates
52
-
53
- > **Proudly the best adaptive/responsive component available on the market today!**
54
-
55
- ## Documentation & Testcases
56
-
57
- ### Documentation
58
-
59
- - China: [https://techui.cn/#/docs/](https://techui.cn/#/docs/)
60
- - Global: [https://techui.net/#/docs](https://techui.net/#/docs)
61
-
62
- ### Testcases
63
-
64
- - GitHub: [https://github.com/aYin86cn/techui-scifi](https://github.com/aYin86cn/techui-scifi)
65
- - Gitee: [https://gitee.com/ayin86/techui-scifi](https://gitee.com/ayin86/techui-scifi)
66
-
67
- Notes:
68
- - The `starter` directory is a minimal startup project for TechUI-Scifi, containing only a few simple component demos.
69
- - The `testcases` directory contains test scenarios for TechUI-Scifi, including demos for most components.
70
-
71
- ### 🖥️ TechUI Component Library
72
-
73
- - **@techui/prime:** Closed-source **Paid**
74
- - **@techui/admin:** Closed-source **Free**
75
- - **@techui/base:** Closed-source **Free**
76
- - **@techui/scifi:** Closed-source **Free**
77
-
78
- ### 📦 Dependencies
79
-
80
- This library depends on the following TechUI ecosystem packages:
81
-
82
- - `@techui/colors` - Color system
83
- - `@techui/mixins` - style mixins
84
- - `@techui/locales` - Internationalization
85
- - `@techui/themes` - Theme system
86
- - `@techui/libs` - Utility libraries
87
- - `@techui/utils` - Utility functions
88
-
89
- ### 📄 License
90
-
91
- UNLICENSED
92
-
93
- ### 👨‍💻 Author
94
-
95
- **aYin**
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.5-alpha.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.2",
47
- "@techui/locales": "0.1.2",
48
- "@techui/themes": "0.1.2",
49
- "@techui/utils": "0.1.3",
50
- "@techui/libs": "0.0.7",
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
  },