### Add Rich Text Rendering Example

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

An example for rendering rich text has been added. This demonstrates how to effectively display formatted text content within the Uniapp application.

```vue
// Added example for rich text rendering.
```

--------------------------------

### Update ThorUI Example Personal Center for Members

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

The personal center content in the ThorUI example project has been updated and is now exclusively available to members. This includes sections like personal center, sharing, member introduction, version introduction, open source address, and help center.

```vue
// ThorUI example personal center content now open to members only.
```

--------------------------------

### UniApp Network Request Example

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

Demonstrates how to perform network requests within a UniApp project. This snippet is part of the V1.4.1 update, focusing on providing practical examples for common development tasks.

```javascript
/**
 * Example of network request in UniApp
 * This is a placeholder for actual network request code.
 * In a real scenario, you would use uni.request or a similar library.
 */
function makeNetworkRequest() {
  uni.request({
    url: 'https://api.example.com/data',
    method: 'GET',
    success: (res) => {
      console.log('Request successful:', res.data);
    },
    fail: (err) => {
      console.error('Request failed:', err);
    }
  });
}
```

--------------------------------

### ThorUI Cropper Component (wxs): Fix Initialization Issue

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

A bug has been fixed in the wxs version of the image cropper component where initialization was incorrect. This ensures the cropper functions as expected from the start.

```javascript
修复图片裁剪组件(wxs版)初始化裁剪不正确的问题。
```

--------------------------------

### Add Negative Value Example to tui-charts-line

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

Adds an example demonstrating the display of negative values for the tui-charts-line component in ThorUI. This showcases how to visualize line charts with negative data points.

```Vue
<!-- Example usage of tui-charts-line with negative values -->
<template>
  <view>
    <tui-charts-line :
```

--------------------------------

### ThorUI Drag Sort Component: WXS Implementation

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

A new drag-and-drop sorting component has been added, implemented using WXS. Detailed usage examples can be found in the multi-language template.

```javascript
新增拖拽排序组件，wxs实现，详细查看多语言模板示例。
```

--------------------------------

### Add Extended Icons to tui-icon Component

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

Enhances the tui-icon component in ThorUI by adding examples for extended icons. Users are advised to update the component to view the documentation and examples for new icon usage.

```Vue
<!-- Example usage of tui-icon -->
<template>
  <view>
    <tui-icon name="star" color="#f00" size="24"></tui-icon>
    <!-- Example of an extended icon -->
    <tui-icon name="custom-icon" color="#00f" size="30"></tui-icon>
  </view>
</template>

<script>
export default {
  // Component logic
}
</script>
```

--------------------------------

### Optimize Tab Bar Component Switching

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

Optimizations have been made to the tab bar component's example to prevent flickering when switching between tabs too quickly. Additionally, issues with the pull-down refresh animation not closing properly have been resolved.

```vue
// Optimized tab bar component switching to prevent flickering.
// Fixed pull-down refresh animation not closing issue.
```

--------------------------------

### Optimize tui-waterfall Component

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

Optimizes the tui-waterfall component in ThorUI, specifically addressing warnings when compiling to Mini Programs. It notes that this version is not backward compatible and requires reviewing documentation and examples for adjustments.

```Vue
<!-- Example usage of tui-waterfall -->
<template>
  <view>
    <tui-waterfall :data="waterfallData" :column="2"></tui-waterfall>
  </view>
</template>

<script>
export default {
  data() {
    return {
      waterfallData: [
        { src: 'url1', height: 100 },
        { src: 'url2', height: 150 }
      ]
    };
  }
}
</script>
```

--------------------------------

### Add Gradient Color Support to Navigation Bar

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

The tui-navigation-bar component has been optimized to support setting gradient colors. This allows for more visually appealing navigation bars with custom color transitions. Refer to the example for implementation details.

```javascript
<!-- Example in a Vue template -->
<tui-navigation-bar :gradientColor="['#FF5733', '#FFC300']">
  Custom Title
</tui-navigation-bar>
```

--------------------------------

### ThorUI Component Updates and Vue 3 Compatibility

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

This entry summarizes the general updates and optimizations across the ThorUI component library. It notes improvements for Vue 3 compatibility and expanded support for multiple mini-program platforms, including Alipay, Baidu, QQ, and ByteDance. Specific components like the card, countdown, and various chart types have received optimizations.

