@techui/scifi 0.0.6-alpha.1 → 0.1.0-alpha.1

package/README.md

@@ -8,7 +8,13 @@
 
 ## 🚀 TechUI Scifi - Dynamic SVG Sci-Fi Component Library
 
-A free, dynamic SVG UI component library for creating futuristic and sci-fi style interfaces, built with Vue 3.
+A free, dynamic SVG UI component library for building sci-fi and futuristic interfaces, powered by Vue 3.
+
+## Strategy Adjustment
+
+Strategy announcement: starting from version `0.1.0`, the Scifi component library is functionally aligned with the current Prime version. Except for a small number of advanced components that still require authorization, Scifi now includes the full Prime feature set. In addition, the previously premium components `TuiEcharts` and `TuiEchartsMap` are now officially free to use.
+
+The Prime component library is currently planning and developing other exclusive premium components to enhance its competitiveness.
 
 ### ✨ Features
 
@@ -26,6 +32,7 @@ A free, dynamic SVG UI component library for creating futuristic and sci-fi styl
 - **scifiHeader** - Sci-fi style headers
 - **scifiPanel** - Panel containers with sci-fi aesthetics
 - **scifiPanelTitle** - Stylized panel titles
+- **TechUI Base Components (New in 0.0.7)** - A selection of components from the TechUI base component library
 
 ### 🎯 TuiAdaptive - Revolutionary Responsive Component
 
@@ -41,9 +48,39 @@ The library includes **TuiAdaptive**, an incredibly powerful adaptive component
 
 > **Proudly the best adaptive/responsive component available on the market today!**
 
