@sdata/web-vue 2.2.1 → 2.3.1

package/es/date-picker/range-picker.vue_vue_type_script_setup_true_lang.js

@@ -10,7 +10,7 @@ import useState from "../_hooks/use-state.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import Trigger from "../trigger/index.js";
 import { useI18n } from "../locale/index.js";
-import { dayjs, getDateValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange } from "../_utils/date.js";
+import { getDateValue, getDayjsValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
 import IconCalendar from "../icon/icon-calendar/index.js";
 import { getFormattedValue, isValidInputValue } from "../time-picker/utils/index.js";
@@ -24,9 +24,12 @@ import useRangeHeaderValue from "./hooks/use-range-header-value.js";
 import useRangePickerState from "./hooks/use-range-picker-state.js";
 import useRangeTimePickerValue from "./hooks/use-range-time-picker-value.js";
 import range_picker_panel_default from "./range-picker-panel.js";
-import { computed, createBlock, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, mergeProps, nextTick, normalizeProps, onUnmounted, openBlock, reactive, ref, renderSlot, toDisplayString, toRefs, unref, useSlots, watch, watchEffect, withCtx } from "vue";
+import { computed, createBlock, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, mergeProps, nextTick, normalizeProps, onUnmounted, openBlock, reactive, ref, renderSlot, resolveDynamicComponent, toDisplayString, toRefs, unref, useSlots, watch, watchEffect, withCtx } from "vue";
 //#region components/date-picker/range-picker.vue?vue&type=script&setup=true&lang.ts
-var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "RangePicker" }), {}, {
+var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "RangePicker",
+	inheritAttrs: false
+}), {}, {
 	__name: "range-picker",
 	props: {
 		/**
@@ -97,6 +100,14 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		* */
 		timePickerProps: { type: Object },
 		/**
+		* @zh 原生输入框属性
+		* @en Native input attributes
+		*/
+		inputProps: {
+			type: Array,
+			default: () => []
+		},
+		/**
 		* @zh 提示文案
 		* @en Prompt copy
 		* */
@@ -125,6 +136,22 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 是否固定时间
+		* @en Is it a fixed time?
+		*/
+		fixedTime: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 当重新选择范围的时候，会清空之前的范围重新进行选择
+		* @en When reselecting the range, the previous range will be cleared for next selection
+		*/
+		clearRangeOnReselect: {
+			type: Boolean,
+			default: false
+		},
 		popupContainer: { type: [String, Object] },
 		locale: { type: Object },
 		hideTrigger: { type: Boolean },
@@ -154,12 +181,27 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		defaultPopupVisible: { type: Boolean },
 		triggerProps: { type: Object },
 		unmountOnClose: { type: Boolean },
+		/**
+		* @zh 面板隐藏不在当前时间范围的灰色日期
+		* @en Hide gray dates that are not in the current time range in the panel
+		*/
+		hideNotInViewDates: { type: Boolean },
 		previewShortcut: {
 			type: Boolean,
 			default: true
 		},
 		showConfirmBtn: { type: Boolean },
 		/**
+		* @zh 设置时区偏移，如果需要 utc 时间则设置为 0。
+		* @en Set the timezone offset. Set to 0 for UTC time.
+		*/
+		utcOffset: { type: Number },
+		/**
+		* @zh 设置时区，如果设置了 `utcOffset`，则以 `utcOffset` 为准。
+		* @en Set timezone. If `utcOffset` is set, `utcOffset` takes precedence.
+		*/
+		timezone: { type: String },
+		/**
 		* @zh 是否禁止键盘输入日期
 		* @en Whether input is disabled with the keyboard.
 		* @version 2.43.0
@@ -192,8 +234,15 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		/**
+		* @zh 自定义渲染面板
+		* @en Customize panel rendering
+		* @slot panelRender
+		* @binding {Component} component
+		* @binding {object} props
+		*/
 		const slots = useSlots();
-		const { mode, showTime, format, modelValue, defaultValue, popupVisible, defaultPopupVisible, placeholder, timePickerProps, disabled, disabledDate, disabledTime, locale, pickerValue, defaultPickerValue, valueFormat, size, error, dayStartOfWeek, shortcuts, shortcutsPosition, exchangeTime, previewShortcut, showConfirmBtn, allowClear, abbreviation } = toRefs(props);
+		const { mode, showTime, format, modelValue, defaultValue, popupVisible, defaultPopupVisible, placeholder, timePickerProps, disabled, disabledDate, disabledTime, locale, pickerValue, defaultPickerValue, valueFormat, size, error, dayStartOfWeek, shortcuts, shortcutsPosition, exchangeTime, fixedTime, previewShortcut, showConfirmBtn, allowClear, abbreviation, utcOffset, timezone, clearRangeOnReselect } = toRefs(props);
 		const { mergedValue: mergedDayStartOfWeek } = useConfigProviderProp(dayStartOfWeek, {
 			propNames: ["dayStartOfWeek", "day-start-of-week"],
 			getGlobalValue: (configProviderCtx) => {
@@ -289,7 +338,9 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const { value: selectedValue, setValue: setSelectedValue } = useRangePickerState(reactive({
 			modelValue,
 			defaultValue,
-			format: parseValueFormat
+			format: parseValueFormat,
+			utcOffset,
+			timezone
 		}));
 		const [processValue, setProcessValue] = useState();
 		const [previewValue, setPreviewValue] = useState();
@@ -302,10 +353,6 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			return (_ref = (_previewValue$value = previewValue.value) !== null && _previewValue$value !== void 0 ? _previewValue$value : processValue.value) !== null && _ref !== void 0 ? _ref : selectedValue.value;
 		});
 		const [inputValue, setInputValue] = useState();
-		const displayInputValue = computed(() => {
-			var _inputValue$value;
-			return (_inputValue$value = inputValue.value) === null || _inputValue$value === void 0 ? void 0 : _inputValue$value.map((item) => item !== null && item !== void 0 ? item : "");
-		});
 		const startHeaderMode = ref();
 		const endHeaderMode = ref();
 		const [panelVisible, setLocalPanelVisible] = useMergeState(defaultPopupVisible.value, reactive({ value: popupVisible }));
@@ -324,10 +371,13 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			defaultValue: defaultPickerValue,
 			selectedValue: panelValue,
 			format: parseValueFormat,
+			utcOffset,
+			timezone,
 			onChange: (newVal) => {
-				const returnValue = getReturnRangeValue(newVal, returnValueFormat.value);
-				const formattedValue = getFormattedValue(newVal, parseValueFormat.value);
-				emit("picker-value-change", returnValue, getDateValue(newVal), formattedValue);
+				const returnValue = getReturnRangeValue(newVal, returnValueFormat.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value);
+				const localValue = newVal.map((item) => toLocal(item, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value));
+				const formattedValue = getFormattedValue(localValue, parseValueFormat.value);
+				emit("picker-value-change", returnValue, getDateValue(localValue), formattedValue);
 				emit("update:pickerValue", returnValue);
 			}
 		}));
