sard 1.0.0 → 1.0.2

package/index.js

@@ -0,0 +1,219 @@
+import { createBem, createBemStruct, cssVar, cssVarName, defaultBemConfig } from "./utils/bem.js";
+import { clamp, formatNumber, getDecimalsLength, inRange, looseToNumber, mround, random, round } from "./utils/number.js";
+import { baseLunarYear, earthlyBranches, formatDate, getDayOfYear, getDaysAfterLastDay, getDaysBeforeFirstDay, getDaysInMonth, getDaysSinceUnixEpoch, getFirstDayWeekday, getLunarDayName, getLunarHourName, getLunarLeapMonth, getLunarLeapMonthDays, getLunarMonthDays, getLunarMonthName, getLunarYearDays, getLunarYearName, getNextMonthDate, getNextMonthHeadDays, getPrevMonthDate, getPrevMonthTailDays, heavenlyStems, isLeapYear, lunarDayNames, lunarInfo, lunarMonthNames, lunarToSolar, lunarYearNames, minmaxDate, parseDate, solarToLunar, springFestivals, toDate, toDateNumber, toDateString, toMonthNumber } from "./utils/date.js";
+import { checkRtl, toTouchEvent } from "./utils/dom.js";
+import { chooseFile, getFileName, imageDataToDataURL, isFileUrl, isImageFile, isImageUrl, isVideoFile, isVideoUrl, loadImage, readFileContent } from "./utils/file.js";
+import { isBoolean, isConfigObject, isDate, isEmptyArray, isFunction, isNoEmptyArray, isNullish, isNumber, isObject, isPlainObject, isPrimitive, isString, isUndefined } from "./utils/is.js";
+import { addUnit, debounce, getPageRange, isEmptyBinding, isEmptyValue, isRenderVisible, isVisibleEmpty, noop, sleep, splitUnit, throttle } from "./utils/utils.js";
+import { ALPHANUMERIC_CHARS, ECLList, qrcode } from "./utils/qrcode.js";
+import { chainGet, chainSet, deepClone, extend, nestedToMulti, omit, partition, pick, treeToMap } from "./utils/object.js";
+import { arrayEqual, arrayMove, shuffle, spreadEach, toArray } from "./utils/array.js";
+import { addSeparator, camelCase, capitalize, isKorean, kebabCase, lowerFirst, pascalCase, snakeCase, uniqid, upperFirst } from "./utils/string.js";
+import { getAspectFillSize, getAspectFitSize, getRotatedRect, getScrollIntoViewValue, getTouchPoint, getTransformOrigin, getTwoPointsDistance, isRectEqual, isSizeEqual, matchScrollVisible, scrollToTarget } from "./utils/geometry.js";
+import { getDampingValue, getInBoundValue, getOverflowRangeInArea, getRectDampingValue } from "./utils/physics.js";
+import { createInertialAnimate } from "./utils/inertialAnimate.js";
+import { getLeafNodes, getNodeLevel, getTreeCheckedKeys, getTreeHalfCheckedKeys, initializeCheckNodes, mapTreeToGrid, setCheckedRecursively, updateAncestorsChecked, walkAncestor, walkDescendant, walkNodes } from "./utils/tree.js";
+import { logError } from "./utils/log.js";
+import { defaultColorPickerPresets, defaultColorPickerValue, formatColor, getPreviewColor, hslToHsv, hslToHwb, hslToRgb, hsvToHsl, hwbToHsl, normalizeHsla, normalizeHsva, parseColor, rgbToHsl } from "./utils/color.js";
+import { BarcodeFormatList, BarcodeTextPositionList, barcode, calculateBarcodeLayout, normalizeBarcodeOptions } from "./utils/barcode.js";
+import { measureTextWidth } from "./utils/canvas.js";
+import { clipboard } from "./utils/clipboard.js";
+import { OnlyChild, flatVNode } from "./utils/vnode.js";
+import { defineSetupFnComponent, enhanceComponent } from "./utils/component.js";
+import { Friction } from "./utils/scroller/Friction.js";
+import { Spring } from "./utils/scroller/Spring.js";
+import { useTimeout } from "./use/useTimeout.js";
+import { useZIndex } from "./use/useZIndex.js";
+import { getAllImperatives, getAvailableImperative, getImperatives, useImperative } from "./use/useImperative.js";
+import { useLuckyDraw } from "./use/useLuckyDraw.js";
+import { getGridCenterSize, getGridIndex, getGridPrizeCount, useLuckyGrid } from "./use/useLuckyGrid.js";
+import { useLuckyWheel } from "./use/useLuckyWheel.js";
+import { useSlotMachine } from "./use/useSlotMachine.js";
+import { usePointerDown } from "./use/usePointerDown.js";
+import { useSimulatedClick } from "./use/useSimulatedClick.js";
+import { useSimulatedPress } from "./use/useSimulatedPress.js";
+import { useSimulatedDblClick } from "./use/useSimulatedDblClick.js";
+import { useElementScroll } from "./use/useElementScroll.js";
+import { useScrollSide } from "./use/useScrollSide.js";
+import { useInPopup, usePopupEnter, usePopupVisibleHookProvide } from "./components/popup/common.js";
+import { useScrollSpy } from "./use/useScrollSpy.js";
+import { useInitialVelocity } from "./use/useInitialVelocity.js";
+import { useDragPinch } from "./use/useDragPinch.js";
+import { useTimeoutLoading } from "./use/useTimeoutLoading.js";
+import { useStopMovedClick } from "./use/useStopMovedClick.js";
+import { useIndeterminate } from "./use/useIndeterminate.js";
+import { useWindowResize } from "./use/useWindowResize.js";
+import { useSingleTask } from "./use/useSingleTask.js";
+import { useIntersectionObserver } from "./use/useIntersectionObserver.js";
+import { useKeyList } from "./use/useKeyList.js";
+import { useLockScroll } from "./use/useLockScroll.js";
+import { defaultOptionKeys, useOptionKeys } from "./use/useOptionKeys.js";
+import { toReactive } from "./use/toReactive.js";
+import { reactiveComputed } from "./use/reactiveComputed.js";
+import { usePageScroll } from "./use/usePageScroll.js";
+import { useReachBottom } from "./use/useReachBottom.js";
+import { useResizeObserver } from "./use/useResizeObserver.js";
+import { useComposition } from "./use/useComposition.js";
+import { useRtl } from "./use/useRtl.js";
+import { autoUpdate, computePosition, usePopper } from "./use/usePopper.js";
+import { useClickOutside } from "./use/useClickOutside.js";
+import { isColorScheme, provideColorScheme, useColorScheme } from "./use/useColorScheme.js";
+import { withResolvers } from "./utils/polyfill.js";
+import { useScroller } from "./utils/scroller/useScroller.js";
+import { Accordion, AccordionItem } from "./components/accordion/index.js";
+import { currentLocale, localeContextKey, provideLocale, setLocale, useLocale, useTranslate, useTranslateWithPrefix } from "./locale/index.js";
+import { actionSheet, createActionSheet } from "./components/action-sheet/imperative.js";
+import { ActionSheet, ActionSheetItem } from "./components/action-sheet/index.js";
+import { Alert } from "./components/alert/index.js";
+import { Avatar, AvatarGroup } from "./components/avatar/index.js";
+import { usePageBackTop } from "./components/back-top/usePageBackTop.js";
+import { useElementBackTop } from "./components/back-top/useElementBackTop.js";
+import { BackTop } from "./components/back-top/index.js";
+import { Badge } from "./components/badge/index.js";
+import { Barcode } from "./components/barcode/index.js";
+import { useFormContext, useFormItemContext } from "./components/form/common.js";
+import { Button } from "./components/button/index.js";
+import { Calendar } from "./components/calendar/index.js";
+import { omitFormPopoutProps, useFormPopout } from "./components/popout/useFormPopout.js";
+import { partitionPopoutInputProps, usePopoutInput } from "./components/popout-input/usePopoutInput.js";
+import { CalendarInput } from "./components/calendar-input/index.js";
+import { CalendarPopout } from "./components/calendar-popout/index.js";
+import { Card } from "./components/card/index.js";
+import { Cascader } from "./components/cascader/index.js";
+import { CascaderInput } from "./components/cascader-input/index.js";
+import { CascaderPopout } from "./components/cascader-popout/index.js";
+import { Checkbox, CheckboxGroup } from "./components/checkbox/index.js";
+import { CheckboxInput } from "./components/checkbox-input/index.js";
+import { CheckboxPopout } from "./components/checkbox-popout/index.js";
+import { Collapse } from "./components/collapse/index.js";
+import { ColorPicker } from "./components/color-picker/index.js";
+import { ColorPickerInput } from "./components/color-picker-input/index.js";
+import { ColorPickerPopout } from "./components/color-picker-popout/index.js";
+import { Compact } from "./components/compact/index.js";
+import { safeAreaInsets, windowInfo } from "./components/config/windowInfo.js";
+import { CoolIcon } from "./components/cool-icon/index.js";
+import { formatTime, getCurrentTime, useCountDown } from "./components/count-down/useCountDown.js";
+import { CountDown } from "./components/count-down/index.js";
+import { CountTo } from "./components/count-to/index.js";
+import { createCropImage, cropImage } from "./components/crop-image/imperative.js";
+import { CropImage } from "./components/crop-image/index.js";
+import { DateStrip } from "./components/date-strip/index.js";
+import { DatetimePicker } from "./components/datetime-picker/index.js";
+import { DatetimePickerInput } from "./components/datetime-picker-input/index.js";
+import { DatetimePickerPopout } from "./components/datetime-picker-popout/index.js";
+import { DatetimeRangePicker } from "./components/datetime-range-picker/index.js";
+import { DatetimeRangePickerInput } from "./components/datetime-range-picker-input/index.js";
+import { DatetimeRangePickerPopout } from "./components/datetime-range-picker-popout/index.js";
+import { Descriptions, DescriptionsItem } from "./components/descriptions/index.js";
+import { createDialog, dialog } from "./components/dialog/imperative.js";
+import { Dialog } from "./components/dialog/index.js";
+import { Divider } from "./components/divider/index.js";
+import { Dnd, DndHandle, DndItem } from "./components/dnd/index.js";
+import { Dropdown, DropdownItem } from "./components/dropdown/index.js";
+import { Ellipsis } from "./components/ellipsis/index.js";
+import { Empty } from "./components/empty/index.js";
+import { Fab, FabItem } from "./components/fab/index.js";
+import { FloatingBubble } from "./components/floating-bubble/index.js";
+import { FloatingPanel } from "./components/floating-panel/index.js";
+import { useFormItem } from "./components/form/useFormItem.js";
+import { Form, FormItem } from "./components/form/index.js";
+import { FormItemPlain, FormPlain } from "./components/form-plain/index.js";
+import { Grid, GridItem } from "./components/grid/index.js";
+import { Image } from "./components/image/index.js";
+import { Indexes, IndexesAnchor, IndexesNav } from "./components/indexes/index.js";
+import { useLoadMore } from "./components/load-more/useLoadMore.js";
+import { InfiniteList } from "./components/infinite-list/index.js";
+import { Input } from "./components/input/index.js";
+import { plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys } from "./components/keyboard/common.js";
+import { Keyboard } from "./components/keyboard/index.js";
+import { KeyboardPopout } from "./components/keyboard-popout/index.js";
+import { Col, Row } from "./components/layout/index.js";
+import { List, ListItem } from "./components/list/index.js";
+import { LoadMore } from "./components/load-more/index.js";
+import { Loading } from "./components/loading/index.js";
+import { Marquee } from "./components/marquee/index.js";
+import { Menu, MenuItem } from "./components/menu/index.js";
+import { useMotioning } from "./components/motion/useMotioning.js";
+import { Motion } from "./components/motion/index.js";
+import { Navbar, NavbarItem } from "./components/navbar/index.js";
+import { NavbarPit } from "./components/navbar-pit/index.js";
+import { NoticeBar } from "./components/notice-bar/index.js";
+import { createNotify, notify } from "./components/notify/imperative.js";
+import { Notify } from "./components/notify/index.js";
+import { Overlay } from "./components/overlay/index.js";
+import { Pagination } from "./components/pagination/index.js";
+import { PasswordInput } from "./components/password-input/index.js";
+import { Picker } from "./components/picker/index.js";
+import { PickerInput } from "./components/picker-input/index.js";
+import { PickerPopout } from "./components/picker-popout/index.js";
+import { PickerView, PickerViewColumn } from "./components/picker-view/index.js";
+import { Popout } from "./components/popout/index.js";
+import { PopoutInput } from "./components/popout-input/index.js";
+import { Popover } from "./components/popover/index.js";
+import { Popup } from "./components/popup/index.js";
+import { ADD_SWIPER_CONTEXT_KEY, REMOVE_SWIPER_CONTEXT_KEY, SWIPER_AUTO_HEIGHT_KEY } from "./components/swiper/common.js";
+import { createPreviewImage, previewImage } from "./components/preview-image/imperative.js";
+import { PreviewImage } from "./components/preview-image/index.js";
+import { ProgressBar } from "./components/progress-bar/index.js";
+import { ProgressCircle } from "./components/progress-circle/index.js";
+import { PullDownRefresh } from "./components/pull-down-refresh/index.js";
+import { PuzzleVerify } from "./components/puzzle-verify/index.js";
+import { Qrcode } from "./components/qrcode/index.js";
+import { Radio, RadioGroup } from "./components/radio/index.js";
+import { RadioInput } from "./components/radio-input/index.js";
+import { RadioPopout } from "./components/radio-popout/index.js";
+import { Rate } from "./components/rate/index.js";
+import { ReadMore } from "./components/read-more/index.js";
+import { Result } from "./components/result/index.js";
+import { RotateVerify } from "./components/rotate-verify/index.js";
+import { ScrollList } from "./components/scroll-list/index.js";
+import { ScrollSpy, ScrollSpyAnchor } from "./components/scroll-spy/index.js";
+import { Search } from "./components/search/index.js";
+import { Segmented, SegmentedItem } from "./components/segmented/index.js";
+import { Select, SelectOption, SelectOptionGroup } from "./components/select/index.js";
+import { SelectInput } from "./components/select-input/index.js";
+import { SelectPopout } from "./components/select-popout/index.js";
+import { ShareSheet, ShareSheetIcon, ShareSheetItem, ShareSheetRow } from "./components/share-sheet/index.js";
+import { Sidebar, SidebarItem } from "./components/sidebar/index.js";
+import { Signature } from "./components/signature/index.js";
+import { Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle } from "./components/skeleton/index.js";
+import { SlideVerify } from "./components/slide-verify/index.js";
+import { Slider } from "./components/slider/index.js";
+import { spaceSizes } from "./components/space/common.js";
+import { Space } from "./components/space/index.js";
+import { StatusBar } from "./components/status-bar/index.js";
+import { Stepper } from "./components/stepper/index.js";
+import { Step, Steps } from "./components/steps/index.js";
+import { Sticky, StickyBox } from "./components/sticky/index.js";
+import { SwipeAction, SwipeActionGroup } from "./components/swipe-action/index.js";
+import { Swiper, SwiperItem } from "./components/swiper/index.js";
+import { Switch } from "./components/switch/index.js";
+import { Tabbar, TabbarItem } from "./components/tabbar/index.js";
+import { TabbarPit } from "./components/tabbar-pit/index.js";
+import { Table } from "./components/table/index.js";
+import { Tab, Tabs } from "./components/tabs/index.js";
+import { Tag } from "./components/tag/index.js";
+import { Text } from "./components/text/index.js";
+import { Timeline, TimelineItem } from "./components/timeline/index.js";
+import { createToast, toast } from "./components/toast/imperative.js";
+import { Toast } from "./components/toast/index.js";
+import { Tree, TreeBranch, TreeNode } from "./components/tree/index.js";
+import { Upload, UploadPreview } from "./components/upload/index.js";
+import { Waterfall, WaterfallItem, WaterfallLoad } from "./components/waterfall/index.js";
+import { Watermark } from "./components/watermark/index.js";
+import all_components_default from "./all-components.js";
+import { watchPostEffect } from "vue";
+//#region packages/sard/index.ts
+function installer(app, options = {}) {
+	const { namespace = "s" } = options;
+	Object.keys(all_components_default).forEach((key) => {
+		app.component(`${pascalCase(namespace)}${key}`, all_components_default[key]);
+	});
+}
+function prepareEnvironment() {
+	watchPostEffect(() => {
+		document.documentElement.style.setProperty(cssVarName("status-bar-height"), windowInfo.statusBarHeight + "px");
+	});
+}
+//#endregion
+export { ADD_SWIPER_CONTEXT_KEY, ALPHANUMERIC_CHARS, Accordion, AccordionItem, ActionSheet, ActionSheetItem, Alert, Avatar, AvatarGroup, BackTop, Badge, Barcode, BarcodeFormatList, BarcodeTextPositionList, Button, Calendar, CalendarInput, CalendarPopout, Card, Cascader, CascaderInput, CascaderPopout, Checkbox, CheckboxGroup, CheckboxInput, CheckboxPopout, Col, Collapse, ColorPicker, ColorPickerInput, ColorPickerPopout, Compact, CoolIcon, CountDown, CountTo, CropImage, DateStrip, DatetimePicker, DatetimePickerInput, DatetimePickerPopout, DatetimeRangePicker, DatetimeRangePickerInput, DatetimeRangePickerPopout, Descriptions, DescriptionsItem, Dialog, Divider, Dnd, DndHandle, DndItem, Dropdown, DropdownItem, ECLList, Ellipsis, Empty, Fab, FabItem, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Friction, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, InfiniteList, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, Loading, Marquee, Menu, MenuItem, Motion, Navbar, NavbarItem, NavbarPit, NoticeBar, Notify, OnlyChild, Overlay, Pagination, PasswordInput, Picker, PickerInput, PickerPopout, PickerView, PickerViewColumn, Popout, PopoutInput, Popover, Popup, PreviewImage, ProgressBar, ProgressCircle, PullDownRefresh, PuzzleVerify, Qrcode, REMOVE_SWIPER_CONTEXT_KEY, Radio, RadioGroup, RadioInput, RadioPopout, Rate, ReadMore, Result, RotateVerify, Row, SWIPER_AUTO_HEIGHT_KEY, ScrollList, ScrollSpy, ScrollSpyAnchor, Search, Segmented, SegmentedItem, Select, SelectInput, SelectOption, SelectOptionGroup, SelectPopout, ShareSheet, ShareSheetIcon, ShareSheetItem, ShareSheetRow, Sidebar, SidebarItem, Signature, Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle, SlideVerify, Slider, Space, Spring, StatusBar, Step, Stepper, Steps, Sticky, StickyBox, SwipeAction, SwipeActionGroup, Swiper, SwiperItem, Switch, Tab, Tabbar, TabbarItem, TabbarPit, Table, Tabs, Tag, Text, Timeline, TimelineItem, Toast, Tree, TreeBranch, TreeNode, Upload, UploadPreview, Waterfall, WaterfallItem, WaterfallLoad, Watermark, actionSheet, addSeparator, addUnit, arrayEqual, arrayMove, autoUpdate, barcode, baseLunarYear, calculateBarcodeLayout, camelCase, capitalize, chainGet, chainSet, checkRtl, chooseFile, clamp, clipboard, computePosition, createActionSheet, createBem, createBemStruct, createCropImage, createDialog, createInertialAnimate, createNotify, createPreviewImage, createToast, cropImage, cssVar, cssVarName, currentLocale, debounce, deepClone, defaultBemConfig, defaultColorPickerPresets, defaultColorPickerValue, defaultOptionKeys, defineSetupFnComponent, dialog, earthlyBranches, enhanceComponent, extend, flatVNode, formatColor, formatDate, formatNumber, formatTime, getAllImperatives, getAspectFillSize, getAspectFitSize, getAvailableImperative, getCurrentTime, getDampingValue, getDayOfYear, getDaysAfterLastDay, getDaysBeforeFirstDay, getDaysInMonth, getDaysSinceUnixEpoch, getDecimalsLength, getFileName, getFirstDayWeekday, getGridCenterSize, getGridIndex, getGridPrizeCount, getImperatives, getInBoundValue, getLeafNodes, getLunarDayName, getLunarHourName, getLunarLeapMonth, getLunarLeapMonthDays, getLunarMonthDays, getLunarMonthName, getLunarYearDays, getLunarYearName, getNextMonthDate, getNextMonthHeadDays, getNodeLevel, getOverflowRangeInArea, getPageRange, getPrevMonthDate, getPrevMonthTailDays, getPreviewColor, getRectDampingValue, getRotatedRect, getScrollIntoViewValue, getTouchPoint, getTransformOrigin, getTreeCheckedKeys, getTreeHalfCheckedKeys, getTwoPointsDistance, heavenlyStems, hslToHsv, hslToHwb, hslToRgb, hsvToHsl, hwbToHsl, imageDataToDataURL, inRange, initializeCheckNodes, installer, isBoolean, isColorScheme, isConfigObject, isDate, isEmptyArray, isEmptyBinding, isEmptyValue, isFileUrl, isFunction, isImageFile, isImageUrl, isKorean, isLeapYear, isNoEmptyArray, isNullish, isNumber, isObject, isPlainObject, isPrimitive, isRectEqual, isRenderVisible, isSizeEqual, isString, isUndefined, isVideoFile, isVideoUrl, isVisibleEmpty, kebabCase, loadImage, localeContextKey, logError, looseToNumber, lowerFirst, lunarDayNames, lunarInfo, lunarMonthNames, lunarToSolar, lunarYearNames, mapTreeToGrid, matchScrollVisible, measureTextWidth, minmaxDate, mround, nestedToMulti, noop, normalizeBarcodeOptions, normalizeHsla, normalizeHsva, notify, omit, omitFormPopoutProps, parseColor, parseDate, partition, partitionPopoutInputProps, pascalCase, pick, plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys, prepareEnvironment, previewImage, provideColorScheme, provideLocale, qrcode, random, reactiveComputed, readFileContent, rgbToHsl, round, safeAreaInsets, scrollToTarget, setCheckedRecursively, setLocale, shuffle, sleep, snakeCase, solarToLunar, spaceSizes, splitUnit, spreadEach, springFestivals, throttle, toArray, toDate, toDateNumber, toDateString, toMonthNumber, toReactive, toTouchEvent, toast, treeToMap, uniqid, updateAncestorsChecked, upperFirst, useClickOutside, useColorScheme, useComposition, useCountDown, useDragPinch, useElementBackTop, useElementScroll, useFormContext, useFormItem, useFormItemContext, useFormPopout, useImperative, useInPopup, useIndeterminate, useInitialVelocity, useIntersectionObserver, useKeyList, useLoadMore, useLocale, useLockScroll, useLuckyDraw, useLuckyGrid, useLuckyWheel, useMotioning, useOptionKeys, usePageBackTop, usePageScroll, usePointerDown, usePopoutInput, usePopper, usePopupEnter, usePopupVisibleHookProvide, useReachBottom, useResizeObserver, useRtl, useScrollSide, useScrollSpy, useScroller, useSimulatedClick, useSimulatedDblClick, useSimulatedPress, useSingleTask, useSlotMachine, useStopMovedClick, useTimeout, useTimeoutLoading, useTranslate, useTranslateWithPrefix, useWindowResize, useZIndex, walkAncestor, walkDescendant, walkNodes, windowInfo, withResolvers };

