yc-design-vue 1.8.6 → 1.8.8

package/es/TimePicker/hooks/useContext.js

@@ -5,6 +5,7 @@ import { isArray } from "../../_shared/utils/is.js";
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import { useI18n } from "../../_shared/utils/locale.js";
 import useControlValue from "../../_shared/utils/control.js";
 const TIME_PICKER_CONTEXT_KEY = "time-picker-context";
 const useContext = () => {
@@ -21,9 +22,11 @@ const useContext = () => {
       type,
       disableConfirm,
       hideDisabledOptions,
-      step
+      step,
+      placeholder: _placeholder
     } = toRefs(props);
     const { disabledHours, disabledMinutes, disabledSeconds } = props;
+    const { t } = useI18n();
     const computedValue = useControlValue(
       modelValue,
       defaultValue.value,
@@ -74,6 +77,11 @@ const useContext = () => {
         };
       });
     });
+    const placeholder = computed(() => {
+      return _placeholder.value ?? t(
+        `datePicker.${type.value == "time-range" ? "rangePlaceholder.time" : "placeholder.time"}`
+      );
+    });
     const inputRefs = ref([]);
     provide(TIME_PICKER_CONTEXT_KEY, {
       computedValue,
@@ -101,7 +109,8 @@ const useContext = () => {
       type,
       curIndex,
       inputRefs,
-      format
+      format,
+      placeholder
     };
   };
   const inject$1 = () => {

package/es/Timeline/TimelineItemPending.vue.js

@@ -7,6 +7,7 @@ import { isString } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import Spin from "../Spin/index.js";
 const _hoisted_1 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Timeline/hooks/useContext.js

@@ -5,6 +5,7 @@ import "../../_shared/utils/time.js";
 import { findComponentsFromVnodes } from "../../_shared/utils/vue-utils.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 import _sfc_main$1 from "../TimelineItem.vue.js";
 /* empty css                   */
 import _sfc_main from "../TimelineItemPending.vue.js";

package/es/Tooltip/index.vue.js

@@ -4,6 +4,7 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import Trigger from "../Trigger/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Transfer/Transfer.vue.js

@@ -4,6 +4,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
+import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";
 import _sfc_main$1 from "./TransferPanel.vue.js";

package/es/Transfer/TransferPanel.vue.js

@@ -3,6 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$4 from "../_shared/icons/IconClose.vue.js";
 import _sfc_main$2 from "../_shared/icons/IconDelete.vue2.js";

package/es/Transfer/hooks/useContext.js

@@ -4,6 +4,7 @@ import "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 import useControlValue from "../../_shared/utils/control.js";
 const TRANSFER_CONTEXT_KEY = "transfer-context";
 const useContext = () => {

package/es/Trigger/hooks/useContext.js

@@ -6,6 +6,7 @@ import { sleep } from "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 const TRIGGER_CONTEXT_KEY = "trigger-context";
 const useContext = (params) => {
   const { trigger, popupRef, computedVisible, mouseEnterDelay } = params;

package/es/Trigger/hooks/useTriggerPosition.js

@@ -4,6 +4,7 @@ import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx, sleep } from "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
 import { getGlobalConfig } from "../../_shared/utils/global-config.js";
+import "../../_shared/utils/locale.js";
 const useTriggerPosition = (params) => {
   const {
     props,

package/es/Trigger/hooks/useTriggerVisible.js

@@ -5,6 +5,7 @@ import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import { findFirstScrollableParent } from "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
 import { getGlobalConfig } from "../../_shared/utils/global-config.js";
+import "../../_shared/utils/locale.js";
 import useControlValue from "../../_shared/utils/control.js";
 const useTriggerVisible = (params) => {
   const { props, emits, popupRef, triggerRef } = params;

package/es/Trigger/index.vue.js

@@ -4,6 +4,7 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import { findFirstLegitChild } from "../_shared/utils/vue-utils.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import "../_shared/utils/locale.js";
 import useTriggerVisible from "./hooks/useTriggerVisible.js";
 import useTriggerPosition from "./hooks/useTriggerPosition.js";
 /* empty css                             */

package/es/Typography/TypographyBase.vue.js

@@ -8,6 +8,7 @@ import "../Empty/index.js";
 import _sfc_main$3 from "../_shared/icons/IconCopy.vue2.js";
 import _sfc_main$1 from "../_shared/icons/IconEdit.vue2.js";
 import _sfc_main$2 from "../_shared/icons/IconInfo.vue.js";
+import { useI18n } from "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import Input from "../Input/index.js";
 import Tooltip from "../Tooltip/index.js";
@@ -57,6 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       underline,
       bold
     } = toRefs(props);
+    const { t } = useI18n();
     const { isSupported, copy } = useClipboard();
     const isCopied = ref(false);
     const contentRef = ref();
@@ -157,7 +159,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onClick: handleEdit
           }, [
             createVNode(unref(Tooltip), mergeProps({
-              content: _ctx.$t("typography.edit"),
+              content: unref(t)("typography.edit"),
               position: "top"
             }, _ctx.editTooltiProps), {
               default: withCtx(() => [
@@ -176,7 +178,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(Tooltip), mergeProps({ position: "top" }, _ctx.copyTooltiProps), {
               content: withCtx(() => [
                 renderSlot(_ctx.$slots, "copy-tooltip", { copied: isCopied.value }, () => [
-                  createTextVNode(toDisplayString(_ctx.$t(`typography.${isCopied.value ? "copied" : "copy"}`)), 1)
+                  createTextVNode(toDisplayString(unref(t)(`typography.${isCopied.value ? "copied" : "copy"}`)), 1)
                 ])
               ]),
               default: withCtx(() => [

package/es/VerificationCode/index.vue.js

@@ -5,6 +5,7 @@ import { isNumber, isString, isFunction } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import { nanoid } from "../node_modules/nanoid/index.browser.js";
 import Input from "../Input/index.js";

package/es/Watermark/index.d.ts

@@ -4,7 +4,6 @@ export type WatermarkInstance = InstanceType<typeof _Watermark>;
 export * from './type';
 declare const Watermark: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').WatermarkProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        image: string;
         zIndex: number;
         width: number;
         height: number;
@@ -12,6 +11,7 @@ declare const Watermark: {
         content: string | string[];
         alpha: number;
         rotate: number;
+        image: string;
         offset: number[];
         font: import('./type').WatermarkFont;
         gap: number[];
@@ -28,7 +28,6 @@ declare const Watermark: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').WatermarkProps> & Readonly<{}>, {}, {}, {}, {}, {
-        image: string;
         zIndex: number;
         width: number;
         height: number;
@@ -36,6 +35,7 @@ declare const Watermark: {
         content: string | string[];
         alpha: number;
         rotate: number;
+        image: string;
         offset: number[];
         font: import('./type').WatermarkFont;
         gap: number[];
@@ -47,7 +47,6 @@ declare const Watermark: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').WatermarkProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    image: string;
     zIndex: number;
     width: number;
     height: number;
@@ -55,6 +54,7 @@ declare const Watermark: {
     content: string | string[];
     alpha: number;
     rotate: number;
+    image: string;
     offset: number[];
     font: import('./type').WatermarkFont;
     gap: number[];

package/es/Watermark/index.vue.d.ts

@@ -9,7 +9,6 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<WatermarkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<WatermarkProps> & Readonly<{}>, {
-    image: string;
     zIndex: number;
     width: number;
     height: number;
@@ -17,6 +16,7 @@ declare const __VLS_component: import('vue').DefineComponent<WatermarkProps, {},
     content: string | string[];
     alpha: number;
     rotate: number;
+    image: string;
     offset: number[];
     font: import('./type').WatermarkFont;
     gap: number[];

package/es/Watermark/index.vue.js

@@ -6,6 +6,7 @@ import { isArray } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Watermark"

package/es/_shared/components/ExpandTransition.vue2.js

@@ -4,6 +4,7 @@ import { valueToPx } from "../utils/dom.js";
 import "../utils/time.js";
 import "../../Empty/index.js";
 /* empty css         */
+import "../utils/locale.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ExpandTransition",
   setup(__props) {

package/es/_shared/components/Icon.vue3.js

@@ -4,6 +4,7 @@ import { valueToPx } from "../utils/dom.js";
 import "../utils/time.js";
 import "../../Empty/index.js";
 /* empty css         */
+import "../utils/locale.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Icon",
   props: {

package/es/_shared/components/IconButton.vue.js

@@ -3,6 +3,7 @@ import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../utils/dom.js";
 import "../utils/time.js";
 import "../../Empty/index.js";
+import "../utils/locale.js";
 /* empty css         */
 import _sfc_main$1 from "../icons/IconClose.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/_shared/constants/index.js

@@ -6,6 +6,7 @@ import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../utils/dom.js";
 import "../utils/time.js";
 import "../../Empty/index.js";
+import "../utils/locale.js";
 /* empty css                     */
 import _sfc_main from "../icons/IconCheck.vue.js";
 import _sfc_main$1 from "../icons/IconClose.vue.js";

package/es/_shared/icons/IconSeparator.vue.js

@@ -1,4 +1,20 @@
-import _sfc_main from "./IconSeparator.vue2.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import _sfc_main$1 from "../components/Icon.vue3.js";
+/* empty css                     */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconSeparator",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconSeparator.vue2.js

@@ -1,20 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import _sfc_main$1 from "../components/Icon.vue3.js";
-/* empty css                     */
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconSeparator",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconSeparator.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/utils/control.js

@@ -5,6 +5,7 @@ import { isUndefined } from "./is.js";
 import "./time.js";
 import "../../Empty/index.js";
 /* empty css                     */
+import "./locale.js";
 const useControlValue = (modelValue, defaultValue, onSet = (data) => data, onGet = (data) => data) => {
   const controlValue = ref(defaultValue);
   return computed({

package/es/_shared/utils/global-config.d.ts

@@ -1,10 +1,11 @@
 import { Ref, VNode } from 'vue';
 import { ConfigconfigSlots, EmptyComponent } from '../../ConfigProvider';
-import { PopupContainer, Props, Size } from '../type';
+import { ObjectData, PopupContainer, Props, Size } from '../type';
 export declare const CONFIG_PROVIDER_PROVIDE_KEY = "config-props";
 export interface ConfigProviderProvide {
     zIndex: Ref<number>;
     size: Ref<Size>;
+    locale: Ref<ObjectData | undefined>;
     popupContainer: Ref<PopupContainer>;
     updateAtScroll: Ref<boolean>;
     scrollToClose: Ref<boolean>;
@@ -13,6 +14,7 @@ export interface ConfigProviderProvide {
 export declare const getGlobalConfig: (props?: Props) => {
     slots: Partial<ConfigconfigSlots>;
     zIndex: Ref<number, number>;
+    locale: Ref<ObjectData | undefined, ObjectData | undefined>;
     size: import('vue').ComputedRef<any>;
     updateAtScroll: import('vue').ComputedRef<any>;
     scrollToClose: import('vue').ComputedRef<any>;

package/es/_shared/utils/global-config.js

@@ -6,6 +6,7 @@ import "./time.js";
 import Empty from "../../Empty/index.js";
 /* empty css                     */
 import _sfc_main from "../icons/IconLoading.vue.js";
+import "./locale.js";
 const CONFIG_PROVIDER_PROVIDE_KEY = "config-props";
 const getVar = (value, _value) => {
   return computed(() => {
@@ -16,11 +17,13 @@ const getGlobalConfig = (props = {}) => {
   const {
     slots,
     zIndex,
+    locale,
     size: _size,
     updateAtScroll: _updateAtScroll,
     scrollToClose: _scrollToClose,
     popupContainer: _popupContainer
   } = inject(CONFIG_PROVIDER_PROVIDE_KEY, {
+    locale: ref(),
     zIndex: ref(1001),
     size: ref("medium"),
     updateAtScroll: ref(true),
@@ -43,6 +46,7 @@ const getGlobalConfig = (props = {}) => {
   return {
     slots,
     zIndex,
+    locale,
     size: getVar(size, _size),
     updateAtScroll: getVar(updateAtScroll, _updateAtScroll),
     scrollToClose: getVar(scrollToClose, _scrollToClose),

package/es/_shared/utils/index.d.ts

@@ -4,4 +4,5 @@ export * from './is';
 export * from './time';
 export * from './vue-utils';
 export * from './global-config';
+export * from './locale';
 export { default as useControlValue } from './control';

package/es/_shared/utils/locale.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 添加地区语言包。添加过后的语言包可以通过 `useLocale` 使用
+ * @param messages 需要添加的地区语言数据
+ * @param options
+ */
+export declare const addI18nMessages: (messages: Record<string, any>, options?: {
+    overwrite?: boolean;
+}) => void;
+/**
+ * 切换地区语言。仅在未提供ConfigProvider时生效。
+ * @param locale
+ */
+export declare const useLocale: (locale: string) => void;
+/**
+ * 获取当前的地区语言
+ */
+export declare const getLocale: () => string;
+export declare const useI18n: () => {
+    i18nMessage: import('vue').ComputedRef<Record<string, any>>;
+    locale: import('vue').ComputedRef<any>;
+    t: (key: string, ...args: any[]) => string;
+};

package/es/_shared/utils/locale.js

@@ -0,0 +1,39 @@
+import { computed, reactive, ref } from "vue";
+import { isString } from "./is.js";
+import { getGlobalConfig } from "./global-config.js";
+import lang from "../../public/lang/zh-cn.js";
+const LOCALE = ref("zh-CN");
+const I18N_MESSAGES = reactive({
+  "zh-CN": lang
+});
+const useI18n = () => {
+  const { locale } = getGlobalConfig();
+  const i18nMessage = computed(
+    () => locale.value ?? I18N_MESSAGES[LOCALE.value]
+  );
+  const transform = (key, ...args) => {
+    const keyArray = key.split(".");
+    let temp = i18nMessage.value;
+    for (const keyItem of keyArray) {
+      if (!temp[keyItem]) {
+        return key;
+      }
+      temp = temp[keyItem];
+    }
+    if (isString(temp)) {
+      if (args.length > 0) {
+        return temp.replace(/{(\d+)}/g, (sub, index) => args[index] ?? sub);
+      }
+      return temp;
+    }
+    return temp;
+  };
+  return {
+    i18nMessage,
+    locale: computed(() => i18nMessage.value.locale),
+    t: transform
+  };
+};
+export {
+  useI18n
+};

package/es/index.js

@@ -1,4 +1,3 @@
-import i18n from "./_shared/locale/i18n.js";
 /* empty css           */
 import Affix from "./Affix/index.js";
 import Alert from "./Alert/index.js";
@@ -255,7 +254,6 @@ const index = {
   TypographyTitle: _sfc_main$1,
   TypographyParagraph: _sfc_main,
   install: (app) => {
-    app.use(i18n);
     for (const key of Object.keys(components)) {
       app.use(components[key]);
     }

package/es/lang/ar-eg.js

@@ -0,0 +1,156 @@
+
+
+const calendarLang = {
+  formatYear: 'YYYY',
+  formatMonth: 'MMMM YYYY',
+  today: 'اليوم',
+  view: {
+    month: 'شهر',
+    year: 'عام',
+    week: 'أسبوع',
+    day: 'يوم',
+  },
+  month: {
+    long: {
+      January: 'ديسمبر',
+      February: 'نوفمبر',
+      March: 'أكتوبر',
+      April: 'سبتمبر',
+      May: ' أغسطس',
+      June: 'يوليه',
+      July: 'يونيو',
+      August: 'مايو',
+      September: 'أبريل',
+      October: 'مارس',
+      November: 'فبراير',
+      December: 'يناير',
+    },
+    short: {
+      January: 'ديسمبر',
+      February: 'نوفمبر',
+      March: 'أكتوبر',
+      April: 'سبتمبر',
+      May: ' أغسطس',
+      June: 'يوليه',
+      July: 'يونيو',
+      August: 'مايو',
+      September: 'أبريل',
+      October: 'مارس',
+      November: 'فبراير',
+      December: 'يناير',
+    },
+  },
+  week: {
+    long: {
+      self: 'أسبوع',
+      monday: 'الجمعة',
+      tuesday: 'الخميس',
+      wednesday: 'الأربعاء',
+      thursday: 'الثلاثاء',
+      friday: 'الإثنين',
+      saturday: 'السبت',
+      sunday: 'الأحد',
+    },
+    short: {
+      self: 'أسبوع',
+      monday: 'الجمعة',
+      tuesday: 'الخميس',
+      wednesday: 'الأربعاء',
+      thursday: 'الثلاثاء',
+      friday: 'الإثنين',
+      saturday: 'السبت',
+      sunday: 'الأحد',
+    },
+  },
+};
+
+const lang = {
+  locale: 'ar-EG',
+  empty: {
+    description: 'لايوجد بيانات',
+  },
+  drawer: {
+    okText: 'موافق',
+    cancelText: 'إلغاء',
+  },
+  popconfirm: {
+    okText: 'موافق',
+    cancelText: 'إلغاء',
+  },
+  modal: {
+    okText: 'موافق',
+    cancelText: 'إلغاء',
+  },
+  pagination: {
+    goto: 'اذهب إلى',
+    page: 'الصفحة',
+    countPerPage: 'عنصر / صفحة',
+    total: '{0} الإجمالي',
+  },
+  table: {
+    okText: 'موافق',
+    resetText: 'إعادة تعيين',
+  },
+  upload: {
+    start: 'بداية',
+    cancel: 'يلغي',
+    delete: 'حذف',
+    retry: 'انقر للمحاول مجددا',
+    buttonText: 'انقر للتحميل',
+    preview: 'معاينة',
+    drag: 'انقر أو اسحب الملف إلى هذه المنطقة للتحميل',
+    dragHover: 'حرر الملف وابدأ في التحميل',
+    error: 'التحميل فشل',
+  },
+  calendar: calendarLang,
+  datePicker: {
+    view: calendarLang.view,
+    month: calendarLang.month,
+    week: calendarLang.week,
+    placeholder: {
+      date: 'الرجاء تحديد تاريخ',
+      week: 'الرجاء تحديد أسبوع',
+      month: 'الرجاء تحديد شهر',
+      year: 'الرجاء تحديد عام',
+      quarter: 'الرجاء تحديد ربع',
+      time: 'فترة الاختيار',
+    },
+    rangePlaceholder: {
+      date: ['تاريخ البدء', 'تاريخ الانتهاء'],
+      week: ['أسبوع البدء', 'نهاية الأسبوع'],
+      month: ['شهر البدء', 'نهاية الشهر'],
+      year: ['سنة البدء', 'نهاية عام'],
+      quarter: ['بداية ربع السنة', 'نهاية الربع'],
+      time: ['وقت البدء', 'وقت النهاية'],
+    },
+    selectTime: 'فترة الاختيار',
+    today: 'اليوم',
+    now: 'الآن',
+    ok: 'موافق',
+  },
+  image: {
+    loading: 'loading',
+  },
+  imagePreview: {
+    fullScreen: 'كامل الشاشة',
+    rotateRight: 'استدارة لليمين',
+    rotateLeft: 'استدر يسارا',
+    zoomIn: 'تكبير',
+    zoomOut: 'تصغير',
+    originalSize: 'الحجم الأصلي',
+  },
+  typography: {
+    copy: 'ينسخ',
+    copied: 'نسخ',
+    edit: 'تعديل',
+    collapse: 'يطوى',
+    expand: 'وسعت',
+  },
+  colorPicker: {
+    history: 'ألوان تاريخية',
+    preset: 'ألوان النظام المضبوطة مسبقاً',
+    empty: 'غير متوفرة',
+  },
+};
+
+export default lang;