چطور یک رشته را در جاوااسکریپت معکوس کنم؟
کپی
ویرایش
ChatGPT
کامپوننتها
اجزای قابل استفاده مجدد این داشبورد، بخش به بخش.
دکمه
components/common/Button.astro
دکمه یا لینک با variant (primary، ghost، outline) و size (md، icon). با دادن href بهصورت لینک نمایش داده میشود.
نشان
components/common/Badge.astro
برچسب کوچک برای نمایش وضعیت. حالتها: neutral، accent، outline.
خنثی
تأکیدی
خطدار
آواتار
components/common/Avatar.astro
آواتار با حروف اول یا تصویر در اندازههای sm، md و lg؛ با circle گرد میشود.
آیکون
components/common/Icon.astro
آیکونهای SVG مبتنی بر mask که رنگ currentColor را میگیرند. استفاده: <Icon name="…" size={20} />.
اسپینر
components/common/Spinner.astro
نشانگر بارگذاری در اندازههای sm، md و lg.
شیمر
components/common/Shimmer.astro · styles/global.css (@utility shimmer)
متنی با هایلایت متحرک برای حالتهای بارگذاری یا در حال تولید. هایلایت از currentColor گرفته میشود و با رنگ متن و تم هماهنگ است. میتوانید از کامپوننت یا مستقیم از کلاسها استفاده کنید: shimmer، shimmer-duration-<ms>، shimmer-spread-<n>، shimmer-angle-<deg>، shimmer-color-<color>، shimmer-reverse، shimmer-once، shimmer-none.
پیشفرض
در حال تولید پاسخ…
کلاسهای ابزاری
در حال فکر کردن…
مدت
سریع · ۹۰۰ میلیثانیه
کند · ۴۰۰۰ میلیثانیه
زاویه و پهنا
کج ۴۵ درجه
هایلایت پهن
رنگ
هایلایت رنگ تأکیدی
هایلایت صورتی
معکوس و یکبار
حرکت در جهت مخالف
فقط یک بار اجرا میشود (برای تکرار، صفحه را رفرش کنید)
روی عنوان و همراه آیکون وضعیت
در حال تحلیل فایلهای شما
در حال جستجو در وب…
راهنمای شناور
components/common/Tooltip.astro
راهنمای شناور فقط با CSS هنگام هاور یا فوکوس کیبورد. دوازده جهت دارد؛ روی دکمهها بروید.
بالا
پایین
چپ
راست
منوی کشویی
components/common/Dropdown.astro
منوی بدون استایل ثابت با اسلات trigger؛ برای ماندن در صفحه جهتش را عوض میکند و از جهت متن پیروی میکند.
تبها
components/common/Tabs.astro
گروه تب دسترسپذیر با حالتهای pill و underline. پنلها با id در اسلات قرار میگیرند.
پنل اول
پنل دوم
پنل سوم
محتوای نمای کلی
محتوای تنظیمات
غیرفعال
پنجره مودال
components/common/Modal.astro
پوسته پنجره گفتوگو که با هر عنصری دارای data-modal-open="<id>" باز میشود.
دکمه سایدبار
styles/components.css · .sidebar-button
ردیف ناوبری سایدبار با حالتهای پیشفرض و active.
پیامها
components/chat/UserMessage.astro · AssistantMessage.astro
حبابهای چت برای هر دو نقش، همراه با ردیف عملیات هنگام هاور.
آن را به کاراکترها تقسیم کنید، آرایه را معکوس کنید و دوباره به هم بچسبانید.
1/1
کپی
تولید مجدد
پاسخ خوب
پاسخ بد
بلوک کد
components/chat/CodeBlock.astro
قطعه کد با برچسب زبان، دکمههای کپی و بدنه اسکرولپذیر.
const reverse = (s) => [...s].reverse().join('');
console.log(reverse('hello'));ورودی چت
components/chat/ChatInput.astro
کادر نوشتن با تکستاریای خودکار، پیوست، میکروفون و دکمه صوتی. با noSend فقط نمایشی است.
کارت افزونه
components/plugins/PluginCard.astro
لوگو، نام و توضیح همراه با دکمه افزودن یا گزینهها.
افزونه نمونه
هنوز نصب نشده
افزونه نصبشده
قبلاً اضافه شده