@@ -351,7 +401,7 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			setHeaderValue([startHeaderValue.value, newEndValue]);
 			endHeaderMode.value = void 0;
 		}
-		const footerValue = ref([panelValue.value[0] || getNow(), panelValue.value[1] || getNow()]);
+		const footerValue = ref([panelValue.value[0] || getNow(utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value), panelValue.value[1] || getNow(utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value)]);
 		watch(panelValue, () => {
 			const [value0, value1] = panelValue.value;
 			footerValue.value[0] = value0 || footerValue.value[0];
@@ -392,9 +442,10 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			}
 		});
 		function emitChange(value, emitOk) {
-			const returnValue = value ? getReturnRangeValue(value, returnValueFormat.value) : void 0;
-			const formattedValue = getFormattedValue(value, parseValueFormat.value);
-			const dateValue = getDateValue(value);
+			const localValue = value === null || value === void 0 ? void 0 : value.map((item) => item ? toLocal(item, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value) : void 0);
+			const returnValue = value ? getReturnRangeValue(value, returnValueFormat.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value) : void 0;
+			const formattedValue = getFormattedValue(localValue, parseValueFormat.value);
+			const dateValue = getDateValue(localValue);
 			if (isValueChange(value, selectedValue.value)) {
 				var _eventHandlers$value, _eventHandlers$value$;
 				emit("update:modelValue", returnValue);
@@ -406,8 +457,8 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			}
 		}
 		function getSortedDayjsArrayByExchangeTimeOrNot(newValue) {
-			let sortedValue = getSortedDayjsArray(newValue);
-			if (hasTime.value && !mergedExchangeTime.value) sortedValue = [getMergedOpValue(sortedValue[0], newValue[0]), getMergedOpValue(sortedValue[1], newValue[1])];
+			let sortedValue = getSortedDayjsArray(newValue, fixedTime.value);
+			if (hasTime.value && !mergedExchangeTime.value && !fixedTime.value) sortedValue = [getMergedOpValue(sortedValue[0], newValue[0]), getMergedOpValue(sortedValue[1], newValue[1])];
 			return sortedValue;
 		}
 		function confirm(value, showPanel, emitOk) {
@@ -424,9 +475,10 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			if (isBoolean(showPanel)) setPanelVisible(showPanel);
 		}
 		function emitSelectEvent(value) {
-			const returnValue = getReturnRangeValue(value, returnValueFormat.value);
-			const formattedValue = getFormattedValue(value, parseValueFormat.value);
-			const dateValue = getDateValue(value);
+			const localValue = value.map((item) => item ? toLocal(item, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value) : void 0);
+			const returnValue = getReturnRangeValue(value, returnValueFormat.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value);
+			const formattedValue = getFormattedValue(localValue, parseValueFormat.value);
+			const dateValue = getDateValue(localValue);
 			emitRangeEvent("select", returnValue !== null && returnValue !== void 0 ? returnValue : [], dateValue !== null && dateValue !== void 0 ? dateValue : [], formattedValue !== null && formattedValue !== void 0 ? formattedValue : []);
 		}
 		function select(value, options) {
@@ -452,7 +504,7 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		}
 		function getMergedOpValue(date, time) {
 			if (!hasTime.value) return date;
-			return mergeValueWithTime(getNow(), date, time);
+			return mergeValueWithTime(getNow(utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value), date, time);
 		}
 		function onPanelVisibleChange(visible) {
 			setPanelVisible(visible);
@@ -467,7 +519,8 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		}
 		function getValueToModify(isTime = false) {
 			if (isNextDisabled.value) return [...selectedValue.value];
-			if (processValue.value) return isTime || !isCompleteRangeValue(processValue.value) ? [...processValue.value] : [];
+			if (processValue.value) return isTime || !isCompleteRangeValue(processValue.value) || !clearRangeOnReselect.value ? [...processValue.value] : [];
+			if (!isTime && !clearRangeOnReselect.value) return [...selectedValue.value];
 			return isTime ? [...selectedValue.value] : [];
 		}
 		function onPanelCellClick(date) {
@@ -534,7 +587,7 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			newInputValue[focusedIndex.value] = targetValue;
 			setInputValue(newInputValue);
 			if (!isValidInputValue(targetValue, computedFormat.value)) return;
-			const targetValueDayjs = dayjs(targetValue, computedFormat.value);
+			const targetValueDayjs = getDayjsValue(targetValue, computedFormat.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value);
 			if (isDisabledDate(targetValueDayjs, focusedIndex.value === 0 ? "start" : "end")) return;
 			const newValue = isArray(panelValue.value) ? [...panelValue.value] : [];
 			newValue[focusedIndex.value] = targetValueDayjs;
@@ -563,24 +616,26 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		});
 		const rangePanelProps = computed(() => _objectSpread2(_objectSpread2({}, pick(props, [
 			"mode",
+			"showTime",
+			"shortcuts",
+			"shortcutsPosition",
+			"dayStartOfWeek",
 			"disabledDate",
 			"disabledTime",
 			"hideTrigger",
-			"showTime"
+			"abbreviation",
+			"hideNotInViewDates",
+			"utcOffset",
+			"timezone"
 		])), {}, {
-			shortcuts: mergedShortcuts.value,
-			shortcutsPosition: mergedShortcutsPosition.value,
-			dayStartOfWeek: mergedDayStartOfWeek.value,
-			abbreviation: mergedAbbreviation.value,
 			prefixCls,
+			now: getNow(utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value),
 			format: parseValueFormat.value,
 			value: panelValue.value,
 			showConfirmBtn: needConfirm.value,
 			confirmBtnDisabled: confirmBtnDisabled.value,
 			timePickerValue: timePickerValue.value,
 			timePickerProps: computedTimePickerProps.value,
-			extra: slots.extra,
-			dateRender: slots.cell,
 			startHeaderProps,
 			endHeaderProps,
 			footerValue: footerValue.value,
@@ -616,7 +671,18 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				"popup-container": __props.popupContainer,
 				onPopupVisibleChange: onPanelVisibleChange
 			}), {
-				content: withCtx(() => [createVNode(range_picker_panel_default, normalizeProps(guardReactiveProps(rangePanelProps.value)), null, 16)]),
+				content: withCtx(() => [renderSlot(_ctx.$slots, "panelRender", {
+					component: range_picker_panel_default,
+					props: rangePanelProps.value
+				}, () => [(openBlock(), createBlock(resolveDynamicComponent(range_picker_panel_default), normalizeProps(guardReactiveProps(rangePanelProps.value)), createSlots({ _: 2 }, [_ctx.$slots.extra ? {
+					name: "extra",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "extra")]),
+					key: "0"
+				} : void 0, _ctx.$slots.cell ? {
+					name: "cell",
+					fn: withCtx((scope) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(scope)))]),
+					key: "1"
+				} : void 0]), 1040))])]),
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(input_range_default, mergeProps({
 					ref_key: "refInput",
 					ref: refInput
@@ -631,7 +697,8 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					readonly: __props.readonly || __props.disabledInput,
 					"allow-clear": unref(mergedAllowClear) && !__props.readonly,
 					placeholder: computedPlaceholder.value,
-					"input-value": displayInputValue.value,
+					"input-props": __props.inputProps,
+					"input-value": unref(inputValue),
 					value: panelValue.value,
 					format: unref(computedFormat),
 					onClear: onInputClear,
@@ -655,6 +722,7 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					"readonly",
 					"allow-clear",
 					"placeholder",
+					"input-props",
 					"input-value",
 					"value",
 					"format"
@@ -666,7 +734,19 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				"disabled",
 				"popup-visible",
 				"popup-container"
-			])) : (openBlock(), createBlock(range_picker_panel_default, normalizeProps(mergeProps({ key: 1 }, _objectSpread2(_objectSpread2({}, _ctx.$attrs), rangePanelProps.value))), null, 16));
+			])) : renderSlot(_ctx.$slots, "panelRender", {
+				key: 1,
+				component: range_picker_panel_default,
+				props: rangePanelProps.value
+			}, () => [(openBlock(), createBlock(resolveDynamicComponent(range_picker_panel_default), normalizeProps(guardReactiveProps(_objectSpread2(_objectSpread2({}, rangePanelProps.value), _ctx.$attrs))), createSlots({ _: 2 }, [_ctx.$slots.extra ? {
+				name: "extra",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "extra")]),
+				key: "0"
+			} : void 0, _ctx.$slots.cell ? {
+				name: "cell",
+				fn: withCtx((scope) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(scope)))]),
+				key: "1"
+			} : void 0]), 1040))]);
 		};
 	}
 }));