```plaintext
Project: /dingyong0214/thorui-uniapp

### V1.9.0 (2022-05-28)

1.card 卡片组件优化，当header部分内容不传值时可使用默认插槽自定义内容。
2.修复组件使用wxs初始化报错的问题。
3.优化部分组件vue3下兼容问题。
4.商城模板优化，调整vue3下样式出错问题。
5.优化并删除filters使用。
6.tui-countdown 倒计时 组件优化，支持支付宝、百度、QQ、字节小程序。
7.tui-divider 分隔符 组件优化，支持支付宝、百度、QQ、字节小程序。
8.tui-scroll-top 回到顶部 组件优化，支持支付宝、百度、QQ、字节小程序。
9.tui-alert 弹框 组件优化，支持支付宝、百度、QQ、字节小程序。
10.tui-no-data 暂无数据 组件优化，支持支付宝、百度、QQ、字节小程序。
11.tui-toast 提示 组件优化，支持支付宝、百度、QQ、字节小程序。
12.tui-datetime 日期时间选择器 组件优化，支持支付宝、百度、QQ、字节小程序。
13.tui-fab 悬浮按钮 组件优化，支持支付宝、百度、QQ、字节小程序。
14.tui-tabbar 标签栏 组件优化，支持支付宝、百度、QQ、字节小程序。
15.tui-tabs 标签页 组件优化，支持支付宝、百度、QQ、字节小程序。
16.tui-collapse 折叠面板 组件优化，支持支付宝、百度、QQ、字节小程序。
17.tui-upload 图片上传 组件优化，支持支付宝、百度、QQ、字节小程序。
18.tui-skeleton 骨架屏 组件优化，支持支付宝、百度、QQ、字节小程序。
19.tui-calendar 日历 组件优化，支持支付宝、百度、QQ、字节小程序。
20.tui-steps 步骤条 组件优化，支持支付宝、百度、QQ、字节小程序。
21.tui-drawer 抽屉 组件优化，支持支付宝、百度、QQ、字节小程序。
22.tui-swipe-action 滑动菜单 组件优化，支持支付宝、百度、QQ、字节小程序。
23.tui-bottom-navigation 底部导航菜单 组件优化，支持支付宝、百度、QQ、字节小程序。
24.tui-cascade-selection 级联选择 组件优化，支持支付宝、百度、QQ、字节小程序。
25.tui-circular-progress 圆形进度条 组件优化，支持支付宝、百度、QQ、字节小程序。
26.tui-navigation-bar 自定义导航栏 组件优化，支持支付宝、百度、QQ、字节小程序。
27.tui-bubble-popup 气泡弹框 组件优化，支持支付宝、百度、QQ、字节小程序。
28.tui-image-group 图片组合 组件优化，支持支付宝、百度、QQ、字节小程序。

========================

【ThorUI示例V1.4.0】更新：

1.修复组件使用wxs初始化报错的问题。
2.内嵌ucharts图表，当thorui图表无法满足时推荐使用。
3.tui-gallery 图片预览 组件优化，修复索引显示可能出错的问题。
4.优化部分vue3下兼容问题。
5.tui-label 标签 组件优化，支持支付宝、百度、QQ、字节小程序。
6.tui-picker 选择器 组件优化，支持支付宝、百度、QQ、字节小程序。
7.tui-swiper-dot swiper指示点 组件优化，支持支付宝、百度、QQ、字节小程序。
8.tui-progress 进度条 组件优化，支持支付宝、百度、QQ、字节小程序。
9.tui-index-list 索引列表 组件优化，支持支付宝、百度、QQ、字节小程序。
10。tui-gallery 图片预览 组件优化，支持支付宝、百度、QQ、字节小程序。
11.tui-loading 加载动画 组件优化，支持支付宝、百度、QQ、字节小程序。
12.tui-dialog 对话框 组件优化，支持支付宝、百度、QQ、字节小程序。
13.tui-msg 提示页 组件优化，支持支付宝、百度、QQ、字节小程序。
14.tui-searchbar 搜索栏 组件优化，支持支付宝、百度、QQ、字节小程序。
15.tui-copy-text 长按复制 组件优化，支持支付宝、百度、QQ、字节小程序。
16.tui-tab 标签页 组件优化，支持支付宝、百度、QQ、字节小程序。
17.tui-cubic-bezier 贝塞尔曲线 组件优化，支持支付宝、百度、QQ、字节小程序。
18.tui-drag 拖拽排序 组件优化，支持支付宝、百度、QQ小程序、字节小程序。
19.tui-slide-verify 滑动验证码 组件优化，支持支付宝、百度、QQ、字节小程序。
20.tui-digital-keyboard 数字键盘 组件优化，支持支付宝、百度、QQ、字节小程序。
21.tui-digital-roller 数字滚轮 组件优化，支持支付宝、百度、QQ、字节小程序。
22.tui-timer 计时器 组件优化，支持支付宝、百度、QQ、字节小程序。
23.tui-table 表格 组件优化，支持支付宝小程序。
24.tui-grade 评分 组件优化，支持支付宝、百度、QQ、字节小程序。
25.tui-countdown-verify 验证码倒计时 组件优化，支持支付宝、百度、QQ、字节小程序。
26.tui-slider 滑动选择器 组件优化，支持支付宝、百度、QQ、字节小程序。
27.tui-rotate-verify 旋转图片验证 组件优化，支持支付宝、百度、QQ、字节小程序。
28.tui-scale-horizontal 刻度尺滚动选择器 组件优化，支持支付宝、百度、QQ、字节小程序。
29.tui-scale-vertical 刻度尺滚动选择器 组件优化，支持支付宝、百度、QQ、字节小程序。
30.tui-waterfall 瀑布流 组件优化，支持支付宝、百度、QQ、字节小程序。
31.tui-lazyload-img 图片懒加载 组件优化，支持支付宝、百度、QQ、字节小程序。
32.tui-overflow-hidden 内容超出隐藏 组件优化，支持支付宝、百度、QQ、字节小程序。
33.tui-org-tree 组织架构树 组件优化，支持支付宝、百度、QQ、字节小程序。
34.tui-landscape 压屏窗 组件优化，支持支付宝、百度、QQ、字节小程序。
35.tui-tree-view 树型菜单 组件优化，支持支付宝、百度、QQ、字节小程序。
36.tui-charts-column 柱状图表 组件优化，支持支付宝、百度、QQ、字节小程序。
37.tui-charts-bar 横向柱状图表 组件优化，支持支付宝、百度、QQ、字节小程序。
38.tui-charts-line 折线图表 组件优化，支持支付宝、百度、QQ、字节小程序。
39.tui-charts-pie 饼状图表 组件优化，支持支付宝、百度、QQ、字节小程序。
40.tui-charts-area 面积图表 组件优化，支持支付宝、百度、QQ、字节小程序。
41.tui-charts-funnel 漏斗图表 组件优化，支持支付宝、百度、QQ、字节小程序。
42.tui-charts-scatter 散点图表 组件优化，支持支付宝、百度、QQ、字节小程序。
43.tui-charts-radar 雷达图表 组件优化，支持支付宝、百度、QQ、字节小程序。
44.tui-banner-arc Banner底部圆弧效果 组件优化，支持支付宝、百度、QQ、字节小程序。
45.tui-data-checkbox 数据选择器 组件优化，支持支付宝、百度、QQ、字节小程序。
46、tui-poster 绘制海报 组件优化，支持支付宝、百度、QQ、字节小程序。

=====================

=====================

其中【ThorUI示例】项目只对会员开放。点此 [开通会员](https://thorui.cn/doc/docs/member.html)。
```

