@nhdropshipping/y-components 1.0.0 → 1.0.1

package/README.md

@@ -43,6 +43,9 @@ const inputValue = ref('')
 
 ### 使用 YMessage
 
+YMessage 支持两种使用方式：
+
+**方式一：直接导入使用**
 ```typescript
 import { YMessage } from '@nhdropshipping/y-components'
 
@@ -56,6 +59,46 @@ YMessage.warning('请注意')
 YMessage.error('操作失败')
 ```
 
+**方式二：全局使用（无需 import）**
+
+使用 `Vue.use()` 后，`YMessage` 会自动挂载到全局，可以直接使用：
+
+```typescript
+// main.ts
+import { createApp } from 'vue'
+import YComponents from '@nhdropshipping/y-components'
+import '@nhdropshipping/y-components/dist/style.css'
+
+const app = createApp(App)
+app.use(YComponents) // 挂载后，YMessage 自动可用
+
+// 在任何组件或文件中直接使用（无需 import）
+YMessage.success('操作成功！')
+YMessage.warning('请注意')
+YMessage.error('操作失败')
+```
+
+```vue
+<template>
+  <button @click="handleClick">点击我</button>
+</template>
+
+<script setup lang="ts">
+// 无需 import YMessage，直接使用
+function handleClick() {
+  YMessage.success('操作成功！')
+}
+</script>
+```
+
+**带选项的调用：**
+```typescript
+YMessage.success('操作成功', {
+  duration: 3000, // 3秒后自动关闭
+  closable: true  // 显示关闭按钮
+})
+```
+
 ## 组件列表
 
 - **YButton** - 按钮组件