package/locale/index.d.ts

@@ -0,0 +1,19 @@
+import { type App, type InjectionKey, type Ref } from 'vue';
+export declare const currentLocale: import("vue").ShallowRef<Record<string, any>, Record<string, any>>;
+export interface LocaleTranslate {
+    (chainOrData?: string | Record<string, number | string>, data?: Record<string, number | string>): string;
+}
+export declare function useTranslate(prefix?: string): {
+    t: LocaleTranslate;
+    translate: LocaleTranslate;
+    select: (chain?: string) => any;
+};
+export declare function useTranslateWithPrefix(prefix?: string): {
+    t: LocaleTranslate;
+    translate: LocaleTranslate;
+    select: (chain?: string) => any;
+};
+export declare function setLocale(locale: Record<string, any>): void;
+export declare const localeContextKey: InjectionKey<Ref<string>>;
+export declare function provideLocale<T extends Record<string, any>>(app: App, languages: T, defaultLocale: keyof T): void;
+export declare function useLocale(): Ref<string, string> | undefined;

package/locale/index.js

@@ -0,0 +1,51 @@
+import { chainGet } from "../utils/object.js";
+import zh_CN_default from "./lang/zh-CN.js";
+import { computed, inject, ref, shallowRef, watch } from "vue";
+//#region packages/sard/locale/index.ts
+const currentLocale = shallowRef(zh_CN_default);
+function useTranslate(prefix = "") {
+	const locale = computed(() => {
+		return currentLocale.value || zh_CN_default;
+	});
+	const translate = (chainOrData, data) => {
+		const chain = typeof chainOrData === "string" ? prefix ? prefix + "." + chainOrData : chainOrData : prefix;
+		data = chainOrData && typeof chainOrData === "object" ? chainOrData : data;
+		const result = chainGet(locale.value, chain);
+		if (typeof result === "string") {
+			if (data) return result.replace(/\{([^}]*)\}/g, (match, p1) => {
+				const value = data[p1];
+				return value != null ? String(value) : match;
+			});
+			return result;
+		}
+		return chain;
+	};
+	const select = (chain) => {
+		const mergedChain = typeof chain === "string" ? prefix ? prefix + "." + chain : chain : prefix;
+		return chainGet(locale.value, mergedChain);
+	};
+	return {
+		t: translate,
+		translate,
+		select
+	};
+}
+function useTranslateWithPrefix(prefix = "") {
+	return useTranslate(prefix ? `_sard.${prefix}` : prefix);
+}
+function setLocale(locale) {
+	currentLocale.value = locale;
+}
+const localeContextKey = Symbol("localeContext");
+function provideLocale(app, languages, defaultLocale) {
+	const locale = ref(defaultLocale);
+	watch(locale, () => {
+		setLocale(languages[locale.value]);
+	}, { immediate: true });
+	app.provide(localeContextKey, locale);
+}
+function useLocale() {
+	return inject(localeContextKey);
+}
+//#endregion
+export { currentLocale, localeContextKey, provideLocale, setLocale, useLocale, useTranslate, useTranslateWithPrefix };