--------------------------------

### ThorUI Component Optimizations and New Features (V1.7.2)

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

This section details updates for version 1.7.2, focusing on optimizations for components like tui-time-axis, tui-steps, and tui-datetime. It also includes improvements for tui-numberbox, tui-tabs, tui-tabbar, tui-calendar, tui-cascade-selection, tui-skeleton, and tui-upload, along with new components like tui-week-date, tui-vcode, tui-divide-list, tui-select, and tui-amount-inwords.

```plaintext
V1.7.2 (2022-02-25)
1. tui-time-axis component optimization, added attributes to set node hierarchy.
2. tui-steps component optimization, font icons support setting font size.
3. tui-datetime component optimization, added attribute maskClosable to set whether the mask can be clicked to close the selector.
4. tui-datetime component optimization, optimized the issue where data was not updated when clicking the confirm button during fast scrolling on the WeChat小程序 end.
5. tui-datetime component optimization, title can be set.
6. Optimized tui-numberbox component, fixed data type issues.
7. Optimized tui-tabs component, can control whether the bottom slider is displayed.
8. WeChat小程序 tui-tabbar component optimization, fixed the issue of incorrect page path value transmission.
9. tui-calendar component optimization, the title content displayed when selecting a date can be configured.
10. tui-cascade-selection default selection optimization, when all data is passed at once, the default option value can be a string array, e.g.: ['Anhui Province','Fuyang City','Yingshang County'].
11. tui-skeleton component optimization, added background animation effect.
12. tui-upload component optimization, added attribute to control whether to pop up confirmation when deleting pictures.
13. Optimized known issues.

【ThorUI Example V1.2.2】Updates:
1. tui-index-list component optimization, fixed the bug where the right-side index scrolls with the page on the App end.
2. tui-textarea component optimization, fixed the counting error issue when initializing assignment.
3. tui-picker component optimization, optimized the issue where data was not updated when clicking the confirm button during fast scrolling on the WeChat小程序 end.
4. tui-utils.js (utility library) optimization, optimized date formatting method, added isMs (whether the timestamp precision is milliseconds) parameter. (When type=2 and precision is seconds, the parameter isMs needs to be passed as false)
5. tui-picker component optimization, added attribute maskClosable to set whether the mask can be clicked to close the selector.
6. Added tui-week-date (week date selection) component.
7. Added tui-vcode (verification code) component.
8. Added tui-divide-list (separator list) component.
9. Added tui-select (selector) component.
10. Added tui-amount-inwords (number amount to uppercase) component.
11. Optimized known issues.
```

