@zboson/ui 0.0.0-stage → 0.0.2

package/dist/layout/style/index.d.ts

@@ -0,0 +1,102 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
+import "../../theme/internal.js";
+import { CSSProperties } from "vue";
+//#region src/layout/style/index.d.ts
+interface ComponentToken {
+  /** @deprecated Use headerBg instead */
+  colorBgHeader: string;
+  /** @deprecated Use bodyBg instead */
+  colorBgBody: string;
+  /** @deprecated Use triggerBg instead */
+  colorBgTrigger: string;
+  /**
+   * @desc 主体部分背景色
+   * @descEN Background Color of body
+   */
+  bodyBg: string;
+  /**
+   * @desc 顶部背景色
+   * @descEN Background Color of header
+   */
+  headerBg: string;
+  /**
+   * @desc 顶部高度
+   * @descEN Height of header
+   */
+  headerHeight: number | string;
+  /**
+   * @desc 顶部内边距
+   * @descEN Padding of header
+   */
+  headerPadding: CSSProperties['padding'];
+  /**
+   * @desc 顶部文字颜色
+   * @descEN Text color of header
+   */
+  headerColor: string;
+  /**
+   * @desc 页脚内边距
+   * @descEN Padding of footer
+   */
+  footerPadding: CSSProperties['padding'];
+  /**
+   * @desc 页脚背景色
+   * @descEN Background Color of footer
+   */
+  footerBg: string;
+  /**
+   * @desc 侧边栏背景色
+   * @descEN Background Color of sider
+   */
+  siderBg: string;
+  /**
+   * @desc 侧边栏开关高度
+   * @descEN Height of sider trigger
+   */
+  triggerHeight: number | string;
+  /**
+   * @desc 侧边栏开关背景色
+   * @descEN Background Color of sider trigger
+   */
+  triggerBg: string;
+  /**
+   * @desc 侧边栏开关颜色
+   * @descEN Color of sider trigger
+   */
+  triggerColor: string;
+  /**
+   * @desc collapse 为 0 时侧边栏开关宽度
+   * @descEN Width of sider trigger when collapse is 0
+   */
+  zeroTriggerWidth: number;
+  /**
+   * @desc collapse 为 0 时侧边栏开关高度
+   * @descEN Height of sider trigger when collapse is 0
+   */
+  zeroTriggerHeight: number;
+  /**
+   * @desc 亮色主题侧边栏背景色
+   * @descEN Background Color of light theme sider
+   */
+  lightSiderBg: string;
+  /**
+   * @desc 亮色主题侧边栏开关背景色
+   * @descEN Background Color of light theme sider trigger
+   */
+  lightTriggerBg: string;
+  /**
+   * @desc 亮色主题侧边栏开关颜色
+   * @descEN Color of light theme sider trigger
+   */
+  lightTriggerColor: string;
+}
+interface LayoutToken extends FullToken<'Layout'> {}
+declare const prepareComponentToken: GetDefaultToken<'Layout'>;
+declare const DEPRECATED_TOKENS: [keyof ComponentToken, keyof ComponentToken][];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@zboson/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+//#endregion
+export { ComponentToken, DEPRECATED_TOKENS, LayoutToken, _default as default, prepareComponentToken };

package/dist/layout/style/index.js

