Message (رسالة عامة)

شريط ردود خفيف على مستوى الصفحة، يُعلَّق أعلى الصفحة. استخدم LhMessage.success('تم الحفظ') وانطلق، أما النوع loading فيحتاج إغلاقاً يدوياً.

رسالة عامة

<template>
  <div class="demo-col">
    <div class="demo-row" style="gap: 12px; flex-wrap: wrap">
      <LhButton @click="show('info')">معلومة</LhButton>
      <LhButton type="primary" @click="show('success')">نجاح</LhButton>
      <LhButton type="warning" @click="show('warning')">تحذير</LhButton>
      <LhButton type="danger" @click="show('danger')">خطر</LhButton>
      <LhButton @click="showLoading">جارٍ التحميل</LhButton>
      <LhButton @click="showClose">مع زر إغلاق</LhButton>
      <LhButton @click="closeAll">إغلاق الكل</LhButton>
    </div>
    <p class="demo-note">LhMessage.success('تم الحفظ') هو الشكل الأكثر استخداماً؛ أما النوع loading فيحتاج إغلاقاً يدوياً.</p>
  </div>
</template>

<script>
export default {
  methods: {
    show(type) {
      LhMessage[type]('هذه رسالة ' + type)
    },
    showLoading() {
      LhMessage.loading('جارٍ الحفظ…')
    },
    showClose() {
      LhMessage({ content: 'رسالة يمكن إغلاقها يدوياً', showClose: true })
    },
    closeAll() {
      LhMessage.closeAll()
    },
  },
}
</script>

واجهة الخدمة

LhMessage('تنبيه عادي')                    // info افتراضياً
LhMessage.success('تم الحفظ')              // info / success / warning / danger / loading
LhMessage({ content: 'قابل للإغلاق', showClose: true, closeLabel: 'فهمت' })
LhMessage.closeAll()                     // إغلاق الكل

Message Props

خاصية	الوصف	النوع	الافتراضي
content	محتوى الرسالة	string	—
type	النوع	'info' \| 'success' \| 'warning' \| 'danger' \| 'loading'	'info'
showClose	هل يُظهر زر الإغلاق	boolean	false
closeLabel	اسم إمكانية الوصول لزر الإغلاق (يُؤخَذ من حزمة اللغة message.close عند غيابه)	string	—
sx	خصائص تخطيط سريعة عبر sx	—	—

تلميح

لا يُغلق النوع loading تلقائياً، بل يجب بعد انتهاء منطق العمل استدعاء LhMessage.closeAll() أو الاحتفاظ بالمقبض بنفسك.