package/locale/lang/ar-SA.d.ts

@@ -0,0 +1,148 @@
+declare const _default: {
+    _sard: {
+        actionSheet: {
+            cancel: string;
+        };
+        calendar: {
+            weeks: {
+                0: string;
+                1: string;
+                2: string;
+                3: string;
+                4: string;
+                5: string;
+                6: string;
+            };
+            monthTitle: string;
+            start: string;
+            end: string;
+            to: string;
+            multipleOutlet: string;
+        };
+        cascader: {
+            pleaseSelect: string;
+            error: string;
+            noData: string;
+        };
+        cropImage: {
+            confirm: string;
+            cancel: string;
+        };
+        datetimePicker: {
+            y: string;
+            M: string;
+            d: string;
+            h: string;
+            m: string;
+            s: string;
+        };
+        datetimeRangePickerInput: {
+            to: string;
+        };
+        dialog: {
+            confirm: string;
+            cancel: string;
+        };
+        empty: {
+            noData: string;
+        };
+        form: {
+            defaultValidateMessages: {
+                default: string;
+                required: string;
+                enum: string;
+                whitespace: string;
+                date: {
+                    format: string;
+                    parse: string;
+                    invalid: string;
+                };
+                types: {
+                    string: string;
+                    function: string;
+                    array: string;
+                    object: string;
+                    number: string;
+                    date: string;
+                    boolean: string;
+                    integer: string;
+                    float: string;
+                    regexp: string;
+                    email: string;
+                    url: string;
+                    hex: string;
+                };
+                string: {
+                    len: string;
+                    min: string;
+                    max: string;
+                    range: string;
+                };
+                number: {
+                    len: string;
+                    min: string;
+                    max: string;
+                    range: string;
+                };
+                array: {
+                    len: string;
+                    min: string;
+                    max: string;
+                    range: string;
+                };
+                pattern: {
+                    mismatch: string;
+                };
+            };
+        };
+        loadMore: {
+            incompleteText: string;
+            loadingText: string;
+            completeText: string;
+            errorText: string;
+        };
+        pagination: {
+            previous: string;
+            next: string;
+        };
+        popout: {
+            confirm: string;
+            cancel: string;
+        };
+        pullDownRefresh: {
+            unready: string;
+            ready: string;
+            loading: string;
+            doneSuccess: string;
+            doneFail: string;
+        };
+        readMore: {
+            fold: string;
+            unfold: string;
+        };
+        select: {
+            selected: string;
+            selectAll: string;
+            clearSelect: string;
+        };
+        shareSheet: {
+            cancel: string;
+        };
+        signature: {
+            confirm: string;
+            clear: string;
+            cancel: string;
+        };
+        tree: {
+            addSibling: string;
+            addChild: string;
+            addRoot: string;
+            removeNode: string;
+            edit: string;
+            please: string;
+            error: string;
+            noData: string;
+        };
+    };
+};
+export default _default;