@@ -0,0 +1,74 @@
+import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { unit } from "@zboson/cssinjs";
+//#region src/layout/style/index.ts
+const genLayoutStyle = (token) => {
+	const { antCls, componentCls, colorText, footerBg, headerHeight, headerPadding, headerColor, footerPadding, fontSize, bodyBg, headerBg } = token;
+	return {
+		[componentCls]: {
+			display: "flex",
+			flex: "auto",
+			flexDirection: "column",
+			minHeight: 0,
+			background: bodyBg,
+			"&, *": { boxSizing: "border-box" },
+			[`&${componentCls}-has-sider`]: {
+				flexDirection: "row",
+				[`> ${componentCls}, > ${componentCls}-content`]: { width: 0 }
+			},
+			[`${componentCls}-header, &${componentCls}-footer`]: { flex: "0 0 auto" },
+			"&-rtl": { direction: "rtl" }
+		},
+		[`${componentCls}-header`]: {
+			height: headerHeight,
+			padding: headerPadding,
+			color: headerColor,
+			lineHeight: unit(headerHeight),
+			background: headerBg,
+			[`${antCls}-menu`]: { lineHeight: "inherit" }
+		},
+		[`${componentCls}-footer`]: {
+			padding: footerPadding,
+			color: colorText,
+			fontSize,
+			background: footerBg
+		},
+		[`${componentCls}-content`]: {
+			flex: "auto",
+			color: colorText,
+			minHeight: 0
+		}
+	};
+};
+const prepareComponentToken = (token) => {
+	const { colorBgLayout, controlHeight, controlHeightLG, colorText, controlHeightSM, marginXXS, colorTextLightSolid, colorBgContainer } = token;
+	const paddingInline = controlHeightLG * 1.25;
+	return {
+		colorBgHeader: "#001529",
+		colorBgBody: colorBgLayout,
+		colorBgTrigger: "#002140",
+		bodyBg: colorBgLayout,
+		headerBg: "#001529",
+		headerHeight: controlHeight * 2,
+		headerPadding: `0 ${paddingInline}px`,
+		headerColor: colorText,
+		footerPadding: `${controlHeightSM}px ${paddingInline}px`,
+		footerBg: colorBgLayout,
+		siderBg: "#001529",
+		triggerHeight: controlHeightLG + marginXXS * 2,
+		triggerBg: "#002140",
+		triggerColor: colorTextLightSolid,
+		zeroTriggerWidth: controlHeightLG,
+		zeroTriggerHeight: controlHeightLG,
+		lightSiderBg: colorBgContainer,
+		lightTriggerBg: colorBgContainer,
+		lightTriggerColor: colorText
+	};
+};
+const DEPRECATED_TOKENS = [
+	["colorBgBody", "bodyBg"],
+	["colorBgHeader", "headerBg"],
+	["colorBgTrigger", "triggerBg"]
+];
+var style_default = genStyleHooks("Layout", genLayoutStyle, prepareComponentToken, { deprecatedTokens: DEPRECATED_TOKENS });
+//#endregion
+export { DEPRECATED_TOKENS, style_default as default, prepareComponentToken };

package/dist/layout/style/sider.d.ts

@@ -0,0 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import "../../theme/interface/index.js";
+//#region src/layout/style/sider.d.ts
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@zboson/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+//#endregion
+export { _default as default };

package/dist/layout/style/sider.js

@@ -0,0 +1,79 @@
+import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { DEPRECATED_TOKENS, prepareComponentToken } from "./index.js";
+import { unit } from "@zboson/cssinjs";
+//#region src/layout/style/sider.ts
+const genSiderStyle = (token) => {
+	const { componentCls, siderBg, motionDurationMid, motionDurationSlow, antCls, triggerHeight, triggerColor, triggerBg, headerHeight, zeroTriggerWidth, zeroTriggerHeight, borderRadiusLG, lightSiderBg, lightTriggerColor, lightTriggerBg, bodyBg } = token;
+	return { [componentCls]: {
+		position: "relative",
+		minWidth: 0,
+		background: siderBg,
+		transition: `all ${motionDurationMid}, background 0s`,
+		"&-has-trigger": { paddingBottom: triggerHeight },
+		"&-right": { order: 1 },
+		[`${componentCls}-children`]: {
+			height: "100%",
+			marginTop: -.1,
+			paddingTop: .1,
+			[`${antCls}-menu${antCls}-menu-inline-collapsed`]: { width: "auto" }
+		},
+		[`&-zero-width ${componentCls}-children`]: { overflow: "hidden" },
+		[`${componentCls}-trigger`]: {
+			position: "fixed",
+			bottom: 0,
+			zIndex: 1,
+			height: triggerHeight,
+			color: triggerColor,
+			lineHeight: unit(triggerHeight),
+			textAlign: "center",
+			background: triggerBg,
+			cursor: "pointer",
+			transition: `all ${motionDurationMid}`
+		},
+		[`${componentCls}-zero-width-trigger`]: {
+			position: "absolute",
+			top: headerHeight,
+			insetInlineEnd: token.calc(zeroTriggerWidth).mul(-1).equal(),
+			zIndex: 1,
+			width: zeroTriggerWidth,
+			height: zeroTriggerHeight,
+			color: triggerColor,
+			fontSize: token.fontSizeXL,
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			background: siderBg,
+			borderRadius: `0 ${unit(borderRadiusLG)} ${unit(borderRadiusLG)} 0`,
+			cursor: "pointer",
+			transition: `background-color ${motionDurationSlow} ease`,
+			"&::after": {
+				position: "absolute",
+				inset: 0,
+				background: "transparent",
+				transition: `all ${motionDurationSlow}`,
+				content: "\"\""
+			},
+			"&:hover::after": { background: `rgba(255, 255, 255, 0.2)` },
+			"&-right": {
+				insetInlineStart: token.calc(zeroTriggerWidth).mul(-1).equal(),
+				borderRadius: `${unit(borderRadiusLG)} 0 0 ${unit(borderRadiusLG)}`
+			}
+		},
+		"&-light": {
+			background: lightSiderBg,
+			[`${componentCls}-trigger`]: {
+				color: lightTriggerColor,
+				background: lightTriggerBg
+			},
+			[`${componentCls}-zero-width-trigger`]: {
+				color: lightTriggerColor,
+				background: lightTriggerBg,
+				border: `${unit(token.lineWidth)} ${token.lineType} ${bodyBg}`,
+				borderInlineStart: 0
+			}
+		}
+	} };
+};
+var sider_default = genStyleHooks(["Layout", "Sider"], genSiderStyle, prepareComponentToken, { deprecatedTokens: DEPRECATED_TOKENS });
+//#endregion
+export { sider_default as default };