--------------------------------

### ThorUI Component Updates (V1.7.1)

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

This section covers updates for version 1.7.1, including optimizations for WeChat小程序 wx:key assignment, tui-icon component to resolve conflicts, tui-calendar for range selection, and tui-numberbox for handling decimal values with integer steps. It also includes optimizations for tui-searchbar, tui-rotate-verify, tui-input, tui-textarea, tui-waterfall, tui-table, and general bug fixes.

```plaintext
V1.7.1 (2021-10-01)
1. WeChat小程序 version wx:key assignment optimization, removed warnings.
2. tui-icon component optimization, fixed the conflict issue when simultaneously importing the component and style file.
3. tui-calendar component optimization, when selecting a range, both start and end dates must be selected before the confirm button can be clicked.
4. WeChat小程序 version index list (sticky effect) page optimization, fixed the issue where the index and sticky index were inconsistent.
5. tui-numberbox component optimization, when the step is an integer, the value can accept decimals.

【ThorUI Example V1.2.1】Updates:
1. tui-searchbar component optimization, added showLabel and showInput attributes to control whether to display the placeholder label and input box.
2. tui-rotate-verify component optimization, added type parameter, when type=2, it returns the rotation angle, which can be passed to the backend for verification.
3. tui-input, tui-textarea component optimization, fixed the error when v-model assigns Number type values.
4. tui-waterfall component optimization, fixed known issues.
5. WeChat小程序 version tui-table component optimization, fixed the issue where numbers or English content were not displayed correctly when wrapping.
6. Other known issue optimizations.
```

--------------------------------

### ThorUI Swipe Action: Customizable Background and z-index

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

The tui-swipe-action component has been optimized with a configurable background color. Additionally, the z-index for modal popups, drawers, and tabbars is now configurable, providing greater control over layering.

```javascript
tui-swipe-action组件优化，背景色改为配置。modal弹框、抽屉、tabbar等组件z-index改为配置，具体查看文档。
```

--------------------------------

### ThorUI Steps Component: Custom Icons and Dashed Lines

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

The steps component has been optimized to support custom icons and the ability to set lines as dashed. This enhances the visual customization options for step-by-step processes.

```javascript
步骤条组件优化，支持自定义图标，支持设置线条为虚线。
```

--------------------------------

### UniApp Modal Component Configuration

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

Demonstrates the configuration options for the Modal component in ThorUI, as introduced in V1.2.2. It allows customization of button count, styles, and content.

```javascript
// Conceptual example of using the ThorUI Modal component in UniApp

// Component template (conceptual)
// <template>
//   <view>
//     <tui-modal :show="isModalVisible" :title="'Example Modal'" :buttons="modalButtons" @click="handleModalClick">
//       <view>This is the modal content.</view>
//     </tui-modal>
//     <button @click="showModal">Show Modal</button>
//   </view>
// </template>

// Script logic (conceptual)
// export default {
//   data() {
//     return {
//       isModalVisible: false,
//       modalButtons: [
//         { text: 'Cancel', style: { color: '#666' } },
//         { text: 'Confirm', style: { color: '#007aff' } }
//       ]
//     };
//   },
//   methods: {
//     showModal() {
//       this.isModalVisible = true;
//     },
//     handleModalClick(e) {
//       if (e.index === 1) { // Assuming index 1 is 'Confirm'
//         console.log('Confirmed!');
//       }
//       this.isModalVisible = false;
//     }
//   }
// };
```