package/locale/lang/ar-SA.js

@@ -0,0 +1,137 @@
+//#region packages/sard/locale/lang/ar-SA.ts
+const formTypeTemplate = "{label} ليس {type} صالحاً";
+var ar_SA_default = { _sard: {
+	actionSheet: { cancel: "إلغاء" },
+	calendar: {
+		weeks: {
+			0: "الأحد",
+			1: "الاثنين",
+			2: "الثلاثاء",
+			3: "الأربعاء",
+			4: "الخميس",
+			5: "الجمعة",
+			6: "السبت"
+		},
+		monthTitle: "{year}/{month}",
+		start: "بداية",
+		end: "نهاية",
+		to: "إلى",
+		multipleOutlet: "تم اختيار {count} تاريخ"
+	},
+	cascader: {
+		pleaseSelect: "الرجاء الاختيار",
+		error: "الطلب فشل، انقر لإعادة التحميل",
+		noData: "لا توجد بيانات"
+	},
+	cropImage: {
+		confirm: "موافق",
+		cancel: "إلغاء"
+	},
+	datetimePicker: {
+		y: "",
+		M: "",
+		d: "",
+		h: "",
+		m: "",
+		s: ""
+	},
+	datetimeRangePickerInput: { to: "إلى" },
+	dialog: {
+		confirm: "موافق",
+		cancel: "إلغاء"
+	},
+	empty: { noData: "لا توجد بيانات" },
+	form: { defaultValidateMessages: {
+		default: "خطأ في التحقق من حقل {label}",
+		required: "{label} مطلوب",
+		enum: "{label} يجب أن يكون واحداً من [{enum}]",
+		whitespace: "{label} لا يمكن أن يكون حرفاً فارغاً",
+		date: {
+			format: "تنسيق تاريخ {label} غير صالح",
+			parse: "{label} لا يمكن تحويله إلى تاريخ",
+			invalid: "{label} تاريخ غير صالح"
+		},
+		types: {
+			string: formTypeTemplate,
+			function: formTypeTemplate,
+			array: formTypeTemplate,
+			object: formTypeTemplate,
+			number: formTypeTemplate,
+			date: formTypeTemplate,
+			boolean: formTypeTemplate,
+			integer: formTypeTemplate,
+			float: formTypeTemplate,
+			regexp: formTypeTemplate,
+			email: formTypeTemplate,
+			url: formTypeTemplate,
+			hex: formTypeTemplate
+		},
+		string: {
+			len: "{label} يجب أن يكون {len} حرفاً",
+			min: "{label} يجب أن يكون على الأقل {min} حرفاً",
+			max: "{label} يجب أن يكون على الأكثر {max} حرفاً",
+			range: "{label} يجب أن يكون بين {min}-{max} حرفاً"
+		},
+		number: {
+			len: "{label} يجب أن يساوي {len}",
+			min: "{label} يجب أن يكون الحد الأدنى {min}",
+			max: "{label} يجب أن يكون الحد الأقصى {max}",
+			range: "{label} يجب أن يكون بين {min}-{max}"
+		},
+		array: {
+			len: "يجب أن يكون {len} {label}",
+			min: "على الأقل {min} {label}",
+			max: "على الأكثر {max} {label}",
+			range: "يجب أن تكون كمية {label} بين {min}-{max}"
+		},
+		pattern: { mismatch: "{label} لا يتطابق مع النمط {pattern}" }
+	} },
+	loadMore: {
+		incompleteText: "انقر لتحميل المزيد",
+		loadingText: "جار التحميل...",
+		completeText: "لا يوجد المزيد",
+		errorText: "الطلب فشل، انقر لإعادة التحميل"
+	},
+	pagination: {
+		previous: "السابق",
+		next: "التالي"
+	},
+	popout: {
+		confirm: "موافق",
+		cancel: "إلغاء"
+	},
+	pullDownRefresh: {
+		unready: "اسحب للأسفل للتحديث",
+		ready: "حرر للتحديث",
+		loading: "جار التحميل...",
+		doneSuccess: "تم التحديث بنجاح",
+		doneFail: "فشل التحديث"
+	},
+	readMore: {
+		fold: "طي",
+		unfold: "توسيع"
+	},
+	select: {
+		selected: "تم اختيار {num} عناصر",
+		selectAll: "اختيار الكل",
+		clearSelect: "مسح الاختيار"
+	},
+	shareSheet: { cancel: "إلغاء" },
+	signature: {
+		confirm: "موافق",
+		clear: "مسح",
+		cancel: "إلغاء"
+	},
+	tree: {
+		addSibling: "إضافة عقدة شقيقة",
+		addChild: "إضافة عقدة فرعية",
+		addRoot: "إضافة عقدة جذرية",
+		removeNode: "إزالة العقدة",
+		edit: "تحرير العقدة",
+		please: "الرجاء إدخال العنوان",
+		error: "الطلب فشل، انقر لإعادة التحميل",
+		noData: "لا توجد بيانات"
+	}
+} };
+//#endregion
+export { ar_SA_default as default };