package/dist/listy/index.d.ts

@@ -0,0 +1,12 @@
+import { ListyClassNames, ListyProps, ListyRef, ListyScrollToConfig, ListyStyles, ScrollAlign } from "./interface.js";
+import { SlotsType } from "vue";
+//#region src/listy/index.d.ts
+interface ListyEmits {
+  scroll: (event: Event) => void;
+}
+interface ListySlots {
+  itemRender: (item: any) => any;
+}
+declare const Listy: import("vue").DefineSetupFnComponent<ListyProps, ListyEmits, SlotsType<ListySlots>, ListyProps, import("vue").PublicProps>;
+//#endregion
+export { type ListyClassNames, type ListyProps, type ListyRef, type ListyScrollToConfig, type ListyStyles, type ScrollAlign, Listy as default };

package/dist/listy/index.js

@@ -0,0 +1,130 @@
+import { useComponentBaseConfig } from "../config-provider/context.js";
+import useToken from "../theme/useToken.js";
+import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
+import style_default from "./style/index.js";
+import { computed, createVNode, defineComponent, mergeProps, shallowRef, useAttrs } from "vue";
+import { clsx } from "@v-c/util";
+import VcListy from "@v-c/listy";
+//#region src/listy/index.tsx
+const Listy = /* @__PURE__ */ defineComponent((props, { expose, slots, emit }) => {
+	const listyRef = shallowRef();
+	const { style, className, restAttrs } = getAttrStyleAndClass(useAttrs());
+	const { getPrefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, virtual: contextVirtual } = useComponentBaseConfig("listy");
+	const prefixCls = computed(() => getPrefixCls("listy", props.prefixCls));
+	const rootCls = useCSSVarCls(prefixCls);
+	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
+	const [, token] = useToken();
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const styleRoot = useSemanticRootStyle(computed(() => style));
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, computed(() => props.classes)), useToArr(contextStyles, contextStyleRoot, computed(() => props.styles), styleRoot), useToProps(computed(() => props)));
+	expose({ scrollTo: (config) => {
+		listyRef.value?.scrollTo(config);
+	} });
+	return () => {
+		const { classes, styles, rootClass, virtual, rowHoverable = true, itemRender = slots.itemRender, ...restProps } = props;
+		const rootClassNames = clsx(contextClassName.value, mergedClassNames.value.root, rootClass, className, { [`${prefixCls.value}-hoverable`]: rowHoverable }, hashId.value, cssVarCls.value, rootCls.value);
+		const listyToken = {
+			...token.value,
+			...token.value.Listy
+		};
+		const itemHeight = listyToken.fontHeight + (listyToken.itemPaddingBlock ?? listyToken.paddingSM) * 2;
+		const mergedVirtual = virtual ?? contextVirtual.value ?? false;
+		return createVNode(VcListy, mergeProps({ "ref": listyRef }, restProps, restAttrs, {
+			"prefixCls": prefixCls.value,
+			"direction": direction.value,
+			"virtual": mergedVirtual,
+			"itemHeight": itemHeight,
+			"itemRender": itemRender,
+			"onScroll": (e) => emit("scroll", e),
+			"classNames": {
+				...mergedClassNames.value,
+				root: rootClassNames
+			},
+			"styles": mergedStyles.value
+		}), null);
+	};
+}, {
+	props: {
+		rootClass: {
+			type: String,
+			required: false
+		},
+		class: {
+			type: String,
+			required: false
+		},
+		style: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		styles: {
+			type: [Object, Function],
+			required: false
+		},
+		itemRender: {
+			type: Function,
+			required: false
+		},
+		rowHoverable: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		items: {
+			type: Array,
+			required: false
+		},
+		sticky: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		height: {
+			type: Number,
+			required: false
+		},
+		group: {
+			type: Object,
+			required: false
+		},
+		virtual: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		scrollWidth: {
+			type: Number,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		rowKey: {
+			type: Function,
+			required: true,
+			skipCheck: true
+		}
+	},
+	emits: ["scroll"],
+	name: "AListy",
+	inheritAttrs: false
+});
+Listy.install = (app) => {
+	app.component(Listy.name, Listy);
+	return app;
+};
+//#endregion
+export { Listy as default };