--------------------------------

### Add tui-upload uploadAllImage Method

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

The tui-upload component now includes a new method, `uploadAllImage`. This method allows for uploading all selected images at once, particularly useful when the `serverUrl` property is empty, enabling parent components to trigger a batch upload.

```javascript
// tui-upload component optimization
// Added uploadAllImage method for batch uploading.
```

--------------------------------

### Configure Global Theme Color

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

Version 2.8.0 introduces global configuration for component properties, including the ability to set a global theme color. This allows for consistent theming across the application. Many components now support this global configuration.

```javascript
// Conceptual example of setting global theme color
// In a configuration file or setup script:
Vue.prototype.globalConfig = {
  themeColor: '#FF5733'
};

// Components will then use this global theme color by default.
```

--------------------------------

### ThorUI Tab and Navigation Components

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

This snippet covers updates to ThorUI's tab and navigation components, including fixes for bottom navigation menus and enhancements for tab components like setting spacing and numeric badges.

```JavaScript
// V1.7.0:
// - Fixed tui-bottom-navigation compilation error on secondary menu click.
// - tui-tab component optimized (V1.6.5) to support numeric badges.
// - tui-tab component optimized (V1.2.0) to support leftGap property for left spacing.
```

--------------------------------

### Optimize tui-sticky-wxs Component

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

Adjusts the tui-sticky-wxs component in ThorUI by refining the logic for detecting the H5 environment. This improves the sticky positioning behavior across different platforms in UniApp.

```WXS
/* Example WXS logic for sticky behavior */
var isH5 = "isH5"; // Placeholder for actual H5 detection logic

function stickyBehavior(element, options) {
  // ... sticky positioning logic ...
  if (isH5) {
    // H5 specific adjustments
  }
}

module.exports = {
  stickyBehavior: stickyBehavior
};
```

--------------------------------

### ThorUI Cropper Component: Fix Blank Issue with Network Images

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

A fix has been implemented for the cropper component (wxs version) to resolve an issue where network images appeared blank during initialization in mini-programs. This ensures proper rendering of remote images for cropping.

```javascript
裁剪组件优化，修复网络图片在小程序端裁剪出现空白的问题。
```

--------------------------------

### ThorUI New Component Additions

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

This snippet lists newly added components in various ThorUI versions, including form elements, layout utilities, data visualization tools, and utility components.

```JavaScript
// V1.7.0:
// - Added tui-status-bar component.

// V1.1.0 (ThorUI Example):
// - Added tui-form, tui-input, tui-textarea, tui-label, tui-radio, tui-checkbox, tui-switch, tui-picker, tui-landscape, tui-segmented-control, tui-notice-bar, tui-alerts, tui-request, tui-row, tui-col, tui-tree-view, tui-charts-column, tui-charts-bar, tui-charts-line, tui-charts-pie, tui-pagination.
```

--------------------------------

### Add grade Rating Component with Half-Star Support

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

A new 'grade' rating component has been added, which supports selecting half-stars. This provides a more granular user experience for rating systems.

```javascript
// Added new grade rating component with half-star support.
```

--------------------------------

### Add Properties to Upload Component

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

The tui-upload component has been enhanced with new attributes to customize the selection box's background color, border, and corner radius, as well as the color of the plus icon.

```javascript
<!-- Example in a Vue template -->
<tui-upload
  selectBgColor="#f9f9f9"
  selectBorderColor="#eee"
  selectBorderRadius="4px"
  plusIconColor="#999"
></tui-upload>
```

--------------------------------

### ThorUI Component Updates and New Features

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

This section summarizes the updates and new components introduced in various versions of the ThorUI component library. It highlights optimizations for multiple小程序 platforms and new functionalities for components like charts, input fields, and utility functions.