package/es/image/preview-toolbar.vue.d.ts

@@ -1,9 +1,8 @@
-import { PropType } from 'vue';
-import { RenderFunc } from '../_components/render-function';
+import { PropType, VNodeTypes } from 'vue';
 export interface ActionType {
     key: string;
     name: string;
-    content: RenderFunc;
+    content: () => VNodeTypes;
     onClick: () => void;
     disabled?: boolean;
 }

package/es/image/preview-toolbar.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,7 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import render_function_default from "../_components/render-function.js";
 import preview_action_default from "./preview-action.js";
-import { Fragment, computed, createBlock, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toRefs, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, normalizeClass, openBlock, renderList, renderSlot, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";
 //#region components/image/preview-toolbar.vue?vue&type=script&setup=true&lang.tsx
 var preview_toolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ImagePreviewToolbar" }), {}, {
 	__name: "preview-toolbar",
@@ -35,7 +34,7 @@ var preview_toolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					disabled: action.disabled,
 					onClick: action.onClick
 				}, {
-					default: withCtx(() => [createVNode(unref(render_function_default), { "render-func": action.content }, null, 8, ["render-func"])]),
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(action.content)))]),
 					_: 2
 				}, 1032, [
 					"name",

package/es/locale/interface.d.ts

@@ -157,6 +157,8 @@ export interface SDLang {
         view: SDCalendarLang['view'];
         month: SDCalendarLang['month'];
         week: SDCalendarLang['week'];
+        yearFormat?: string;
+        monthFormat?: string;
         placeholder: {
             date: string;
             week: string;

package/es/locale/lang/ar-eg.js

@@ -146,6 +146,52 @@ var lang = {
 		collapse: "يطوى",
 		expand: "وسعت"
 	},
+	form: { validateMessages: {
+		required: "الحقل #{field} مطلوب",
+		type: {
+			string: "#{field} ليس نصًا صالحًا",
+			number: "#{field} ليس رقمًا صالحًا",
+			boolean: "#{field} ليس قيمة منطقية صالحة",
+			array: "#{field} ليس مصفوفة صالحة",
+			object: "#{field} ليس كائنًا صالحًا",
+			url: "#{field} ليس رابط URL صالحًا",
+			email: "#{field} ليس بريدًا إلكترونيًا صالحًا",
+			ip: "#{field} ليس عنوان IP صالحًا"
+		},
+		number: {
+			min: "`#{value}` أصغر من الحد الأدنى `#{min}`",
+			max: "`#{value}` أكبر من الحد الأقصى `#{max}`",
+			equal: "`#{value}` لا يساوي `#{equal}`",
+			range: "`#{value}` ليس ضمن النطاق `#{min} ~ #{max}`",
+			positive: "`#{value}` ليس رقمًا موجبًا",
+			negative: "`#{value}` ليس رقمًا سالبًا"
+		},
+		array: {
+			length: "عدد عناصر `#{field}` لا يساوي #{length}",
+			minLength: "عدد عناصر `#{field}` يجب ألا يقل عن #{minLength}",
+			maxLength: "عدد عناصر `#{field}` يجب ألا يزيد عن #{maxLength}",
+			includes: "#{field} لا يحتوي على #{includes}",
+			deepEqual: "#{field} لا يساوي #{deepEqual}",
+			empty: "`#{field}` ليست مصفوفة فارغة"
+		},
+		string: {
+			minLength: "عدد الأحرف يجب ألا يقل عن #{minLength}",
+			maxLength: "عدد الأحرف يجب ألا يزيد عن #{maxLength}",
+			length: "عدد الأحرف يجب أن يساوي #{length}",
+			match: "`#{value}` لا يطابق النمط #{pattern}",
+			uppercase: "`#{value}` يجب أن يكون بأحرف كبيرة فقط",
+			lowercase: "`#{value}` يجب أن يكون بأحرف صغيرة فقط"
+		},
+		object: {
+			deepEqual: "`#{field}` لا يساوي القيمة المتوقعة",
+			hasKeys: "`#{field}` لا يحتوي على الحقول المطلوبة",
+			empty: "`#{field}` ليس كائنًا"
+		},
+		boolean: {
+			true: "القيمة المتوقعة هي `true`",
+			false: "القيمة المتوقعة هي `false`"
+		}
+	} },
 	colorPicker: {
 		history: "ألوان تاريخية",
 		preset: "ألوان النظام المضبوطة مسبقاً",

package/es/locale/lang/de-de.js

@@ -146,6 +146,52 @@ var lang = {
 		collapse: "Falten",
 		expand: "Erweitern"
 	},
+	form: { validateMessages: {
+		required: "#{field} ist ein Pflichtfeld",
+		type: {
+			string: "#{field} ist kein gültiger Text",
+			number: "#{field} ist keine gültige Zahl",
+			boolean: "#{field} ist kein gültiger boolescher Wert",
+			array: "#{field} ist kein gültiges Array",
+			object: "#{field} ist kein gültiges Objekt",
+			url: "#{field} ist keine gültige URL",
+			email: "#{field} ist keine gültige E-Mail-Adresse",
+			ip: "#{field} ist keine gültige IP-Adresse"
+		},
+		number: {
+			min: "`#{value}` ist kleiner als der Mindestwert `#{min}`",
+			max: "`#{value}` ist größer als der Höchstwert `#{max}`",
+			equal: "`#{value}` ist nicht gleich `#{equal}`",
+			range: "`#{value}` liegt nicht im Bereich `#{min} ~ #{max}`",
+			positive: "`#{value}` ist keine positive Zahl",
+			negative: "`#{value}` ist keine negative Zahl"
+		},
+		array: {
+			length: "Die Anzahl von `#{field}` ist nicht gleich #{length}",
+			minLength: "Die Anzahl von `#{field}` muss mindestens #{minLength} sein",
+			maxLength: "Die Anzahl von `#{field}` darf höchstens #{maxLength} sein",
+			includes: "#{field} enthält #{includes} nicht",
+			deepEqual: "#{field} ist nicht gleich #{deepEqual}",
+			empty: "`#{field}` ist kein leeres Array"
+		},
+		string: {
+			minLength: "Die Zeichenanzahl muss mindestens #{minLength} sein",
+			maxLength: "Die Zeichenanzahl darf höchstens #{maxLength} sein",
+			length: "Die Zeichenanzahl muss #{length} sein",
+			match: "`#{value}` entspricht nicht dem Muster #{pattern}",
+			uppercase: "`#{value}` muss vollständig in Großbuchstaben sein",
+			lowercase: "`#{value}` muss vollständig in Kleinbuchstaben sein"
+		},
+		object: {
+			deepEqual: "`#{field}` entspricht nicht dem erwarteten Wert",
+			hasKeys: "`#{field}` enthält nicht die erforderlichen Felder",
+			empty: "`#{field}` ist kein Objekt"
+		},
+		boolean: {
+			true: "Der erwartete Wert ist `true`",
+			false: "Der erwartete Wert ist `false`"
+		}
+	} },
 	colorPicker: {
 		history: "Historische Farben",
 		preset: "Standardfarbe des Systems",

package/es/locale/lang/es-es.js

@@ -146,6 +146,52 @@ var lang = {
 		expand: "Expandir",
 		collapse: "Pliegue"
 	},
+	form: { validateMessages: {
+		required: "El campo #{field} es obligatorio",
+		type: {
+			string: "#{field} no es un texto válido",
+			number: "#{field} no es un número válido",
+			boolean: "#{field} no es un valor booleano válido",
+			array: "#{field} no es un arreglo válido",
+			object: "#{field} no es un objeto válido",
+			url: "#{field} no es una URL válida",
+			email: "#{field} no es un correo electrónico válido",
+			ip: "#{field} no es una dirección IP válida"
+		},
+		number: {
+			min: "`#{value}` es menor que el valor mínimo `#{min}`",
+			max: "`#{value}` es mayor que el valor máximo `#{max}`",
+			equal: "`#{value}` no es igual a `#{equal}`",
+			range: "`#{value}` no está dentro del rango `#{min} ~ #{max}`",
+			positive: "`#{value}` no es un número positivo",
+			negative: "`#{value}` no es un número negativo"
+		},
+		array: {
+			length: "La cantidad de `#{field}` no es igual a #{length}",
+			minLength: "La cantidad de `#{field}` debe ser al menos #{minLength}",
+			maxLength: "La cantidad de `#{field}` debe ser como máximo #{maxLength}",
+			includes: "#{field} no incluye #{includes}",
+			deepEqual: "#{field} no es igual a #{deepEqual}",
+			empty: "`#{field}` no es un arreglo vacío"
+		},
+		string: {
+			minLength: "La cantidad de caracteres debe ser al menos #{minLength}",
+			maxLength: "La cantidad de caracteres debe ser como máximo #{maxLength}",
+			length: "La cantidad de caracteres debe ser #{length}",
+			match: "`#{value}` no coincide con el patrón #{pattern}",
+			uppercase: "`#{value}` debe estar completamente en mayúsculas",
+			lowercase: "`#{value}` debe estar completamente en minúsculas"
+		},
+		object: {
+			deepEqual: "`#{field}` no es igual al valor esperado",
+			hasKeys: "`#{field}` no incluye los campos obligatorios",
+			empty: "`#{field}` no es un objeto"
+		},
+		boolean: {
+			true: "El valor esperado es `true`",
+			false: "El valor esperado es `false`"
+		}
+	} },
 	colorPicker: {
 		history: "Colores históricos",
 		preset: "Colores predefinidos del sistema",

package/es/locale/lang/fr-fr.js

@@ -146,6 +146,52 @@ var lang = {
 		collapse: "Plier",
 		expand: "Étendre"
 	},
+	form: { validateMessages: {
+		required: "#{field} est obligatoire",
+		type: {
+			string: "#{field} n'est pas un texte valide",
+			number: "#{field} n'est pas un nombre valide",
+			boolean: "#{field} n'est pas une valeur booléenne valide",
+			array: "#{field} n'est pas un tableau valide",
+			object: "#{field} n'est pas un objet valide",
+			url: "#{field} n'est pas une URL valide",
+			email: "#{field} n'est pas une adresse e-mail valide",
+			ip: "#{field} n'est pas une adresse IP valide"
+		},
+		number: {
+			min: "`#{value}` est inférieur à la valeur minimale `#{min}`",
+			max: "`#{value}` est supérieur à la valeur maximale `#{max}`",
+			equal: "`#{value}` n'est pas égal à `#{equal}`",
+			range: "`#{value}` n'est pas dans la plage `#{min} ~ #{max}`",
+			positive: "`#{value}` n'est pas un nombre positif",
+			negative: "`#{value}` n'est pas un nombre négatif"
+		},
+		array: {
+			length: "Le nombre de `#{field}` n'est pas égal à #{length}",
+			minLength: "Le nombre de `#{field}` doit être au moins #{minLength}",
+			maxLength: "Le nombre de `#{field}` doit être au plus #{maxLength}",
+			includes: "#{field} ne contient pas #{includes}",
+			deepEqual: "#{field} n'est pas égal à #{deepEqual}",
+			empty: "`#{field}` n'est pas un tableau vide"
+		},
+		string: {
+			minLength: "Le nombre de caractères doit être au moins #{minLength}",
+			maxLength: "Le nombre de caractères doit être au plus #{maxLength}",
+			length: "Le nombre de caractères doit être #{length}",
+			match: "`#{value}` ne correspond pas au motif #{pattern}",
+			uppercase: "`#{value}` doit être entièrement en majuscules",
+			lowercase: "`#{value}` doit être entièrement en minuscules"
+		},
+		object: {
+			deepEqual: "`#{field}` n'est pas égal à la valeur attendue",
+			hasKeys: "`#{field}` ne contient pas les champs requis",
+			empty: "`#{field}` n'est pas un objet"
+		},
+		boolean: {
+			true: "La valeur attendue est `true`",
+			false: "La valeur attendue est `false`"
+		}
+	} },
 	colorPicker: {
 		history: "Couleurs historiques",
 		preset: "Couleurs prédéfinies par le système",

package/es/locale/lang/id-id.js

@@ -146,6 +146,52 @@ var lang = {
 		collapse: "Melipat",
 		expand: "Membuka"
 	},
+	form: { validateMessages: {
+		required: "#{field} wajib diisi",
+		type: {
+			string: "#{field} bukan teks yang valid",
+			number: "#{field} bukan angka yang valid",
+			boolean: "#{field} bukan nilai boolean yang valid",
+			array: "#{field} bukan array yang valid",
+			object: "#{field} bukan objek yang valid",
+			url: "#{field} bukan URL yang valid",
+			email: "#{field} bukan alamat email yang valid",
+			ip: "#{field} bukan alamat IP yang valid"
+		},
+		number: {
+			min: "`#{value}` lebih kecil dari nilai minimum `#{min}`",
+			max: "`#{value}` lebih besar dari nilai maksimum `#{max}`",
+			equal: "`#{value}` tidak sama dengan `#{equal}`",
+			range: "`#{value}` tidak berada dalam rentang `#{min} ~ #{max}`",
+			positive: "`#{value}` bukan angka positif",
+			negative: "`#{value}` bukan angka negatif"
+		},
+		array: {
+			length: "Jumlah `#{field}` tidak sama dengan #{length}",
+			minLength: "Jumlah `#{field}` minimal #{minLength}",
+			maxLength: "Jumlah `#{field}` maksimal #{maxLength}",
+			includes: "#{field} tidak mengandung #{includes}",
+			deepEqual: "#{field} tidak sama dengan #{deepEqual}",
+			empty: "`#{field}` bukan array kosong"
+		},
+		string: {
+			minLength: "Jumlah karakter minimal #{minLength}",
+			maxLength: "Jumlah karakter maksimal #{maxLength}",
+			length: "Jumlah karakter harus #{length}",
+			match: "`#{value}` tidak sesuai pola #{pattern}",
+			uppercase: "`#{value}` harus seluruhnya huruf kapital",
+			lowercase: "`#{value}` harus seluruhnya huruf kecil"
+		},
+		object: {
+			deepEqual: "`#{field}` tidak sama dengan nilai yang diharapkan",
+			hasKeys: "`#{field}` tidak mengandung field yang wajib",
+			empty: "`#{field}` bukan objek"
+		},
+		boolean: {
+			true: "Nilai yang diharapkan adalah `true`",
+			false: "Nilai yang diharapkan adalah `false`"
+		}
+	} },
 	colorPicker: {
 		history: "Warna sejarah",
 		preset: "Sistem preset warna",