-### 📚 Documentation
+## Documentation & Testcases
+
+### Documentation
+
+- China: [https://techui.cn/#/docs/](https://techui.cn/#/docs/)
+- Global: [https://techui.net/#/docs](https://techui.net/#/docs)
+
+### Testcases
+
+- GitHub: [https://github.com/aYin86cn/techui-scifi](https://github.com/aYin86cn/techui-scifi)
+- Gitee: [https://gitee.com/ayin86/techui-scifi](https://gitee.com/ayin86/techui-scifi)
 
-Visit [https://techui.net](https://techui.net) for full documentation and examples.
+Notes:
+- The `starter` directory is a minimal startup project for TechUI-Scifi, containing only a few simple component demos.
+- The `testcases` directory contains test scenarios for TechUI-Scifi, including demos for most components.
+
+### 🖥️ TechUI Component Library
+
+- **@techui/prime:** Closed-source **Paid**
+- **@techui/admin:** Closed-source **Free**
+- **@techui/base:** Closed-source **Free**
+- **@techui/scifi:** Closed-source **Free**
+
+### 📦 Dependencies
+
+This library depends on the following TechUI ecosystem packages:
+
+- `@techui/colors` - Color system
+- `@techui/lessmixins` - LESS mixins
+- `@techui/locales` - Internationalization
+- `@techui/themes` - Theme system
+- `@techui/libs` - Utility libraries
+- `@techui/utils` - Utility functions
 
 ### 📄 License
 
@@ -55,6 +92,8 @@ UNLICENSED
 
 - Email: <ayin86cn@gmail.com>
 - WeChat: jay1986cn
+- China Site: [https://techui.cn/](https://techui.cn/)
+- Global Site: [https://techui.net/](https://techui.net/)
 
 ---
 
@@ -64,6 +103,12 @@ UNLICENSED
 
 一个免费的、动态的 SVG UI 组件库,用于绘制科幻、未来风格的UI界面，基于 Vue 3 开发。
 
+## 策略调整
+
+策略调整公告：自 `0.1.0` 版本发布起，Scifi 组件库已实现与当前 Prime 版本的功能对齐。除个别高级组件仍需授权外，Scifi 已包含 Prime 的全部功能。此外，原高级组件 `TuiEcharts` 与 `TuiEchartsMap` 现已正式转为免费开放。
+
+Prime组件库目前正在规划和开发其他的 独占高级组件 以提升其竞争力。
+
 ### ✨ 特性
 
 - **🎨 动态 SVG 组件** - 所有组件均使用动态计算的 SVG 元素绘制，呈现炫酷视觉效果
@@ -80,6 +125,7 @@ UNLICENSED
 - **scifiHeader** - 科幻风格头部
 - **scifiPanel** - 科幻面板容器
 - **scifiPanelTitle** - 科幻面板标题
+- **TechUI Base (0.1.0+)** - TechUI基础组件库
 
 ### 🎯 TuiAdaptive - 革命性的自适应组件
 
@@ -95,9 +141,40 @@ UNLICENSED
 
 > **可以自豪地说，它是现在市面上最好用的自适应/适配组件！**
 
-### 📚 文档
+## 文档与测试用例地址
+
+### 文档
+
+- 中国：[https://techui.cn/#/docs/](https://techui.cn/#/docs/)
+- 全球：[https://techui.net/#/docs](https://techui.net/#/docs)
+
+### 测试用例
+
+- GitHub：[https://github.com/aYin86cn/techui-scifi](https://github.com/aYin86cn/techui-scifi)
+- Gitee：[https://gitee.com/ayin86/techui-scifi](https://gitee.com/ayin86/techui-scifi)
+
+说明：
+- `starter` 目录是一个 TechUI-Scifi 工程的最小启动工程，内部仅有少量组件的简单 Demo。
+- `testcases` 目录是 TechUI-Scifi 工程的测试用例，内部包含绝大多数组件的演示 Demo。
+
+### 🖥️ TechUI组件库
+
+- **@techui/prime:** 闭源 **付费**
+- **@techui/admin:** 闭源 **免费**
+- **@techui/base:** 闭源 **免费**
+- **@techui/scifi:** 闭源 **免费**
+
+### 📦 依赖项
+
+该库依赖以下 TechUI 生态系统包:
+
+- `@techui/colors` - 色彩系统
+- `@techui/lessmixins` - LESS 混入
+- `@techui/locales` - 国际化
+- `@techui/themes` - 主题系统
+- `@techui/libs` - 工具库
+- `@techui/utils` - 工具函数
 
-访问 [https://techui.net](https://techui.net) 查看完整文档和示例。
 
 ### 📄 许可证
 
@@ -109,3 +186,9 @@ UNLICENSED
 
 - 邮箱：<ayin86cn@gmail.com>
 - 微信：jay1986cn
+- 中国站：[https://techui.cn/](https://techui.cn/)
+- 全球站：[https://techui.net/](https://techui.net/)
+
+## 🏷️ Keywords
+
+`@techui` `techui-prime` `vue3` `admin-panel` `dashboard` `sci-fi` `data-visualization` `responsive` `adaptive` `GIS` `Cesium` `workspace` `portal`

package/TECHUI.md

@@ -4,44 +4,43 @@
 
 ---
 
-
 ## English
 
 ### Development Background
 
-TechUI was independently developed by **ayin**. All components before 2023 were manually coded. From 2024 to 2025, AI-assisted development was introduced for new components, significantly improving development efficiency.
+TechUI was independently developed by **ayin**. All components before 2023 were manually coded. From 2023 to 2025, AI-assisted development was introduced for new components, significantly improving development efficiency.
 
----
+-----
 
 ### Version Evolution
 
-#### Ver 0.1 - Genesis (2020)
+#### Ver 0.1 - Genesis (2019)
 
 The project originated from a friend's commission to develop a data visualization product with a sci-fi tech aesthetic. The first version was built upon **@jiaminghi/data-view**.
 
-#### Ver 1.0 - Deep Customization
+#### Ver 1.0 - Deep Customization (Around 2020)
 
 Through practical usage, valuable insights were gained, leading to deep iteration of the data-view component library. Major achievements during this phase include:
 
-- In-depth study of data-view's SVG calculation mechanisms
-- Independent development of multiple dynamic SVG components
-- Implementation of pure front-end licensing functionality using encrypted JavaScript
+  - In-depth study of data-view's SVG calculation mechanisms
+  - Independent development of multiple dynamic SVG components
+  - Implementation of pure front-end licensing functionality using encrypted JavaScript
 
-#### Ver 2.0 - Technical Breakthrough
+#### Ver 2.0 - Technical Breakthrough (Around 2021)
 
 To enhance the security of the licensing system, the **Rust** language was learned and mastered, resulting in the creation of a **WebAssembly (WASM)** component for license encryption/decryption and specialized computations.
 
-#### Ver 3.x - Challenging Exploration
+#### Ver 3.x - Challenging Exploration (Around 2022-2023)
 
 During the iteration from 2.0, due to less formal development processes and numerous breaking changes, the version number rapidly jumped to 3.x. The market response to this version fell short of expectations. A post-mortem analysis revealed the following key issues:
 
-1. **Unreasonable Pricing Strategy** - Prices were too high and lacked market competitiveness
-2. **Poor User Experience** - As a first-time component library release, the syntax design and usage patterns had many inconveniences
-3. **Overly Restrictive Licensing** - Harsh and unreasonable restrictions (such as annual license renewal requirements)
+1.  **Unreasonable Pricing Strategy** - Prices were too high and lacked market competitiveness
+2.  **Poor User Experience** - As a first-time component library release, the syntax design and usage patterns had many inconveniences
+3.  **Overly Restrictive Licensing** - Harsh and unreasonable restrictions (such as annual license renewal requirements)
 
----
+-----
 
-### Ver 3.0 - A Fresh Start
+### Ver 3.0 - A Fresh Start (Since 2023)
 
 #### Reconstruction Philosophy
 
@@ -53,66 +52,65 @@ The new version starts from **0.0.1**, with all releases before **1.0.0** consid
 
 **Component Library Reconstruction**
 
-1. Developed numerous new components to form the **@techui/base** foundational component library
-2. Built the **@techui/admin** admin dashboard component library based on the workbench and newly developed base components
-3. Upgraded all techui-vue2 components to **Vue 3**, refined props configurations, and created the **@techui/scifi** sci-fi themed component library
+1.  Developed numerous new components to form the **@techui/base** foundational component library
+2.  Built the **@techui/admin** admin dashboard component library based on the workbench and newly developed base components
+3.  Upgraded all techui-vue2 components to **Vue 3**, refined props configurations, and created the **@techui/scifi** sci-fi themed component library
 
 **Core Module Optimization**
 
-4. Refactored the **techui-core (WASM)** module, adding lightweight licensing functionality and perfecting the heavy licensing mechanism
-5. Fully upgraded the **adaptivePanel** component to **TuiAdaptive**, adding view control modes, pass-through containers, and other features
-6. Upgraded the **panel3D** component to **Tui3DPanel**, adding thickness parameters and more configuration options
-7. Removed the monitoring and debugging tools from techui-vue2, refactoring them into the **tuiPanicAlert** component
+4.  Refactored the **techui-core (WASM)** module, adding lightweight licensing functionality and perfecting the heavy licensing mechanism
+5.  Fully upgraded the **adaptivePanel** component to **TuiAdaptive**, adding view control modes, pass-through containers, and other features
+6.  Upgraded the **panel3D** component to **Tui3DPanel**, adding thickness parameters and more configuration options
+7.  Removed the monitoring and debugging tools from techui-vue2, refactoring them into the **tuiPanicAlert** component
 
 **Infrastructure Enhancement**
 
-8. Redesigned the global theme system, developed a custom multilingual functionality, transformed the global vector background, and added global audio notifications
-9. Customized and repackaged commonly used third-party tools into the **@techui/libs** library to meet customization needs and avoid risks from breaking changes in third-party components
+8.  Redesigned the global theme system, developed a custom multilingual functionality, transformed the global vector background, and added global audio notifications
+9.  Customized and repackaged commonly used third-party tools into the **@techui/libs** library to meet customization needs and avoid risks from breaking changes in third-party components
 10. Consolidated self-developed utility functions to build the **@techui/utils** toolkit
 11. Completely removed dependencies on data-view component library functions and methods (retained 9 classic dv-border-box components with renaming), fully adopting self-developed utility functions
 12. Leveraged AI to develop multiple data display components, such as scrolling tables, scrolling progress bars, etc.
 
----
+-----
 
 ### Acknowledgments
 
-- chroma.js
-- Floating UI
+  - chroma.js
+  - Floating UI
 
 **Special Thanks**
 
-- @jiaminghi/data-view
+  - @jiaminghi/data-view
 
----
+-----
 
 ### Author
 
-- **aYin**
-- Email: <ayin86cn@gmail.com>
-- WeChat: jay1986cn
+  - **aYin**
+  - Email: [ayin86cn@gmail.com](mailto:ayin86cn@gmail.com)
+  - WeChat: jay1986cn
 
 ### Homepage
 
-<https://techui.net>
+[https://techui.net](https://techui.net)
 
 ---
 
-
 ## 中文
 
 ### 开发背景
 
-TechUI 工程由 **ayin** 独立完成开发。2023 年之前的所有组件均采用手工编写，2024-2025 年期间，借助 AI 辅助开发新组件，显著提升了开发效率。
+TechUI 工程由 **ayin** 独立完成开发。2023 年之前的所有组件均采用手工编写，2023-2025 年期间，借助 AI 辅助开发新组件，显著提升了开发效率。
 
 ---
 
 ### 版本演进
 
-#### Ver 0.1 - 初创阶段（2020年）
+#### Ver 0.1 - 初创阶段（2019年）
 
 项目起源于好友委托，需要开发一款具有科技科幻风格的数据可视化产品。基于 **@jiaminghi/data-view** 完成了首个版本的开发。
 
-#### Ver 1.0 - 深度定制
+#### Ver 1.0 - 深度定制 (2020年前后)
 
 在实际使用中积累了大量实践经验，对 data-view 组件库进行了深度迭代。这一阶段的主要成果包括：
 
@@ -120,11 +118,11 @@ TechUI 工程由 **ayin** 独立完成开发。2023 年之前的所有组件均
 - 自主研发了多款动态 SVG 组件
 - 使用加密 JS 实现了纯前端许可证功能
 
-#### Ver 2.0 - 技术突破
+#### Ver 2.0 - 技术突破 (2021年前后)
 
 为了强化许可证功能的安全性，学习并掌握了 **Rust** 语言，构建了 **WebAssembly 组件（WASM）**，用于许可证的加解密和特殊计算。
 
-#### Ver 3.x - 曲折探索
+#### Ver 3.x - 曲折探索 (2022-2023年前后)
 
 在 2.0 的迭代过程中，由于开发流程不够规范，伴随着大量破坏性更新，版本号快速跃升至 3.x。这一版本的市场推广未达预期，经过复盘总结出以下主要问题：
 
@@ -134,7 +132,7 @@ TechUI 工程由 **ayin** 独立完成开发。2023 年之前的所有组件均
 
 ---
 
-### Ver 3.0 - 全新起点
+### Ver 3.0 - 全新起点 (2023年至今)
 
 #### 重构理念
 

package/UPDATE.md

@@ -11,6 +11,33 @@
 - The English documentation was translated using translation software or AI alignment, so some terms may be inappropriate or expressions unclear.
 - 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.
 
+### v0.1.0 (2026-04-05)
+
+Version 0.1.0 marks a milestone upgrade:
+
+- Documentation system refactor: fully migrated away from VitePress to a self-developed documentation project with better performance and higher customization.
+- Deep architecture optimization: refactored the underlying implementation of component and utility libraries, with extensive component iterations to significantly improve interaction performance and user experience.
+- Seamless multilingual switching: optimized from traditional refresh-based switching to real-time dynamic switching.
+- Expanded component family: added multiple practical components to enrich development scenarios.
+- Scifi strategy adjustment: the Scifi component library is now highly aligned with the Prime library (except for a few advanced components).
+- Enhanced wrappers `TuiEcharts` and `TuiEchartsMap` are now available as free premium components.
+- Due to the wide scope of this release, please refer to the documentation for detailed update notes.
+
+### v0.0.7 (2026-01-25)
+
+- The `adaptiveConfig/portletCounter` in the global service has been moved to `globalState/portletCounter`.
+- The `$aPortletCounter` exposed in the global service has been changed to `$gPortletCounter`, and all elements within the component have also been modified accordingly.
+- `TuiSelect` and `TuiToggle` variable definitions have been iterated, and the CSS code has been modified.
+- The `Echarts` wrapper component and theme-related components have been iterated, and the `echarts` object is passed as a parameter to the TechUI initialization parameters.
+- The `TechUIScifi` component library has been added with a large number of basic components.
+- `ScifiTabs` has been developed, using the `ScifiButton` component for tab switching.
+- The `core` has been updated, the license logic has been iterated, the version verification has been modified to only use the major version number, and the domain binding logic has been iterated.
+- Many `Scifi components` and `TuiButton` variants have had aliases added.
+- Add a state type to `ScifiButton`, such as `Primary`, `Danger`, etc. Add the `activeIsPrimary` parameter to display the `Primary` appearance when the button is active.
+- `i18n` adds an additional `args` object parameter. By passing the `args` parameter, you can retrieve data and simultaneously perform replacement operations on the template string.
+- Fixed a style pollution issue caused by nested `Scifi` components.
+- Fixed the issue of `TuiAdaptive` penetrating the container to adapt the timing; added a `pointEvent` parameter to set the main interactive container.
+
 ### v0.0.6 (2025-11-23)
 
 - Added a preview.html file to techui/colors for previewing, copying, and matching colors.
@@ -25,7 +52,7 @@
 - TuiRolling's indicator display was enhanced; previously, the transparency was too low and it was not very noticeable.
 - Modified tStr.rdm for generating UIDs for all components to the genUid function.
 
-### v0.0.5 (2025-11-12 23:00)
+### v0.0.5 (2025-11-15)
 
 - Theme iteration updates
   - Adjusted and streamlined color schemes in the theme
@@ -53,9 +80,9 @@
 - Renamed routerGo to routerTransition, added query parameter
 - Modified updateRouteQuery method: default changed from replace to push for route back navigation, can be controlled via parameter to use replace or push, added getRouteQuery method
 - Grid component: added custom cell className
-- Fixed bug where poptip doesn't hide when triggered after sidebar navigation is collapsed
+- Fixed bug where popTip doesn't hide when triggered after sidebar navigation is collapsed
 
-### v0.0.4 (2025-10-21)
+### v0.0.4 (2025-10-25)
 
 - Theme and i18n refactored to support dynamic imports for on-demand loading
 - Added new TuiGrid component
@@ -68,7 +95,7 @@
 - TuiPopInfo component: added titleIcon Props to support adding icons to titles
 - Improved checkbox and radio components: now supports displaying both custom icons and default icons simultaneously
 
-### v0.0.2 (2025-10-16 00:29)
+### v0.0.2 (2025-10-12)
 
 - Removed all SVG icons embedded in CSS
 - Updated component icons to use @techui/icons default icon library
@@ -86,6 +113,33 @@
 - 英文部分的文档，采用了翻译软件或者AI对齐进行翻译，所以可能存在部分用词不当或者表达模糊的情况。
 - 截止到目前为止，TechUI的每次发布，均会对当前四个组件库进行同步打包发布。并且更新记录中，可能会出现当前组件库中不存在的组件，属于正常现象。因为当前Update文档是针对整个TechUI工程，而非争对当前的组件库。
 
+### v0.1.0 (2026-04-05)
+
+版本 0.1.0 迎来里程碑式升级：
+
+- 文档体系重构：全面弃用 VitePress，升级为性能更优、定制化程度更高的自研文档工程。
+- 架构深度优化：对组件库与工具库进行了底层重构，完成大量组件的迭代升级，大幅提升交互性能与用户体验。
+- 多语言无感切换：多语言支持由传统的“刷新切换”优化为实时动态切换，无需等待。
+- 组件家族扩充：新增多款实用组件，进一步丰富开发场景。
+- Scifi 策略调整：Scifi 组件库现已实现与 Prime 库的高度对齐（除极少数高级组件外）。
+- 增强封装的 `TuiEcharts` 与 `TuiEchartsMap` 已转为免费高级组件开放使用。
+- 因此次更新涉及到的范围极广，详细更新记录请查看文档。
+
+### v0.0.7 (2026-01-25)
+
+- 全局服务中的 `adaptiveConfig/portletCounter` 改变位置到 `globalState/portletCounter`。
+- 全局服务中暴露的 `$aPortletCounter` 改为 `$gPortletCounter`，组件内部所有元素也进行修改。
+- `TuiSelect、TuiToggle`叠代var定义，修改CSS代码。
+- `Echarts`壳组件和主题相关组件叠代，`echarts`对象作为参数传入TechUI初始化参数。
+- `TechUIScifi` 组件库，添加大量的基础组件。
+- 开发 `ScifiTabs`，通过调用 `ScifiButton` 组件进行标签页切换。
+- `core` 核心更新，许可证逻辑叠代，版本验证修改为仅主版本号，叠代域名绑定的逻辑。
+- 大量 `Scifi组件` 和 `TuiButton`变体添加别名。
+- `ScifiButton` 添加状态类型，如`Primary`、`Danger`等。添加 `activeIsPrimary` 参数，激活状态显示 `Primary` 外观
+- `i18n` 新增额外的 `args` 对象参数。通过传递 `args` 参数，您可以检索数据并同时在模板字符串中执行替换操作。
+- 修正 `Scifi` 组件嵌套导致的样式污染的问题。
+- 修正 `TuiAdaptive` 穿透容器自适应时序的问题，新增 `pointEvent` 参数用于设定交互主容器
+
 ### v0.0.6 (2025-11-23)
 
 - techui/colors 添加preview.html文件可以对颜色进行预览复制与匹配
@@ -100,7 +154,7 @@
 - TuiRolling的indicator强化显示，此前透明度太低，较为不明显。
 - 修改所有组件生成uid的tStr.rdm为genUid函数。
 
-### v0.0.5 (2025-11-12 23:00)
+### v0.0.5 (2025-11-15)
 
 - 主题迭代
   - 对主题中的配色进行调整和删减
@@ -128,9 +182,9 @@
 - routerGo改为routerTransition，添加query参数
 - updateRouteQuery方法，replace默认改为push，可以进行路由回退，可以根据参数控制使用replace或者push，添加getRouteQuery方法
 - grid组件，添加自定义单元格className
-- 修正侧边导航折叠的时候，触发poptip后不隐藏的bug
+- 修正侧边导航折叠的时候，触发popTip后不隐藏的bug
 
-### v0.0.4 (2025-10-21)
+### v0.0.4 (2025-10-25)
 
 - 主题和多语言改为动态导入，支持按需加载
 - 新增 TuiGrid 组件
@@ -143,7 +197,7 @@
 - TuiPopInfo组件，添加titleIcon Props，可以通过此属性给标题添加图标
 - checkbox、radio迭代，prop传入图标和默认图标可同时显示
 
-### v0.0.2 (2025-10-16 00:29)
+### v0.0.2 (2025-10-12)
 
 - 移除所有 CSS 中内置的 SVG 图标
 - 组件中的图标更新为使用 @techui/icons 默认图标库