```plaintext
V1.8.0 (2022-04-19)
1. tui-countdown component optimization, fixed known issues.
2. tui-button component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
3. tui-tag component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
4. tui-badge component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
5. tui-list-view component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
6. tui-list-cell component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
7. tui-card component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
8. tui-grid component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
9. tui-grid-item component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
10. tui-loading component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
11. tui-loadmore component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
12. tui-nomore component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
13. tui-footer component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
14. tui-tips component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
15. tui-sticky component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
16. tui-keyboard component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
17. tui-keyboard-input component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
18. tui-time-axis component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
19. tui-timeaxis-item component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
20. tui-top-dropdown component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
21. tui-bottom-popup component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
22. tui-dropdown-list component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
23. tui-actionsheet component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
24. tui-numberbox component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
25. tui-rate component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.
26. tui-modal component optimization, supports Alipay, Baidu, QQ, ByteDance小程序.

【ThorUI Example V1.3.0】Updates:
1. Added tui-banner-arc (banner bottom arc effect) component.
2. Added tui-data-checkbox (data selector) component.
3. Added tui-charts-area (area chart - CSS version) component.
4. Added tui-charts-funnel (funnel chart - CSS version) component.
5. Added tui-charts-scatter (scatter chart - CSS version) component.
6. Added tui-charts-radar (radar chart - CSS version) component.
7. Added tui-poster (draw poster) component, configure data to draw poster.
8.小程序端 tui-input (input) component optimization, fixed known issues.
9. tui-tab (tab page) component optimization, fixed known issues.
10. Other known issue optimizations.
```

--------------------------------

### Optimize tui-timer Component with Initial Time

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

The tui-timer component has been optimized to allow setting an initial time. This feature provides flexibility in managing timers, allowing developers to pre-configure countdowns or count-ups.

```javascript
// tui-timer component optimization
// Now supports setting an initial time.
```

--------------------------------

### Configure Global Theme Color for Various Components

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

A significant update in version 2.8.0 is the widespread support for global theme color configuration across numerous components. This includes components like tui-calendar, tui-icon, tui-alert, tui-badge, and many more, enabling consistent branding.

```javascript
// Example for tui-calendar
<tui-calendar :primaryColor="globalConfig.themeColor"></tui-calendar>

// Example for tui-alert
<tui-alert :primaryColor="globalConfig.themeColor">Alert Message</tui-alert>

// Many other components follow a similar pattern for primaryColor or themeColor.
```

--------------------------------

### ThorUI Component Library Overview

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

ThorUI is a UniApp component library that supports v3 compilation, nvue, and easycom component modes. It simplifies development by allowing components to be used without manual imports.

```Vue
<!-- Example of using a ThorUI component (assuming tui-button) -->
<template>
  <view>
    <tui-button type="primary">Click Me</tui-button>
  </view>
</template>

<script>
export default {
  // No explicit import needed for easycom components
}
</script>
```

--------------------------------

### Add Margin Properties to No Data Component

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

The tui-no-data component has been enhanced with `marginTop` to control outer spacing and `imgBottom` to adjust the spacing between the image and the text. This improves the visual presentation of empty states.

```javascript
<!-- Example in a Vue template -->
<tui-no-data :marginTop="20" :imgBottom="10"></tui-no-data>
```

--------------------------------

### UniApp Countdown Component Usage

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

Illustrates the usage of the countdown component in ThorUI, which supports hours, minutes, and seconds. This component was introduced in V1.3.0 and allows customization of size and color.

```javascript
// Conceptual example of using the ThorUI countdown component in UniApp

// Component template (conceptual)
// <template>
//   <view>
//     <tui-countdown :time="60" :size="24" :color="'#333'"></tui-countdown>
//   </view>
// </template>

// Script logic (conceptual)
// export default {
//   data() {
//     return {
//       // Time in seconds for the countdown
//       time: 60 
//     };
//   }
// };
```

--------------------------------

### ThorUI Icon Component Updates

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

This snippet covers updates to the ThorUI icon component, including the addition and removal of specific icons like 'play', 'suspend', 'seen', and 'unseen'. It also notes expanded platform support for the UniApp version.

```JavaScript
// V1.7.0:
// - tui-icon optimized: removed 'play' (old), added 'play', 'suspend'; removed 'unseen' (old), added 'seen', 'unseen'.
// - tui-icon (UniApp version) now supports App-Nvue, Alipay, Baidu, ByteDance, and QQ mini-programs.
```

--------------------------------

### Add Sliding Selector Component with Range Selection

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

A sliding selector component has been added, which supports range selection. This allows users to select a range of values using a sliding mechanism, useful for price or quantity selection.

```javascript
// Added new sliding selector component with range selection support.
```