package/dist/listy/interface.d.ts

@@ -0,0 +1,26 @@
+import { VueNode } from "../_util/type.js";
+import { SemanticType } from "../_util/hooks/useMergeSemantic.js";
+import { StyleValue } from "vue";
+import { ListyClassNames, ListyProps as ListyProps$1, ListyRef, ListyScrollToConfig, ListyStyles, ScrollAlign } from "@v-c/listy";
+//#region src/listy/interface.d.ts
+interface ListySemanticType {
+  classes?: ListyClassNames;
+  styles?: ListyStyles;
+}
+type ListyClassNamesType = SemanticType<ListyClassNames, ListyProps>;
+type ListyStylesType = SemanticType<ListyStyles, ListyProps>;
+interface ListyProps extends Omit<ListyProps$1, 'itemHeight' | 'direction' | 'classNames' | 'styles' | 'itemRender' | 'onScroll'> {
+  rootClass?: string;
+  class?: string;
+  style?: StyleValue;
+  classes?: ListyClassNamesType;
+  styles?: ListyStylesType;
+  itemRender?: (item: any, index: number) => VueNode;
+  /**
+   * Whether rows are hoverable
+   * @default true
+   */
+  rowHoverable?: boolean;
+}
+//#endregion
+export { type ListyClassNames, ListyProps, type ListyRef, type ListyScrollToConfig, ListySemanticType, type ListyStyles, type ScrollAlign };

package/dist/listy/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/listy/style/index.d.ts

@@ -0,0 +1,27 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
+import "../../theme/internal.js";
+//#region src/listy/style/index.d.ts
+interface ComponentToken {
+  /**
+   * @nameZH 列表项纵向内间距
+   * @nameEN Item Vertical Padding
+   * @desc 列表项的纵向内间距。
+   * @descEN Vertical padding of a list item.
+   */
+  itemPaddingBlock: number;
+  /**
+   * @nameZH 列表项横向内间距
+   * @nameEN Item Horizontal Padding
+   * @desc 列表项的横向内间距。
+   * @descEN Horizontal padding of a list item.
+   */
+  itemPaddingInline: number;
+}
+declare const prepareComponentToken: GetDefaultToken<'Listy'>;
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@zboson/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+//#endregion
+export { ComponentToken, _default as default, prepareComponentToken };

package/dist/listy/style/index.js

