@techui/scifi/UPDATE.md

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.

# Update Log | 更新日志

[English](#english) | [中文](#中文)

---

## English

### Update Notes

- 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.0.6 (2025-11-23)

- Added a preview.html file to techui/colors for previewing, copying, and matching colors.
- Iterated on the appearance of the digitalFlip and digitalRolling components.
- Added a parameter to rollingTabs to differentiate the change trigger method, resolving incorrect transition animations caused by the 'Close All' and 'Close Other' tabs in the workbench.
- Upgraded techui/icons to 1.0.3, updated the preview.html file for the icon library, and simplified long names in the carbon icon library.
- Upgraded techui/colors to 1.0.2, added a preview.html file for quick start and viewing preview color schemes.
- teshui/lessminins upgraded to version 0.0.6, flexCenter changed to centerFlex, and all elements' calls to less mixins flexCenter were replaced with centerFlex.
- TuiAdaptive component: Due to multiple root containers, it was unable to bind class, style, and other attributes. This issue was fixed by using v-bind="$attrs", and the is-resizing state was corrected.
- TuiGrid component: The tui-cess-xx-xx class tag was added to tui-grid-item to distinguish the row and column markers of the current container. Custom class names can also be added to the current container for easier use.
- TuiRollingTable and TuiRollingProgress added the ability to highlight the top three indices with the parameter showRankings. TuiRollingProgress added the hasIndex parameter to disable the display of serial numbers.
- 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)

- Theme iteration updates
  - Adjusted and streamlined color schemes in the theme
  - Added new method `$tc - themeColor` to quickly retrieve definitions from the theme, such as `$tc('common.bg')`
  - It accepts an optional second parameter `computed`, which defaults to `false`. If set to `true`, it returns a reactive object
  - Example usage:
    ```javascript
    const primaryColor = $tc('primary.color', true)
    // To use the reactive value:
    console.log(primaryColor.value)
    ```
- TuiEchartsMap and TuiEcharts components:
  - Added `ready` parameter
  - Removed `initDelay` parameter
  - Removed `initHold` parameter
  - Refactored internal loading logic to support both manual and automatic control of loading states
  - Iterated ECharts theme
- All component `inject` calls now include a second fallback parameter set to `null` to prevent warnings
- Added new TuiIconLogo and TuiSystemLogo components
- Renamed libs directory, iterated components internally
- Removed fullbox from less mixin, replaced with native inset
- Upgraded icon library to version 1.0.2
- Added global transition state to startViewTransition, disabling all element transitions during animation switching
- Added new digitalFlip component, deeply iterated digitalRolling component
- 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

### v0.0.4 (2025-10-21)

- Theme and i18n refactored to support dynamic imports for on-demand loading
- Added new TuiGrid component
- Global methods mounted on globalProperties (e.g., $tPopover) are now also available via inject('$global',null)
- Various component iterations and maintenance updates

### v0.0.3 (2025-10-18)

- Added new TuiEchartsMap component
- 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)

- Removed all SVG icons embedded in CSS
- Updated component icons to use @techui/icons default icon library

### v0.0.1 (2025-10-02)

- Initial release

---

## 中文

### 更新说明

- 英文部分的文档，采用了翻译软件或者AI对齐进行翻译，所以可能存在部分用词不当或者表达模糊的情况。
- 截止到目前为止，TechUI的每次发布，均会对当前四个组件库进行同步打包发布。并且更新记录中，可能会出现当前组件库中不存在的组件，属于正常现象。因为当前Update文档是针对整个TechUI工程，而非争对当前的组件库。

### v0.0.6 (2025-11-23)

- techui/colors 添加preview.html文件可以对颜色进行预览复制与匹配
- digitalFlip，digitalRolling组件进行外观方面的迭代
- rollingTabs，添加一个参数，区分change触发方式，解决工作台tabs标签'关闭全部'和'关闭其他'时导致的错误转场动画。
- techui/icons升级为1.0.3，图标库的preview.html更新，carbon图标库中的长名称进行精简。
- techui/colors升级为1.0.2，新增preview.html文件，用于快速入门和查看预览配色表。
- teshui/lessminins升级为0.0.6,flexCenter改为centerFlex，批量替换所有元素的调用的less mixins flexCenter为centerFlex;
- TuiAdaptive组件，因为内部有多个根容器，导致无法绑定class，style等属性，通过v-bind="$attrs"修复此问题，修正is-resizing状态。
- TuiGrid组件，在tui-grid-item上，添加tui-cess-xx-xx的class标记用于区分当前容器的行列标记，并且可以给当前容器添加自定义Class名，使之更易用。
- TuiRollingTable,TuiRollingProgress添加突出前三index的功能，参数为showRankings，TuiRollingProgress添加hasIndex参数，可以关闭序号显示
- TuiRolling的indicator强化显示，此前透明度太低，较为不明显。
- 修改所有组件生成uid的tStr.rdm为genUid函数。

### v0.0.5 (2025-11-12 23:00)

- 主题迭代
  - 对主题中的配色进行调整和删减
  - 新增`$tc - themeColor`方法，可以快速的从主题中获取定义，如`$tc('common.bg')`。
  - 它可以传入第二个参数`computed`，默认为`flase`，如果为`true`的时候，返回一个响应式对象。
  - 示例：
    ```javascript
    const primaryColor=$tc('primary.color',true)
    // 使用时候
    console.log(primaryColor.value)
    ```
- TuiEchartsMap、TuiEcharts 组件：
  - 添加 `ready` 参数
  - 移除 `initDelay` 参数
  - 移除 `initHold` 参数
  - 修改内部 loading 的逻辑，确保可以通过手动和自动的方式开启和关闭 loading
  - 迭代echarts主题
- 所有组件的 `inject` 统一添加第二参数备选参数为 `null`，防止告警
- 新增 TuiIconLogo, TuiSystemLogo 组件
- 修改libs目录名称，组件内进行迭代
- lessmixin移除fullbox，改为原生inset
- 图标库升级到1.0.2
- startViewTransition添加全局过渡状态，切换动画时禁止所有元素过渡动画
- 新增digitalFlip组件，对digitalRolling组件进行深度迭代
- routerGo改为routerTransition，添加query参数
- updateRouteQuery方法，replace默认改为push，可以进行路由回退，可以根据参数控制使用replace或者push，添加getRouteQuery方法
- grid组件，添加自定义单元格className
- 修正侧边导航折叠的时候，触发poptip后不隐藏的bug

### v0.0.4 (2025-10-21)

- 主题和多语言改为动态导入，支持按需加载
- 新增 TuiGrid 组件
- 挂载到 globalProperties 上的全局方法（如 $tPopover）现已添加到 inject('$global',null) 上
- 其他组件迭代维护

### v0.0.3 (2025-10-18)

- 新增TuiEchartsMap组件
- TuiPopInfo组件，添加titleIcon Props，可以通过此属性给标题添加图标
- checkbox、radio迭代，prop传入图标和默认图标可同时显示

### v0.0.2 (2025-10-16 00:29)

- 移除所有 CSS 中内置的 SVG 图标
- 组件中的图标更新为使用 @techui/icons 默认图标库

### v0.0.1 (2025-10-02)

- 首次发布