--------------------------------

### Adjust Properties for Rotate Verify Component

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

The tui-rotate-verify component has had some of its properties adjusted. Developers should refer to the documentation for the specific changes and updated usage.

```javascript
// Refer to the official documentation for updated property names and usage.
```

--------------------------------

### Add tui-wing-blank Component

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

Introduces the tui-wing-blank component for ThorUI, which manages horizontal spacing (left and right padding) within UniApp layouts.

```Vue
<!-- Example usage of tui-wing-blank -->
<template>
  <view>
    <tui-wing-blank size="20rpx"></tui-wing-blank>
    <!-- Content here -->
  </view>
</template>

<script>
export default {
  // Component logic
}
</script>
```

--------------------------------

### ThorUI Layout and Form Components

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

This snippet details updates and additions related to layout and form components in ThorUI. It includes optimizations for grid layout components (tui-row/tui-col) and various form elements like buttons, inputs, and selectors.

```JavaScript
// V1.1.0 (ThorUI Example):
// - Added tui-row component for 24-column grid layout, used with tui-col.
// - Added tui-form-button, tui-input, tui-textarea, tui-label, tui-radio, tui-checkbox, tui-switch, tui-picker, tui-segmented-control.
// - Optimized tui-row/tui-col for App-Nvue, Alipay, Baidu, ByteDance, QQ mini-programs.
// - Optimized tui-form-button, tui-input, tui-radio, tui-checkbox, tui-switch, tui-textarea for App-Nvue, Alipay, Baidu, ByteDance, QQ mini-programs.
```

--------------------------------

### Optimize tui-searchbar Component (px to rpx)

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

Updates the tui-searchbar component in ThorUI by converting all pixel (px) units to responsive pixel (rpx) units. This ensures better adaptability across different screen sizes in UniApp.

```Vue
<!-- Example usage of tui-searchbar -->
<template>
  <view>
    <tui-searchbar placeholder="Search..."></tui-searchbar>
  </view>
</template>

<script>
export default {
  // Component logic
}
</script>
```

--------------------------------

### UniApp Sticky Component with Index List

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

Showcases the implementation of a sticky component that works with an index list, specifically designed for UniApp. This feature was enhanced in V1.4.1 to work without relying on scroll-view.

```javascript
// Example for sticky component with index list in UniApp
// This is a conceptual example. Actual implementation would involve component setup and data binding.

// Component definition (conceptual)
// <template>
//   <tui-sticky :scrollTop="scrollTop" :stickyTop="0">
//     <view class="sticky-content">Sticky Header</view>
//   </tui-sticky>
//   <tui-index-list :list="indexListData" @select="onSelectItem"></tui-index-list>
// </template>

// Script logic (conceptual)
// export default {
//   data() {
//     return {
//       scrollTop: 0,
//       indexListData: [] // Data for the index list
//     };
//   },
//   onPageScroll(e) {
//     this.scrollTop = e.scrollTop;
//   },
//   methods: {
//     onSelectItem(item) {
//       console.log('Selected item:', item);
//     }
//   }
// };
```

--------------------------------

### ThorUI Tabs Component: Width Configuration

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

The tui-tabs component has been optimized with a new 'width' prop, allowing users to configure the width of the tabs. This provides flexibility in layout and design.

```javascript
tui-tabs标签页组件优化，新增props：width（tabs宽度）设置。
```

--------------------------------

### Adjust List Cell Properties and Global Configuration

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

The tui-list-cell component has undergone adjustments to some of its properties. Additionally, it now supports global configuration, allowing for consistent styling across multiple list cells.

```javascript
<!-- Example: Assuming globalConfig.listCellMargin is set -->
<tui-list-cell :marginTop="globalConfig.listCellMargin">
  List Item
</tui-list-cell>
```

--------------------------------

### Update ThorUI Components for UniApp

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

This entry summarizes various updates and optimizations across multiple ThorUI components for UniApp. It includes bug fixes for navigation, date pickers, cascade selection, and general improvements for compatibility with Vue 3 and different mini-program platforms.