@@ -0,0 +1,64 @@
+import { resetComponent } from "../../style/index.js";
+import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { unit } from "@zboson/cssinjs";
+//#region src/listy/style/index.ts
+const genListyStyle = (token) => {
+	const { componentCls, itemPaddingBlock, itemPaddingInline } = token;
+	return { [componentCls]: {
+		...resetComponent(token),
+		position: "relative",
+		["--vc-virtual-list-scrollbar-bg"]: token.colorSplit,
+		color: token.colorText,
+		fontSize: token.fontSize,
+		lineHeight: token.lineHeight,
+		[`${componentCls}-item`]: {
+			padding: `${unit(itemPaddingBlock)} ${unit(itemPaddingInline)}`,
+			borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${token.colorSplit}`
+		},
+		[`&${componentCls}-hoverable`]: { [`${componentCls}-item`]: {
+			transition: `background-color ${token.motionDurationMid} ${token.motionEaseInOut}`,
+			"&:hover": { backgroundColor: token.controlItemBgHover }
+		} },
+		[`${componentCls}-group-header`]: {
+			boxSizing: "border-box",
+			padding: `${unit(token.paddingXS)} ${unit(itemPaddingInline)}`,
+			color: token.colorTextDescription,
+			fontWeight: token.fontWeightStrong,
+			backgroundColor: token.colorBgContainer,
+			backgroundImage: `linear-gradient(${token.colorFillAlter}, ${token.colorFillAlter})`,
+			"&-sticky": {
+				position: "sticky",
+				top: 0,
+				insetInline: 0,
+				zIndex: 1
+			},
+			"&-fixed": {
+				position: "absolute",
+				top: 0,
+				insetInline: 0,
+				transform: "translateY(0)",
+				pointerEvents: "auto"
+			},
+			"&-holder": {
+				position: "absolute",
+				inset: 0,
+				overflow: "hidden",
+				pointerEvents: "none"
+			}
+		},
+		[`${componentCls}-group-section`]: { position: "relative" },
+		[`${componentCls}-scrollbar`]: {
+			zIndex: 1,
+			cursor: "pointer",
+			"&:hover": { backgroundColor: token.colorFillQuaternary }
+		},
+		"&-rtl": { direction: "rtl" }
+	} };
+};
+const prepareComponentToken = (token) => ({
+	itemPaddingBlock: token.paddingSM,
+	itemPaddingInline: token.padding
+});
+var style_default = genStyleHooks("Listy", genListyStyle, prepareComponentToken);
+//#endregion
+export { style_default as default, prepareComponentToken };

package/dist/locale/ar_EG.d.ts

@@ -0,0 +1,5 @@
+import { Locale } from "./index.js";
+//#region src/locale/ar_EG.d.ts
+declare const localeValues: Locale;
+//#endregion
+export { localeValues as default };

package/dist/locale/ar_EG.js

@@ -0,0 +1,151 @@
+import locale from "../time-picker/locale/ar_EG.js";
+import locale$1 from "../date-picker/locale/ar_EG.js";
+import ar_EG_default from "../calendar/locale/ar_EG.js";
+import Pagination from "@v-c/pagination/locale/ar_EG";
+//#region src/locale/ar_EG.ts
+const typeTemplate = "ليس ${label} من نوع ${type} صالحًا";
+const localeValues = {
+	locale: "ar",
+	Pagination,
+	DatePicker: locale$1,
+	TimePicker: locale,
+	Calendar: ar_EG_default,
+	global: {
+		placeholder: "يرجى التحديد",
+		close: "إغلاق",
+		sortable: "قابل للفرز"
+	},
+	Table: {
+		filterTitle: "الفلاتر",
+		filterConfirm: "تأكيد",
+		filterReset: "إعادة ضبط",
+		selectAll: "اختيار الكل",
+		selectInvert: "إلغاء الاختيار",
+		selectionAll: "حدد جميع البيانات",
+		selectRow: "تحديد الصف",
+		selectedRow: "تم تحديد الصف",
+		selectionMenu: "قائمة التحديد",
+		sortTitle: "رتب",
+		expand: "توسيع الصف",
+		collapse: "طي الصف",
+		expandAll: "توسيع كل الصفوف",
+		collapseAll: "طي كل الصفوف",
+		triggerDesc: "ترتيب تنازلي",
+		triggerAsc: "ترتيب تصاعدي",
+		cancelSort: "إلغاء الترتيب",
+		filterEmptyText: "لا مرشحات",
+		filterCheckAll: "حدد كافة العناصر",
+		filterSearchPlaceholder: "البحث في المرشحات",
+		emptyText: "لا توجد بيانات",
+		selectNone: "مسح كافة البيانات"
+	},
+	Tour: {
+		Next: "التالي",
+		Previous: "السابق",
+		Finish: "إنهاء"
+	},
+	Modal: {
+		okText: "تأكيد",
+		cancelText: "إلغاء",
+		justOkText: "تأكيد"
+	},
+	Popconfirm: {
+		okText: "تأكيد",
+		cancelText: "إلغاء"
+	},
+	Splitter: {
+		toggleStartPanel: "تبديل لوحة البداية",
+		toggleEndPanel: "تبديل لوحة النهاية"
+	},
+	Transfer: {
+		titles: ["", ""],
+		searchPlaceholder: "ابحث هنا",
+		itemUnit: "عنصر",
+		itemsUnit: "عناصر",
+		remove: "إزالة",
+		selectAll: "حدد كافة البيانات",
+		deselectAll: "إلغاء تحديد كافة البيانات",
+		selectCurrent: "حدد الصفحة الحالية",
+		selectInvert: "عكس الصفحة الحالية",
+		removeAll: "إزالة كافة البيانات",
+		removeCurrent: "إزالة الصفحة الحالية"
+	},
+	Upload: {
+		uploading: "جاري الرفع...",
+		removeFile: "احذف الملف",
+		uploadError: "مشكلة فى الرفع",
+		previewFile: "استعرض الملف",
+		downloadFile: "تحميل الملف"
+	},
+	Empty: { description: "لا توجد بيانات" },
+	Icon: { icon: "أيقونة" },
+	Text: {
+		edit: "تعديل",
+		copy: "نسخ",
+		copied: "نقل",
+		expand: "وسع",
+		collapse: "طي"
+	},
+	Carousel: {
+		prevSlide: "الشريحة السابقة",
+		nextSlide: "الشريحة التالية"
+	},
+	Form: { defaultValidateMessages: {
+		default: "خطأ في حقل الإدخال ${label}",
+		required: "يرجى إدخال ${label}",
+		enum: "${label} يجب أن يكون واحدا من [${enum}]",
+		whitespace: "${label} لا يمكن أن يكون حرفًا فارغًا",
+		date: {
+			format: "${label} تنسيق التاريخ غير صحيح",
+			parse: "${label} لا يمكن تحويلها إلى تاريخ",
+			invalid: "تاريخ ${label} غير صحيح"
+		},
+		types: {
+			string: typeTemplate,
+			method: typeTemplate,
+			array: typeTemplate,
+			object: typeTemplate,
+			number: typeTemplate,
+			date: typeTemplate,
+			boolean: typeTemplate,
+			integer: typeTemplate,
+			float: typeTemplate,
+			regexp: typeTemplate,
+			email: typeTemplate,
+			url: typeTemplate,
+			hex: typeTemplate
+		},
+		string: {
+			len: "يجب ${label} ان يكون ${len} أحرف",
+			min: "${label} على الأقل ${min} أحرف",
+			max: "${label} يصل إلى ${max} أحرف",
+			range: "يجب ${label} ان يكون مابين ${min}-${max} أحرف"
+		},
+		number: {
+			len: "${len} ان يساوي ${label} يجب",
+			min: "${min} الأدنى هو ${label} حد",
+			max: "${max} الأقصى هو ${label} حد",
+			range: "${max}-${min} ان يكون مابين ${label} يجب"
+		},
+		array: {
+			len: "يجب أن يكون ${label} طوله ${len}",
+			min: "يجب أن يكون ${label} طوله الأدنى ${min}",
+			max: "يجب أن يكون ${label} طوله الأقصى ${max}",
+			range: "يجب أن يكون ${label} طوله مابين ${min}-${max}"
+		},
+		pattern: { mismatch: "لا يتطابق ${label} مع ${pattern}" }
+	} },
+	QRCode: {
+		expired: "انتهت صلاحية رمز الاستجابة السريعة",
+		refresh: "انقر للتحديث",
+		scanned: "تم المسح"
+	},
+	ColorPicker: {
+		presetEmpty: "لا يوجد",
+		transparent: "شفاف",
+		singleColor: "لون واحد",
+		gradientColor: "تدرج لوني"
+	}
+};
+//#endregion
+export { localeValues as default };