fix: update package name to @tml/tml-ui in various files and documentation

Author: SeasonsChange422

.github/release-drafter.yml

@@ -56,7 +56,7 @@ template: |
   ## 📦 Installation
 
   ```bash
-  npm install tml-ui@$RESOLVED_VERSION
+  npm install @tml/tml-ui@$RESOLVED_VERSION
   ```
 
   ## 👥 Contributors

.github/workflows/publish.yml

@@ -60,11 +60,11 @@ jobs:
           body: |
             ## 🎉 Release ${{ github.ref_name }}
             
-            Published to NPM: [${{ secrets.NPM_REGISTRY_URL || 'https://registry.npmjs.org/' }}](https://www.npmjs.com/package/tml-ui)
+            Published to NPM: [${{ secrets.NPM_REGISTRY_URL || 'https://registry.npmjs.org/' }}](https://www.npmjs.com/package/@tml/tml-ui)
             
             ### Installation
             ```bash
-            npm install tml-ui@${{ steps.set-version.outputs.version }}
+            npm install @tml/tml-ui@${{ steps.set-version.outputs.version }}
             ```
           draft: false
           prerelease: ${{ contains(github.ref_name, 'alpha') || contains(github.ref_name, 'beta') || contains(github.ref_name, 'rc') }}

README.md

@@ -1,7 +1,7 @@
 # TML UI
 
 [![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
-[![npm version](https://img.shields.io/npm/v/tml-ui.svg)](https://www.npmjs.com/package/tml-ui)
+[![npm version](https://img.shields.io/npm/v/%40tml%2Ftml-ui.svg)](https://www.npmjs.com/package/@tml/tml-ui)
 
 一个基于 Vue 3 + TypeScript 构建的现代化组件库。
 
@@ -18,13 +18,13 @@
 
 ```bash
 # npm
-npm install tml-ui
+npm install @tml/tml-ui
 
 # yarn
-yarn add tml-ui
+yarn add @tml/tml-ui
 
 # pnpm
-pnpm add tml-ui
+pnpm add @tml/tml-ui
 ```
 
 ### 使用自建源安装
@@ -33,13 +33,13 @@ pnpm add tml-ui
 
 ```bash
 # npm
-npm install tml-ui --registry=https://gaq0noe1.cn-nb1.rainapp.top/
+npm install @tml/tml-ui --registry=https://gaq0noe1.cn-nb1.rainapp.top/
 
 # yarn
-yarn add tml-ui --registry=https://gaq0noe1.cn-nb1.rainapp.top/
+yarn add @tml/tml-ui --registry=https://gaq0noe1.cn-nb1.rainapp.top/
 
 # pnpm
-pnpm add tml-ui --registry=https://gaq0noe1.cn-nb1.rainapp.top/
+pnpm add @tml/tml-ui --registry=https://gaq0noe1.cn-nb1.rainapp.top/
 ```
 
 ## 🔨 使用
@@ -49,8 +49,8 @@ pnpm add tml-ui --registry=https://gaq0noe1.cn-nb1.rainapp.top/
 ```ts
 // main.ts
 import { createApp } from 'vue'
-import TmlUI from 'tml-ui'
-import 'tml-ui/dist/style.css'
+import TmlUI from '@tml/tml-ui'
+import '@tml/tml-ui/dist/style.css'
 import App from './App.vue'
 
 const app = createApp(App)
@@ -66,8 +66,8 @@ app.mount('#app')
 </template>
 
 <script setup>
-import { TmlButton } from 'tml-ui'
-import 'tml-ui/dist/style.css'
+import { TmlButton } from '@tml/tml-ui'
+import '@tml/tml-ui/dist/style.css'
 </script>
 ```
 

docs/components/button.md

@@ -150,16 +150,16 @@ export interface ButtonEmits {
 }
 
 // 组件实例类型
-import type { TmlButton } from 'tml-ui'
+import type { TmlButton } from '@tml/tml-ui'
 ```
 
 ### 在 TypeScript 中使用
 
 ```vue
 <script setup lang="ts">
 import { ref } from 'vue'
-import { TmlButton } from 'tml-ui'
-import type { ButtonProps } from 'tml-ui'
+import { TmlButton } from '@tml/tml-ui'
+import type { ButtonProps } from '@tml/tml-ui'
 
 // 使用类型定义
 const buttonProps: ButtonProps = {

docs/components/grid.md

@@ -364,15 +364,15 @@ export interface ColProps extends ColConfig {
 }
 
 // 组件实例类型
-import type { TmlRow, TmlCol } from 'tml-ui'
+import type { TmlRow, TmlCol } from '@tml/tml-ui'
 ```
 
 ### 在 TypeScript 中使用
 
 ```vue
 <script setup lang="ts">
-import { TmlRow, TmlCol } from 'tml-ui'
-import type { RowProps, ColProps } from 'tml-ui'
+import { TmlRow, TmlCol } from '@tml/tml-ui'
+import type { RowProps, ColProps } from '@tml/tml-ui'
 
 // 定义 Row 配置
 const rowConfig: RowProps = {

docs/components/waterfall.md

@@ -16,7 +16,7 @@
 </template>
 
 <script setup lang="ts">
-import { TmlWaterfall } from 'tml-ui'
+import { TmlWaterfall } from '@tml/tml-ui'
 
 const items = [
   { id: 1, image: '/img1.jpg', title: '标题 1', description: '描述...' },
@@ -78,7 +78,7 @@ const items = [
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import { TmlWaterfall } from 'tml-ui'
+import { TmlWaterfall } from '@tml/tml-ui'
 
 const items = ref([...Array(20).keys()].map(i => ({ id: i, content: `Item ${i}` })))
 const loading = ref(false)
@@ -122,7 +122,7 @@ const handleReachBottom = async ({ atBottom }: { atBottom: boolean }) => {
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import { TmlWaterfall } from 'tml-ui'
+import { TmlWaterfall } from '@tml/tml-ui'
 
 const items = ref([
   { id: 1, content: 'Item 1', height: 150 },
@@ -216,16 +216,16 @@ export interface WaterfallEmits {
 }
 
 // 组件实例类型
-import type { TmlWaterfall } from 'tml-ui'
+import type { TmlWaterfall } from '@tml/tml-ui'
 ```
 
 ### 在 TypeScript 中使用
 
 ```vue
 <script setup lang="ts">
 import { ref } from 'vue'
-import { TmlWaterfall } from 'tml-ui'
-import type { WaterfallProps, ReachBottomPayload } from 'tml-ui'
+import { TmlWaterfall } from '@tml/tml-ui'
+import type { WaterfallProps, ReachBottomPayload } from '@tml/tml-ui'
 
 // 定义组件配置
 const waterfallConfig: WaterfallProps = {
@@ -298,7 +298,7 @@ const loadMoreData = async (): Promise<void> => {
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import { TmlWaterfall } from 'tml-ui'
+import { TmlWaterfall } from '@tml/tml-ui'
 
 const waterfallRef = ref()
 
@@ -335,7 +335,7 @@ const handleReachBottom = (payload) => {
 
 ```vue
 <script setup>
-import { TmlWaterfall } from 'tml-ui'
+import { TmlWaterfall } from '@tml/tml-ui'
 
 const images = ref([...])
 </script>
@@ -392,7 +392,7 @@ const images = ref([...])
 ```vue
 <script setup>
 import { ref } from 'vue'
-import { TmlWaterfall } from 'tml-ui'
+import { TmlWaterfall } from '@tml/tml-ui'
 
 const items = ref([])
 const loading = ref(false)
@@ -480,8 +480,8 @@ const handleReachBottom = async ({ atBottom }) => {
 ```vue
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
-import { TmlWaterfall } from 'tml-ui'
-import type { ReachBottomPayload } from 'tml-ui'
+import { TmlWaterfall } from '@tml/tml-ui'
+import type { ReachBottomPayload } from '@tml/tml-ui'
 
 interface ImageItem {
   id: number

docs/directives/permission.md

@@ -15,7 +15,7 @@
 ```ts
 import { createApp } from 'vue'
 import App from './App.vue'
-import { createPermissionDirective } from 'tml-ui'
+import { createPermissionDirective } from '@tml/tml-ui'
 
 function hasPermission(key: string): boolean {
   return key === 'order.submit'
@@ -48,7 +48,7 @@ app.mount('#app')
 
 ```ts
 import { defineComponent } from 'vue'
-import { createPermissionDirective } from 'tml-ui'
+import { createPermissionDirective } from '@tml/tml-ui'
 
 export default defineComponent({
   directives: {
@@ -80,7 +80,7 @@ export default defineComponent({
 规则配置示例：
 
 ```ts
-import { createPermissionDirective } from 'tml-ui'
+import { createPermissionDirective } from '@tml/tml-ui'
 
 export const vPermission = createPermissionDirective({
   rules: {
@@ -157,7 +157,7 @@ createPermissionDirective({
 ### 导出
 
 ```ts
-import { createPermissionDirective, DEFAULT_PERMISSION_REPLACE_ATTR } from 'tml-ui'
+import { createPermissionDirective, DEFAULT_PERMISSION_REPLACE_ATTR } from '@tml/tml-ui'
 
 import type {
   CreatePermissionDirectiveOptions,
@@ -170,7 +170,7 @@ import type {
   PermissionReplaceOptions,
   ResolvePermission,
   ResolvePermissionResult
-} from 'tml-ui'
+} from '@tml/tml-ui'
 ```
 
 ### `createPermissionDirective`

docs/directives/upload.md

@@ -600,14 +600,14 @@ import type {
   UploadErrorType,
   UploadSuccessEventDetail,
   UploadErrorEventDetail
-} from 'tml-ui'
+} from '@tml/tml-ui'
 ```
 
 ### 使用示例
 
 ```typescript
 import { ref } from 'vue'
-import type { UploadOptions, UploadError } from 'tml-ui'
+import type { UploadOptions, UploadError } from '@tml/tml-ui'
 
 // 定义上传配置
 const uploadOptions: UploadOptions = {

docs/guide/changelog.md

@@ -71,7 +71,7 @@ TML-UI 遵循 [语义化版本](https://semver.org/lang/zh-CN/) 规范。
 
 1. 更新依赖：
 ```bash
-npm install tml-ui@latest
+npm install @tml/tml-ui@latest
 ```
 
 2. 主要变更：

docs/guide/quick-start.md

@@ -13,27 +13,27 @@
 ::: code-group
 
 ```bash [npm]
-npm install tml-ui
+npm install @tml/tml-ui
 ```
 
 ```bash [npm（自建源）]
-npm install tml-ui --registry=https://gaq0noe1.cn-nb1.rainapp.top/
+npm install @tml/tml-ui --registry=https://gaq0noe1.cn-nb1.rainapp.top/
 ```
 
 ```bash [yarn]
-yarn add tml-ui
+yarn add @tml/tml-ui
 ```
 
 ```bash [yarn（自建源）]
-yarn add tml-ui --registry=https://gaq0noe1.cn-nb1.rainapp.top/
+yarn add @tml/tml-ui --registry=https://gaq0noe1.cn-nb1.rainapp.top/
 ```
 
 ```bash [pnpm]
-pnpm add tml-ui
+pnpm add @tml/tml-ui
 ```
 
 ```bash [pnpm（自建源）]
-pnpm add tml-ui --registry=https://gaq0noe1.cn-nb1.rainapp.top/
+pnpm add @tml/tml-ui --registry=https://gaq0noe1.cn-nb1.rainapp.top/
 ```
 
 :::
@@ -45,8 +45,8 @@ pnpm add tml-ui --registry=https://gaq0noe1.cn-nb1.rainapp.top/
 ```ts
 // main.ts
 import { createApp } from 'vue'
-import TmlUI from 'tml-ui'
-import 'tml-ui/dist/style.css'
+import TmlUI from '@tml/tml-ui'
+import '@tml/tml-ui/dist/style.css'
 import App from './App.vue'
 
 const app = createApp(App)
@@ -64,8 +64,8 @@ app.mount('#app')
 </template>
 
 <script setup>
-import { TmlButton } from 'tml-ui'
-import 'tml-ui/dist/style.css'
+import { TmlButton } from '@tml/tml-ui'
+import '@tml/tml-ui/dist/style.css'
 </script>
 ```