```JavaScript
// V1.7.0 Updates:
// - Fixed tui-bottom-navigation compilation error on secondary menu click.
// - Optimized tui-datetime for custom scroll height and added type=8 (HH:MM:SS + Hour).
// - Fixed tui-cascade-selection index issue in mini-programs.
// - Migrated commonJS to ES6 modules for UniApp.
// - Adjusted component compatibility for Vue 3.
// - Updated tui-icon with new/removed icons and expanded platform support (App-Nvue, Alipay, Baidu, ByteDance, QQ mini-programs).
// - Fixed warnings in WeChat mini-program native version.
// - Optimized tui-swipe-action.

// V1.6.5 Updates:
// - Optimized tui-validation with custom validator configuration.
// - Fixed issues in tui-round-progress and tui-cascade-selection.
// - Added numeric badge support for tui-tabs.

// V1.1.0 Updates (ThorUI Example):
// - Optimized tui-org-tree for node layout, selection, and expansion.
// - Added new components: tui-form, tui-input, tui-textarea, tui-label, tui-radio, tui-checkbox, tui-switch, tui-picker, tui-landscape, tui-segmented-control, tui-notice-bar, tui-alerts, tui-request (with Promise, interceptors), tui-row, tui-col, tui-tree-view, tui-charts-column, tui-charts-bar, tui-charts-line, tui-charts-pie, tui-pagination.
// - Optimized tui-lazyload-img.
// - Enhanced tui-form validation, moving model and rules to the validate method.
// - Optimized tui-slider and tui-timer.
// - Added dark mode example for tui-picker.
// - Fixed styling issues in tui-charts-pie and tui-charts-line.
// - Added support for leftGap in tui-tab.
// - Added App-Nvue, Alipay, Baidu, ByteDance, QQ mini-program support for various components (tui-row/tui-col, tui-form-button, tui-popup, tui-input, tui-radio, tui-checkbox, tui-switch, tui-textarea, tui-alerts, tui-pagination, tui-segmented-control, tui-notice-bar, tui-form).
```

--------------------------------

### ThorUI Bottom Popup: z-index and TranslateY Configuration

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

The tui-bottom-popup component has been optimized to allow configuration of its z-index and the vertical translation distance (translateY) when displayed. This offers more control over its appearance and behavior.

```javascript
tui-bottom-popup组件优化，可设置z-index以及显示时垂直方向移动的距离translateY。
```

--------------------------------

### Add tui-lazyload-img Image Lazy Loading Component

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

A new tui-lazyload-img component has been added to enable image lazy loading. This optimization improves performance by loading images only when they are visible in the viewport.

```javascript
// Added new tui-lazyload-img component for image lazy loading.
```

--------------------------------

### ThorUI Date and Time Picker Updates

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

This focuses on the tui-datetime component, detailing enhancements for customizing scroll height and the addition of a new type for selecting hours, minutes, and seconds.

```JavaScript
// V1.7.0:
// - tui-datetime optimized: custom scroll height setting.
// - tui-datetime optimized: added type=8 for HH:MM:SS + Hour selection.
```

--------------------------------

### ThorUI Button Component: Form Submission Support

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

The tui-button component now supports form submission. Refer to the documentation for detailed usage instructions on integrating buttons with form elements.

```javascript
按钮（tui-button)组件支持表单提交，详见文档。
```

--------------------------------

### Optimize tui-datetime Component (Confirmation Return Value)

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

Resolves an issue with the tui-datetime component in ThorUI where confirming a selection might not return a value or could cause infinite loops. This ensures proper event handling and data return.

```Vue
<!-- Example usage of tui-datetime confirmation -->
<template>
  <view>
    <tui-datetime @confirm="onDateTimeConfirm"></tui-datetime>
  </view>
</template>

<script>
export default {
  methods: {
    onDateTimeConfirm(e) {
      console.log('Confirmed date/time:', e.detail.value);
    }
  }
}
</script>
```

--------------------------------

### Fix Initialization Error in Calendar Component

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

An issue causing initialization errors in the tui-calendar component on native小程序 versions has been fixed. This ensures the calendar component works correctly across different runtime environments.

```javascript
// No specific code example for this fix, as it's an internal component behavior improvement.
```

--------------------------------

### Optimize tui-lazyload-img Component

Source: https://github.com/dingyong0214/thorui-uniapp/blob/master/README.md

Improves the tui-lazyload-img component in ThorUI by optimizing its performance and fixing known issues. This enhances the lazy loading of images in UniApp applications.

```Vue
<!-- Example usage of tui-lazyload-img -->
<template>
  <view>
    <tui-lazyload-img :src="imageUrl" width="100" height="100"></tui-lazyload-img>
  </view>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: 'path/to/your/image.jpg'
    };
  }
}
</script>
```