diff --git a/README.md b/README.md index bda071a86d..e3c89bc6ad 100644 --- a/README.md +++ b/README.md @@ -13,6 +13,7 @@ Bahasa Indonesia Português(Brasil) README en Français + README in Arabic

diff --git a/README_ar.md b/README_ar.md new file mode 100644 index 0000000000..d2e3f062c5 --- /dev/null +++ b/README_ar.md @@ -0,0 +1,412 @@ +

+ +ragflow logo + +
+ +

+ README in English + 简体中文版自述文件 + 繁體版中文自述文件 + 日本語のREADME + 한국어 + Bahasa Indonesia + Português(Brasil) + README en Français + README in Arabic +

+ +

+ + follow on X(Twitter) + + + Static Badge + + + docker pull infiniflow/ragflow:v0.24.0 + + + Latest Release + + + license + + + Ask DeepWiki + +

+ +

+ Document | + Roadmap | + Twitter | + Discord | + Demo +

+ +
+ +
+ +
+infiniflow%2Fragflow | Trendshift +
+ +
+📕 جدول المحتويات + +- 💡 [ما هو RAGFlow؟](#-what-is-ragflow) +- 🎮 [Demo](#-demo) +- 📌 [آخر التحديثات](#-latest-updates) +- 🌟 [الميزات الرئيسية](#-key-features) +- 🔎 [بنية النظام](#-system-architecture) +- 🎬 [ابدأ](#-get-started) +- 🔧 [التكوينات](#-configurations) +- 🔧 [إنشاء صورة Docker](#-build-a-docker-image) +- 🔨 [إطلاق الخدمة من المصدر للتطوير](#-launch-service-from-source-for-development) +- 📚 [التوثيق](#-documentation) +- 📜 [Roadmap](#-roadmap) +- 🏄 [المجتمع](#-community) +- 🙌 [مساهمة](#-contributing) + +
+ +## 💡 ما هو RAGFlow؟ + +يُعد مشروع [RAGFlow](https://ragflow.io/) محركًا رائدًا ومفتوح المصدر للاسترجاع المعزز بالتوليد (RAG)، ويجمع أحدث تقنيات RAG مع قدرات الوكلاء لبناء طبقة سياق متقدمة لنماذج LLMs. يوفّر سير عمل RAG مبسّطًا وقابلًا للتكيّف مع المؤسسات بمختلف أحجامها. وبالاعتماد على [محرك سياق موحّد](https://ragflow.io/basics/what-is-agent-context-engine) وقوالب وكلاء جاهزة، يتيح RAGFlow للمطورين تحويل البيانات المعقّدة إلى أنظمة AI عالية الدقة وجاهزة للإنتاج بكفاءة وموثوقية. + +## 🎮 Demo + +جرّب النسخة التجريبية على [https://demo.ragflow.io](https://demo.ragflow.io). + +
+ + +
+ +## 🔥 آخر التحديثات + +- 2025-12-26 يدعم ميزة "Memory" لوكلاء الذكاء الاصطناعي. +- 11-11-2025 يدعم Gemini 3 Pro. +- 12-11-2025 يدعم مزامنة البيانات من Confluence، S3، Notion، Discord، Google Drive. +- 23-10-2025 يدعم MinerU وDocling كطرق لتحليل المستندات. +- 15-10-2025 يدعم العرض الأوركسترالي pipeline. +- 08-08-2025 يدعم أحدث موديلات سلسلة OpenAI. +- 01-08-2025 يدعم سير العمل الوكيل وMCP. +- 23-05-2025 تمت إضافة مكون منفذ كود Python/JavaScript إلى Agent. +- 05-05-2025 يدعم الاستعلام بين اللغات. +- 19-03-2025 يدعم استخدام نموذج متعدد الوسائط لفهم الصور داخل ملفات PDF أو DOCX. + +## 🎉 تابعونا + +⭐️ قم بتمييز مستودعنا بنجمة لتبقى على اطلاع بالميزات والتحسينات الجديدة والمثيرة! احصل على إشعارات فورية بالجديد +الإصدارات! 🌟 + +
+ +
+ +## 🌟 الميزات الرئيسية + +### 🍭 **"الجودة في الداخل، الجودة في الخارج"** + +- [الفهم العميق للمستندات](./deepdoc/README.md) لاستخراج المعرفة من البيانات غير المنظمة + ذات التنسيقات المعقدة. +- يجد "إبرة في كومة قش بيانات" من الرموز غير المحدودة حرفيًا. + +### 🍱 **التقطيع القائم على القالب** + +- ذكي وقابل للتفسير. +- الكثير من خيارات القالب للاختيار من بينها. + +### 🌱 **استشهادات مؤرضة لتقليل الهلوسة** + +- تصور تقطيع النص للسماح بالتدخل البشري. +- عرض سريع للمراجع الرئيسية والاستشهادات التي يمكن تتبعها لدعم الإجابات المبنية على أسس سليمة. + +### 🍔 **التوافق مع مصادر البيانات غير المتجانسة** + +- يدعم Word، والشرائح، وExcel، وtxt، والصور، والنسخ الممسوحة ضوئيًا، والبيانات المنظمة، وصفحات الويب، والمزيد. + +### 🛀 **سير عمل RAG آلي وسهل** + +- تنسيق RAG مبسط يلبي احتياجات الشركات الشخصية والكبيرة على حد سواء. +- نماذج LLMs قابلة للتكوين بالإضافة إلى نماذج embedding. +- الاستدعاء المتعدد المقترن بإعادة التصنيف المدمجة. +- APIs بديهي للتكامل السلس مع الأعمال. + +## 🔎 هندسة النظام + +
+ +
+ +## 🎬 ابدأ + +### 📝 المتطلبات الأساسية + +- CPU >= 4 مراكز +- الرام >= 16 جيجا +- القرص >= 50 جيجا بايت +- Docker >= 24.0.0 & Docker Compose >= v2.26.1 +- [gVisor](https://gvisor.dev/docs/user_guide/install/): مطلوب فقط إذا كنت تنوي استخدام ميزة منفذ التعليمات البرمجية (وضع الحماية) لـ RAGFlow. + +> [!TIP] +> إذا لم تقم بتثبيت Docker على جهازك المحلي (Windows أو Mac أو Linux)، راجع [تثبيت Docker Engine](https://docs.docker.com/engine/install/). + +### 🚀 بدء تشغيل الخادم + +1. تأكد من `vm.max_map_count` >= 262144: + + > للتحقق من قيمة `vm.max_map_count`: + > + > ```bash + > $ sysctl vm.max_map_count + > ``` + > + > أعد تعيين `vm.max_map_count` إلى قيمة 262144 على الأقل إذا لم تكن كذلك. + > + > ```bash + > # In this case, we set it to 262144: + > $ sudo sysctl -w vm.max_map_count=262144 + > ``` + > + > سيتم إعادة ضبط هذا التغيير بعد إعادة تشغيل النظام. لضمان بقاء التغيير دائمًا، قم بإضافة أو تحديث + > `vm.max_map_count` القيمة في **/etc/sysctl.conf** وفقًا لذلك: + > + > ```bash + > vm.max_map_count=262144 + > ``` + > +2. استنساخ الريبو: + + ```bash + $ git clone https://github.com/infiniflow/ragflow.git + ``` +3. ابدأ تشغيل الخادم باستخدام صور Docker المعدة مسبقًا: + +> [!CAUTION] +> جميع الصور Docker مصممة لمنصات x86. لا نعرض حاليًا صور Docker لـ ARM64. +> إذا كنت تستخدم نظامًا أساسيًا ARM64، فاتبع [هذا الدليل](https://ragflow.io/docs/dev/build_docker_image) لإنشاء صورة Docker متوافقة مع نظامك. + +> يقوم الأمر أدناه بتنزيل إصدار `v0.24.0` من الصورة RAGFlow Docker. راجع الجدول التالي للحصول على أوصاف لإصدارات RAGFlow المختلفة. لتنزيل إصدار RAGFlow مختلف عن `v0.24.0`، قم بتحديث المتغير `RAGFLOW_IMAGE` وفقًا لذلك في **docker/.env** قبل استخدام `docker compose` لبدء تشغيل الخادم. + +```bash + $ cd ragflow/docker + + # git checkout v0.24.0 + # Optional: use a stable tag (see releases: https://github.com/infiniflow/ragflow/releases) + # This step ensures the **entrypoint.sh** file in the code matches the Docker image version. + + # Use CPU for DeepDoc tasks: + $ docker compose -f docker-compose.yml up -d + + # To use GPU to accelerate DeepDoc tasks: + # sed -i '1i DEVICE=gpu' .env + # docker compose -f docker-compose.yml up -d +``` + +> ملاحظة: قبل `v0.22.0`، قدمنا ​​كلتا الصورتين بنماذج embedding وصورًا رفيعة بدون نماذج embedding. التفاصيل على النحو التالي: + +| RAGFlow علامة الصورة | حجم الصورة (جيجابايت) | هل لديه نماذج embedding؟ | مستقر؟ | +|-------------------|-----------------|-----------------------|----------------| +| v0.21.1 | ≈9 | ✔️ | إصدار مستقر | +| v0.21.1-slim | ≈2 | ❌ | إصدار مستقر | + +> بدءًا من `v0.22.0`، نقوم بشحن الإصدار النحيف فقط ولم نعد نلحق اللاحقة **-slim** بعلامة الصورة. + +4. التحقق من حالة الخادم بعد تشغيل الخادم: + + ```bash + $ docker logs -f docker-ragflow-cpu-1 + ``` + + _النتيجة التالية تؤكد الإطلاق الناجح للنظام:_ + + ```bash + + ____ ___ ______ ______ __ + / __ \ / | / ____// ____// /____ _ __ + / /_/ // /| | / / __ / /_ / // __ \| | /| / / + / _, _// ___ |/ /_/ // __/ / // /_/ /| |/ |/ / + /_/ |_|/_/ |_|\____//_/ /_/ \____/ |__/|__/ + + * Running on all addresses (0.0.0.0) + ``` + + > إذا تخطيت خطوة التأكيد هذه وقمت بتسجيل الدخول مباشرة إلى RAGFlow، فقد يعرض متصفحك تنبيه `network abnormal` + > خطأ لأنه في تلك اللحظة، قد لا تتم تهيئة RAGFlow بشكل كامل. + > +5. في متصفح الويب الخاص بك، أدخل عنوان IP الخاص بالخادم الخاص بك وقم بتسجيل الدخول إلى RAGFlow. + + > باستخدام الإعدادات الافتراضية، ما عليك سوى إدخال `http://IP_OF_YOUR_MACHINE` (**من دون** رقم المنفذ) كإعداد افتراضي + > HTTP يمكن حذف منفذ العرض `80` عند استخدام التكوينات الافتراضية. + > +6. في [service_conf.yaml.template](./docker/service_conf.yaml.template)، حدد المصنع LLM المطلوب في `user_default_llm` وقم بالتحديث + الحقل `API_KEY` مع مفتاح API المقابل. + + > راجع [llm_api_key_setup](https://ragflow.io/docs/dev/llm_api_key_setup) لمزيد من المعلومات. + > + + _العرض بدأ!_ + +## 🔧 التكوينات + +عندما يتعلق الأمر بتكوينات النظام، ستحتاج إلى إدارة الملفات التالية: + +- [.env](./docker/.env): يحتفظ بالإعدادات الأساسية للنظام، مثل `SVR_HTTP_PORT`، `MYSQL_PASSWORD`، و + `MINIO_PASSWORD`. +- [service_conf.yaml.template](./docker/service_conf.yaml.template): تكوين الخدمات الخلفية. سيتم ملء متغيرات البيئة في هذا الملف تلقائيًا عند بدء تشغيل الحاوية Docker. ستكون أي متغيرات بيئة تم تعيينها داخل حاوية Docker متاحة للاستخدام، مما يسمح لك بتخصيص سلوك الخدمة استنادًا إلى بيئة النشر. +- [docker-compose.yml](./docker/docker-compose.yml): يعتمد النظام على [docker-compose.yml](./docker/docker-compose.yml) لبدء التشغيل. + +> يوفر الملف [./docker/README](./docker/README.md) وصفًا تفصيليًا لإعدادات البيئة والخدمة +> التكوينات التي يمكن استخدامها كـ `${ENV_VARS}` في ملف [service_conf.yaml.template](./docker/service_conf.yaml.template). + +لتحديث منفذ العرض الافتراضي HTTP (80)، انتقل إلى [docker-compose.yml](./docker/docker-compose.yml) وقم بتغيير `80:80` +إلى `:80`. + +تتطلب تحديثات التكوينات المذكورة أعلاه إعادة تشغيل جميع الحاويات لتصبح سارية المفعول: + +> ```bash +> $ docker compose -f docker-compose.yml up -d +> ``` + +### تبديل محرك المستندات من Elasticsearch إلى Infinity + +RAGFlow يستخدم Elasticsearch بشكل افتراضي لتخزين النص الكامل والمتجهات. للتبديل إلى [Infinity](https://github.com/infiniflow/infinity/)، اتبع الخطوات التالية: + +1. إيقاف كافة الحاويات قيد التشغيل: + + ```bash + $ docker compose -f docker/docker-compose.yml down -v + ``` + +> [!WARNING] +> `-v` سوف يحذف docker وحدات تخزين الحاوية، وسيتم مسح البيانات الموجودة. + +2. اضبط `DOC_ENGINE` في **docker/.env** على `infinity`. +3. ابدأ الحاويات: + + ```bash + $ docker compose -f docker-compose.yml up -d + ``` + +> [!WARNING] +> التبديل إلى Infinity على جهاز Linux/arm64 غير مدعوم رسميًا بعد. + +## 🔧 أنشئ صورة Docker + +يبلغ حجم هذه الصورة حوالي 2 غيغابايت وتعتمد على خدمات LLM وembedding الخارجية. + +```bash +git clone https://github.com/infiniflow/ragflow.git +cd ragflow/ +docker build --platform linux/amd64 -f Dockerfile -t infiniflow/ragflow:nightly . +``` + +أو إذا كنت خلف وكيل، فيمكنك تمرير وسيطات الوكيل: + +```bash +docker build --platform linux/amd64 \ + --build-arg http_proxy=http://YOUR_PROXY:PORT \ + --build-arg https_proxy=http://YOUR_PROXY:PORT \ + -f Dockerfile -t infiniflow/ragflow:nightly . +``` + +## 🔨 إطلاق الخدمة من المصدر للتطوير + +1. قم بتثبيت `uv` و`pre-commit`، أو قم بتخطي هذه الخطوة إذا كانا مثبتين بالفعل: + + ```bash + pipx install uv pre-commit + ``` +2. استنساخ الكود المصدري وتثبيت تبعيات بايثون: + + ```bash + git clone https://github.com/infiniflow/ragflow.git + cd ragflow/ + uv sync --python 3.12 # install RAGFlow dependent python modules + uv run download_deps.py + pre-commit install + ``` +3. قم بتشغيل الخدمات التابعة (MinIO وElasticsearch وRedis وMySQL) باستخدام Docker Compose: + + ```bash + docker compose -f docker/docker-compose-base.yml up -d + ``` + + أضف السطر التالي إلى `/etc/hosts` لحل كافة المضيفين المحددين في **docker/.env** إلى `127.0.0.1`: + + ``` + 127.0.0.1 es01 infinity mysql minio redis sandbox-executor-manager + ``` +4. إذا لم تتمكن من الوصول إلى HuggingFace، فقم بتعيين متغير البيئة `HF_ENDPOINT` لاستخدام موقع مرآة: + + ```bash + export HF_ENDPOINT=https://hf-mirror.com + ``` +5. إذا كان نظام التشغيل لديك لا يحتوي على jemalloc، فيرجى تثبيته على النحو التالي: + + ```bash + # Ubuntu + sudo apt-get install libjemalloc-dev + # CentOS + sudo yum install jemalloc + # OpenSUSE + sudo zypper install jemalloc + # macOS + sudo brew install jemalloc + ``` +6. إطلاق الخدمة الخلفية: + + ```bash + source .venv/bin/activate + export PYTHONPATH=$(pwd) + bash docker/launch_backend_service.sh + ``` +7. تثبيت تبعيات الواجهة الأمامية: + + ```bash + cd web + npm install + ``` +8. إطلاق خدمة الواجهة الأمامية: + + ```bash + npm run dev + ``` + + _النتيجة التالية تؤكد الإطلاق الناجح للنظام:_ + + ![](https://github.com/user-attachments/assets/0daf462c-a24d-4496-a66f-92533534e187) +9. أوقف خدمة الواجهة الأمامية والخلفية RAGFlow بعد اكتمال التطوير: + + ```bash + pkill -f "ragflow_server.py|task_executor.py" + ``` + +## 📚 التوثيق + +- [البدء السريع](https://ragflow.io/docs/dev/) +- [التكوين](https://ragflow.io/docs/dev/configurations) +- [ملاحظات الإصدار](https://ragflow.io/docs/dev/release_notes) +- [أدلة المستخدم](https://ragflow.io/docs/dev/category/guides) +- [أدلة المطورين](https://ragflow.io/docs/dev/category/developers) +- [المراجع](https://ragflow.io/docs/dev/category/references) +- [الأسئلة الشائعة](https://ragflow.io/docs/dev/faq) + +## 📜 Roadmap + +راجع [RAGFlow Roadmap 2026](https://github.com/infiniflow/ragflow/issues/12241) + +## 🏄 المجتمع + +- [Discord](https://discord.gg/NjYzJD3GM3) +- [Twitter](https://twitter.com/infiniflowai) +- [مناقشات جيثب](https://github.com/orgs/infiniflow/discussions) + +## 🙌 المساهمة + +RAGFlow يزدهر من خلال التعاون مفتوح المصدر. وبهذه الروح، فإننا نحتضن المساهمات المتنوعة من المجتمع. +إذا كنت ترغب في أن تكون جزءًا، فراجع [إرشادات المساهمة](https://ragflow.io/docs/dev/contributing) أولاً. diff --git a/README_fr.md b/README_fr.md index 4f311df0a0..3f8555edf6 100644 --- a/README_fr.md +++ b/README_fr.md @@ -13,6 +13,7 @@ Bahasa Indonesia Português(Brasil) README en Français + README in Arabic

diff --git a/README_id.md b/README_id.md index c1954dc556..8a7d2715f7 100644 --- a/README_id.md +++ b/README_id.md @@ -13,6 +13,7 @@ Bahasa Indonesia Português(Brasil) README en Français + README in Arabic

diff --git a/README_ja.md b/README_ja.md index 9a0538809c..03f6a5b477 100644 --- a/README_ja.md +++ b/README_ja.md @@ -13,6 +13,7 @@ Bahasa Indonesia Português(Brasil) README en Français + README in Arabic

diff --git a/README_ko.md b/README_ko.md index 79703a62d6..55a03b2919 100644 --- a/README_ko.md +++ b/README_ko.md @@ -13,6 +13,7 @@ Bahasa Indonesia Português(Brasil) README en Français + README in Arabic

diff --git a/README_pt_br.md b/README_pt_br.md index 8e75e8cb03..0d162ca672 100644 --- a/README_pt_br.md +++ b/README_pt_br.md @@ -13,6 +13,7 @@ Bahasa Indonesia Português(Brasil) README en Français + README in Arabic

diff --git a/README_tzh.md b/README_tzh.md index 1b1508bee9..e7b21fe53e 100644 --- a/README_tzh.md +++ b/README_tzh.md @@ -13,6 +13,7 @@ Bahasa Indonesia Português(Brasil) README en Français + README in Arabic

diff --git a/README_zh.md b/README_zh.md index 99a65cdd46..ef64dc1786 100644 --- a/README_zh.md +++ b/README_zh.md @@ -13,6 +13,7 @@ Bahasa Indonesia Português(Brasil) README en Français + README in Arabic

diff --git a/web/src/app.tsx b/web/src/app.tsx index 8a0fc46f6b..4d84b8b3bb 100644 --- a/web/src/app.tsx +++ b/web/src/app.tsx @@ -1,10 +1,11 @@ import { Toaster as Sonner } from '@/components/ui/sonner'; import { Toaster } from '@/components/ui/toaster'; -import i18n from '@/locales/config'; +import i18n, { changeLanguageAsync } from '@/locales/config'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { configResponsive } from 'ahooks'; import { App, ConfigProvider, ConfigProviderProps, theme } from 'antd'; import pt_BR from 'antd/lib/locale/pt_BR'; +import arEG from 'antd/locale/ar_EG'; import deDE from 'antd/locale/de_DE'; import enUS from 'antd/locale/en_US'; import ru_RU from 'antd/locale/ru_RU'; @@ -54,6 +55,7 @@ const AntLanguageMap = { vi: vi_VN, 'pt-BR': pt_BR, de: deDE, + ar: arEG, }; if (process.env.NODE_ENV === 'development') { @@ -85,6 +87,12 @@ function Root({ children }: React.PropsWithChildren) { const { theme: themeragflow } = useTheme(); const getLocale = (lng: string) => AntLanguageMap[lng as keyof typeof AntLanguageMap] ?? enUS; + const updateDocumentLocale = (lng: string) => { + document.documentElement.lang = lng; + document.documentElement.dir = lng.toLowerCase().startsWith('ar') + ? 'rtl' + : 'ltr'; + }; const [locale, setLocal] = useState(getLocale(storage.getLanguage())); @@ -92,9 +100,10 @@ function Root({ children }: React.PropsWithChildren) { const handleLanguageChanged = (lng: string) => { storage.setLanguage(lng); setLocal(getLocale(lng)); - document.documentElement.lang = lng; + updateDocumentLocale(lng); }; + updateDocumentLocale(storage.getLanguage() || i18n.language || 'en'); i18n.on('languageChanged', handleLanguageChanged); return () => { @@ -130,7 +139,7 @@ const RootProvider = ({ children }: React.PropsWithChildren) => { useEffect(() => { const lng = storage.getLanguage(); if (lng) { - i18n.changeLanguage(lng); + void changeLanguageAsync(lng); } }, []); diff --git a/web/src/components/empty/constant.tsx b/web/src/components/empty/constant.tsx index 811c27a5b6..641920041d 100644 --- a/web/src/components/empty/constant.tsx +++ b/web/src/components/empty/constant.tsx @@ -1,4 +1,3 @@ -import { t } from 'i18next'; import { HomeIcon } from '../svg-icon'; export enum EmptyType { @@ -17,27 +16,27 @@ export enum EmptyCardType { export const EmptyCardData = { [EmptyCardType.Agent]: { icon: , - title: t('empty.agentTitle'), - notFound: t('empty.notFoundAgent'), + titleKey: 'empty.agentTitle', + notFoundKey: 'empty.notFoundAgent', }, [EmptyCardType.Dataset]: { icon: , - title: t('empty.datasetTitle'), - notFound: t('empty.notFoundDataset'), + titleKey: 'empty.datasetTitle', + notFoundKey: 'empty.notFoundDataset', }, [EmptyCardType.Chat]: { icon: , - title: t('empty.chatTitle'), - notFound: t('empty.notFoundChat'), + titleKey: 'empty.chatTitle', + notFoundKey: 'empty.notFoundChat', }, [EmptyCardType.Search]: { icon: , - title: t('empty.searchTitle'), - notFound: t('empty.notFoundSearch'), + titleKey: 'empty.searchTitle', + notFoundKey: 'empty.notFoundSearch', }, [EmptyCardType.Memory]: { icon: , - title: t('empty.memoryTitle'), - notFound: t('empty.notFoundMemory'), + titleKey: 'empty.memoryTitle', + notFoundKey: 'empty.notFoundMemory', }, }; diff --git a/web/src/components/empty/empty.tsx b/web/src/components/empty/empty.tsx index c6f6f1f6c9..fbb97506f6 100644 --- a/web/src/components/empty/empty.tsx +++ b/web/src/components/empty/empty.tsx @@ -4,6 +4,7 @@ import { useIsDarkTheme } from '../theme-provider'; import { Plus } from 'lucide-react'; import { useMemo } from 'react'; +import { useTranslation } from 'react-i18next'; import SvgIcon from '../svg-icon'; import { EmptyCardData, EmptyCardType, EmptyType } from './constant'; import { EmptyCardProps, EmptyProps } from './interface'; @@ -82,8 +83,13 @@ export const EmptyAppCard = (props: { testId?: string; }) => { const { type, showIcon, className, isSearch, children, testId } = props; + const { t } = useTranslation(); let defaultClass = ''; let style = {}; + const cardData = EmptyCardData[type]; + const title = t(cardData.titleKey); + const notFound = t(cardData.notFoundKey); + switch (props.size) { case 'small': style = { width: '256px' }; @@ -100,10 +106,8 @@ export const EmptyAppCard = (props: { return (

{children} - + )); DropdownMenuSubTrigger.displayName = @@ -85,7 +85,7 @@ const DropdownMenuItem = React.forwardRef< ref={ref} className={cn( 'relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', - inset && 'pl-8', + inset && 'ps-8', justifyBetween && 'flex justify-between', className, )} @@ -101,13 +101,13 @@ const DropdownMenuCheckboxItem = React.forwardRef< - + @@ -125,12 +125,12 @@ const DropdownMenuRadioItem = React.forwardRef< - + @@ -150,7 +150,7 @@ const DropdownMenuLabel = React.forwardRef< ref={ref} className={cn( 'px-2 py-1.5 text-sm font-semibold', - inset && 'pl-8', + inset && 'ps-8', className, )} {...props} @@ -176,7 +176,7 @@ const DropdownMenuShortcut = ({ }: React.HTMLAttributes) => { return ( ); diff --git a/web/src/components/ui/input.tsx b/web/src/components/ui/input.tsx index a84828d519..f742b0256d 100644 --- a/web/src/components/ui/input.tsx +++ b/web/src/components/ui/input.tsx @@ -80,8 +80,9 @@ const Input = React.forwardRef( className, )} style={{ - paddingLeft: !!prefix && prefixWidth ? `${prefixWidth}px` : '', - paddingRight: isPasswordInput + paddingInlineStart: + !!prefix && prefixWidth ? `${prefixWidth}px` : '', + paddingInlineEnd: isPasswordInput ? '40px' : !!suffix ? `${suffixWidth}px` @@ -109,7 +110,7 @@ const Input = React.forwardRef( {prefix && ( {prefix} @@ -118,8 +119,8 @@ const Input = React.forwardRef( {suffix && ( {suffix} @@ -130,7 +131,7 @@ const Input = React.forwardRef( type="button" className=" p-2 text-text-secondary - absolute border-0 right-1 top-[50%] translate-y-[-50%] + absolute border-0 end-1 top-[50%] translate-y-[-50%] dark:peer-autofill/input:text-text-secondary-inverse dark:peer-autofill/input:hover:text-text-primary-inverse dark:peer-autofill/input:focus-visible:text-text-primary-inverse @@ -165,7 +166,7 @@ const SearchInput = (props: InputProps) => { } + prefix={} /> ); }; diff --git a/web/src/components/ui/modal/modal.tsx b/web/src/components/ui/modal/modal.tsx index 6e8883ed0d..4003f49783 100644 --- a/web/src/components/ui/modal/modal.tsx +++ b/web/src/components/ui/modal/modal.tsx @@ -164,7 +164,7 @@ const Modal: ModalType = ({ )} > {confirmLoading && ( - + )} {okText ?? t('modal.okText')} @@ -253,7 +253,7 @@ const Modal: ModalType = ({
- + { @@ -539,7 +539,7 @@ export const ManageMetadataModal = (props: IManageModalProps) => { )} {metadataType === MetadataType.Manage && ( -
+
{t('knowledgeDetails.metadata.toMetadataSettingTip')}
)} diff --git a/web/src/pages/dataset/dataset/index.tsx b/web/src/pages/dataset/dataset/index.tsx index 51651e7f26..8f9b41e252 100644 --- a/web/src/pages/dataset/dataset/index.tsx +++ b/web/src/pages/dataset/dataset/index.tsx @@ -142,7 +142,7 @@ export default function Dataset() {
)} {manageMetadataVisible && ( diff --git a/web/src/pages/memory/memory-message/index.tsx b/web/src/pages/memory/memory-message/index.tsx index 62e27678d3..6ca98f987d 100644 --- a/web/src/pages/memory/memory-message/index.tsx +++ b/web/src/pages/memory/memory-message/index.tsx @@ -19,7 +19,7 @@ export default function MemoryMessage() { return (
{openSetting && ( }
-
+
{!isSearching && ( -
+