sard 1.0.1 → 1.0.2

package/components/form/Validator.js

@@ -2,7 +2,6 @@ import { isBoolean, isFunction, isNumber, isString } from "../../utils/is.js";
 import { isEmptyValue } from "../../utils/utils.js";
 import { chainGet } from "../../utils/object.js";
 import { toArray } from "../../utils/array.js";
-import "../../utils/index.js";
 import getUrlRegexp_default from "./getUrlRegexp.js";
 //#region packages/sard/components/form/Validator.ts
 function getMessage(message) {

package/components/form/form-item.js

@@ -1,6 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { isNullish } from "../../utils/is.js";
-import "../../utils/index.js";
 import { defaultFormItemProps } from "./common.js";
 import { useFormItem } from "./useFormItem.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";

package/components/form/form.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { defaultFormProps } from "./common.js";
 import { useForm } from "./useForm.js";
 import { computed, createElementBlock, defineComponent, mergeDefaults, normalizeClass, openBlock, renderSlot } from "vue";

package/components/form/index.css

@@ -1 +1 @@
-:root{--s-form-bg:var(--s-bg-color-container);--s-form-card-radius:var(--s-border-radius-lg);--s-form-item-min-height:var(--s-content-height);--s-form-item-padding-x:var(--s-content-padding-x);--s-form-item-padding-y:var(--s-content-padding-y);--s-form-item-border-color:var(--s-border-color);--s-form-item-label-width:7em;--s-form-item-label-margin-end:var(--s-size-sm);--s-form-item-label-margin-bottom:var(--s-size-2xs);--s-form-item-label-font-size:var(--s-font-size);--s-form-item-label-line-height:var(--s-line-height-normal);--s-form-item-star-font-size:var(--s-font-size);--s-form-item-star-line-height:var(--s-line-height-normal);--s-form-item-star-color:var(--s-color-danger);--s-form-item-star-gap:var(--s-size-2xs);--s-form-item-error-margin-top:var(--s-size-2xs);--s-form-item-error-font-size:var(--s-font-size-sm);--s-form-item-error-line-height:var(--s-line-height-tight);--s-form-item-error-color:var(--s-color-danger)}.s-form{background:var(--s-form-bg)}.s-form--card{border-radius:var(--s-form-card-radius)}.s-form-item{position:relative;display:flex;min-height:var(--s-form-item-min-height);padding:var(--s-form-item-padding-y) var(--s-form-item-padding-x)}.s-form-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.s-form-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.s-form-item:not(:first-child)::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-form-item-border-color);transform-origin:top center;left:var(--s-form-item-padding-x);right:var(--s-form-item-padding-x)}.s-form-item__label{flex:none;display:flex;width:var(--s-form-item-label-width);margin-inline-end:var(--s-form-item-label-margin-end);font-size:var(--s-form-item-label-font-size);line-height:var(--s-form-item-label-line-height);word-break:break-all;gap:var(--s-form-item-star-gap)}.s-form-item__star{font-size:var(--s-form-item-star-font-size);line-height:var(--s-form-item-star-line-height);color:var(--s-form-item-star-color)}.s-form-item__content{flex:1;display:flex;flex-direction:column;justify-content:center}.s-form-item__content--start{text-align:start}.s-form-item__content--end{text-align:end}.s-form-item__error{margin-top:var(--s-form-item-error-margin-top);font-size:var(--s-form-item-error-font-size);line-height:var(--s-form-item-error-line-height);color:var(--s-form-item-error-color)}.s-form-item--vertical{flex-direction:column}.s-form-item--vertical .s-form-item__label{flex:auto;width:auto;margin-inline-end:0;margin-bottom:var(--s-form-item-label-margin-bottom)}.s-form-item--align-start .s-form-item__label{justify-content:flex-start}.s-form-item--align-center .s-form-item__label{justify-content:center}.s-form-item--align-end .s-form-item__label{justify-content:flex-end}.s-form-item--valign-start .s-form-item__label{align-items:flex-start}.s-form-item--valign-center .s-form-item__label{align-items:center}.s-form-item--valign-end .s-form-item__label{align-items:flex-end}.s-form-item--star-end .s-form-item__star{order:1}.s-form-item--inlaid{padding:0;min-height:auto}.s-form-item--inlaid::before{display:none}
+:root{--s-form-bg:var(--s-bg-color-container);--s-form-border-radius-card:var(--s-border-radius-lg);--s-form-item-min-height:var(--s-content-height);--s-form-item-padding-x:var(--s-content-padding-x);--s-form-item-padding-y:var(--s-content-padding-y);--s-form-item-border-color:var(--s-border-color);--s-form-item-label-width:7em;--s-form-item-label-margin-end:var(--s-size-sm);--s-form-item-label-margin-bottom:var(--s-size-2xs);--s-form-item-label-font-size:var(--s-font-size);--s-form-item-label-line-height:var(--s-line-height-normal);--s-form-item-star-font-size:var(--s-font-size);--s-form-item-star-line-height:var(--s-line-height-normal);--s-form-item-star-color:var(--s-color-danger);--s-form-item-star-gap:var(--s-size-2xs);--s-form-item-error-margin-top:var(--s-size-2xs);--s-form-item-error-font-size:var(--s-font-size-sm);--s-form-item-error-line-height:var(--s-line-height-tight);--s-form-item-error-color:var(--s-color-danger)}.s-form{background:var(--s-form-bg)}.s-form--card{border-radius:var(--s-form-border-radius-card)}.s-form-item{position:relative;display:flex;min-height:var(--s-form-item-min-height);padding:var(--s-form-item-padding-y) var(--s-form-item-padding-x)}.s-form-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.s-form-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.s-form-item:not(:first-child)::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-form-item-border-color);transform-origin:top center;left:var(--s-form-item-padding-x);right:var(--s-form-item-padding-x)}.s-form-item__label{flex:none;display:flex;width:var(--s-form-item-label-width);margin-inline-end:var(--s-form-item-label-margin-end);font-size:var(--s-form-item-label-font-size);line-height:var(--s-form-item-label-line-height);word-break:break-all;gap:var(--s-form-item-star-gap)}.s-form-item__star{font-size:var(--s-form-item-star-font-size);line-height:var(--s-form-item-star-line-height);color:var(--s-form-item-star-color)}.s-form-item__content{flex:1;display:flex;flex-direction:column;justify-content:center}.s-form-item__content--start{text-align:start}.s-form-item__content--end{text-align:end}.s-form-item__error{margin-top:var(--s-form-item-error-margin-top);font-size:var(--s-form-item-error-font-size);line-height:var(--s-form-item-error-line-height);color:var(--s-form-item-error-color)}.s-form-item--vertical{flex-direction:column}.s-form-item--vertical .s-form-item__label{flex:auto;width:auto;margin-inline-end:0;margin-bottom:var(--s-form-item-label-margin-bottom)}.s-form-item--align-start .s-form-item__label{justify-content:flex-start}.s-form-item--align-center .s-form-item__label{justify-content:center}.s-form-item--align-end .s-form-item__label{justify-content:flex-end}.s-form-item--valign-start .s-form-item__label{align-items:flex-start}.s-form-item--valign-center .s-form-item__label{align-items:center}.s-form-item--valign-end .s-form-item__label{align-items:flex-end}.s-form-item--star-end .s-form-item__star{order:1}.s-form-item--inlaid{padding:0;min-height:auto}.s-form-item--inlaid::before{display:none}

package/components/form/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import { useFormContext, useFormItemContext } from "./common.js";
 import form_default from "./form.js";
 import { useFormItem } from "./useFormItem.js";

package/components/form/useForm.js

@@ -1,6 +1,5 @@
 import { noop } from "../../utils/utils.js";
 import { arrayEqual, toArray } from "../../utils/array.js";
-import "../../utils/index.js";
 import { useTranslateWithPrefix } from "../../locale/index.js";
 import { formContextKey } from "./common.js";
 import { Validator } from "./Validator.js";

package/components/form/useFormItem.js

@@ -2,7 +2,6 @@ import { isBoolean } from "../../utils/is.js";
 import { noop } from "../../utils/utils.js";
 import { chainGet, chainSet, deepClone } from "../../utils/object.js";
 import { toArray } from "../../utils/array.js";
-import "../../utils/index.js";
 import { formItemContextKey, useFormContext } from "./common.js";
 import { computed, nextTick, onBeforeUnmount, onMounted, provide, reactive, ref, toRef, useTemplateRef, watch } from "vue";
 //#region packages/sard/components/form/useFormItem.ts

package/components/form-plain/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import form_plain_default from "./form-plain.js";
 import form_item_plain_default from "./form-item-plain.js";
 //#region packages/sard/components/form-plain/index.ts

package/components/grid/grid-item.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
 //#region packages/sard/components/grid/grid-item.vue
 var grid_item_default = /*@__PURE__*/ defineComponent({

package/components/grid/grid.js

@@ -1,6 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { addUnit } from "../../utils/utils.js";
-import "../../utils/index.js";
 import { defaultGridProps } from "./common.js";
 import { computed, createElementBlock, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot } from "vue";
 //#region packages/sard/components/grid/grid.vue

package/components/grid/index.css

@@ -1 +1 @@
-:root{--s-grid-bg:var(--s-bg-color-container);--s-grid-border-color:var(--s-border-color);--s-grid-bg-active:var(--s-bg-color-active);--s-grid-item-padding-x:var(--s-size-xs);--s-grid-item-padding-y:var(--s-size);--s-grid-item-icon-size:var(--s-size-xl);--s-grid-item-text-gap:var(--s-size-xs);--s-grid-item-text-font-size:var(--s-font-size-sm);--s-grid-item-text-line-height:var(--s-line-height-tight)}.s-grid{position:relative;display:grid}.s-grid__item{position:relative}.s-grid--square .s-grid__item{aspect-ratio:1/1}.s-grid--bordered::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-top-color:var(--s-grid-border-color);border-left-color:var(--s-grid-border-color)}.s-grid--bordered .s-grid__item::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-bottom-color:var(--s-grid-border-color);border-right-color:var(--s-grid-border-color)}.s-grid--surround .s-grid__item::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-color:var(--s-grid-border-color)}.s-grid--clickable .s-grid__content{cursor:pointer}.s-grid--clickable .s-grid__content:active{background:var(--s-grid-bg-active)}.s-grid__content{box-sizing:border-box;display:flex;justify-content:center;align-items:center;height:100%;padding-top:var(--s-grid-item-padding-y);padding-inline-end:var(--s-grid-item-padding-x);padding-bottom:var(--s-grid-item-padding-y);padding-inline-start:var(--s-grid-item-padding-x);gap:var(--s-grid-item-text-gap);background:var(--s-grid-bg)}.s-grid__icon{position:relative;display:flex;font-size:var(--s-grid-item-icon-size);line-height:1}.s-grid__text{font-size:var(--s-grid-item-text-font-size);line-height:var(--s-grid-item-text-line-height);text-align:center}.s-grid--vertical .s-grid__content{flex-direction:column}.s-grid--horizontal .s-grid__content{flex-direction:row}.s-grid--vertical.s-grid--reverse .s-grid__content{flex-direction:column-reverse}.s-grid--horizontal.s-grid--reverse .s-grid__content{flex-direction:row-reverse}
+:root{--s-grid-bg:var(--s-bg-color-container);--s-grid-bg-active:var(--s-bg-color-active);--s-grid-border-color:var(--s-border-color);--s-grid-content-padding-x:var(--s-size-xs);--s-grid-content-padding-y:var(--s-size);--s-grid-content-gap:var(--s-size-xs);--s-grid-icon-size:var(--s-size-xl);--s-grid-text-font-size:var(--s-font-size-sm);--s-grid-text-line-height:var(--s-line-height-tight);--s-grid-text-color:var(--s-text-color-primary)}.s-grid{position:relative;display:grid}.s-grid__item{position:relative}.s-grid--square .s-grid__item{aspect-ratio:1/1}.s-grid--bordered::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-top-color:var(--s-grid-border-color);border-left-color:var(--s-grid-border-color)}.s-grid--bordered .s-grid__item::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-bottom-color:var(--s-grid-border-color);border-right-color:var(--s-grid-border-color)}.s-grid--surround .s-grid__item::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-color:var(--s-grid-border-color)}.s-grid--clickable .s-grid__content{cursor:pointer}.s-grid--clickable .s-grid__content:active{background:var(--s-grid-bg-active)}.s-grid__content{box-sizing:border-box;display:flex;justify-content:center;align-items:center;height:100%;padding-top:var(--s-grid-content-padding-y);padding-inline-end:var(--s-grid-content-padding-x);padding-bottom:var(--s-grid-content-padding-y);padding-inline-start:var(--s-grid-content-padding-x);gap:var(--s-grid-content-gap);background:var(--s-grid-bg)}.s-grid__icon{position:relative;display:flex;font-size:var(--s-grid-icon-size);line-height:1}.s-grid__text{font-size:var(--s-grid-text-font-size);line-height:var(--s-grid-text-line-height);color:var(--s-grid-text-color);text-align:center}.s-grid--vertical .s-grid__content{flex-direction:column}.s-grid--horizontal .s-grid__content{flex-direction:row}.s-grid--vertical.s-grid--reverse .s-grid__content{flex-direction:column-reverse}.s-grid--horizontal.s-grid--reverse .s-grid__content{flex-direction:row-reverse}

package/components/grid/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import grid_default from "./grid.js";
 import grid_item_default from "./grid-item.js";
 //#region packages/sard/components/grid/index.ts

package/components/image/image.js

@@ -1,7 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { useResizeObserver } from "../../use/useResizeObserver.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import { IMAGE_MODES, defaultImageProps } from "./common.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, useSlots, useTemplateRef, watch } from "vue";
 import { Image, ImageError } from "@sard/icons";

package/components/image/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import image_default from "./image.js";
 //#region packages/sard/components/image/index.ts
 const Image = enhanceComponent(image_default);

package/components/index.d.ts

@@ -48,6 +48,7 @@ export * from './form-plain';
 export * from './grid';
 export * from './image';
 export * from './indexes';
+export * from './infinite-list';
 export * from './input';
 export * from './keyboard';
 export * from './keyboard-popout';

package/components/index.js

@@ -29,7 +29,6 @@ import { ColorPickerInput } from "./color-picker-input/index.js";
 import { ColorPickerPopout } from "./color-picker-popout/index.js";
 import { Compact } from "./compact/index.js";
 import { safeAreaInsets, windowInfo } from "./config/windowInfo.js";
-import "./config/index.js";
 import { CoolIcon } from "./cool-icon/index.js";
 import { formatTime, getCurrentTime, useCountDown } from "./count-down/useCountDown.js";
 import { CountDown } from "./count-down/index.js";
@@ -60,13 +59,14 @@ import { FormItemPlain, FormPlain } from "./form-plain/index.js";
 import { Grid, GridItem } from "./grid/index.js";
 import { Image } from "./image/index.js";
 import { Indexes, IndexesAnchor, IndexesNav } from "./indexes/index.js";
+import { useLoadMore } from "./load-more/useLoadMore.js";
+import { InfiniteList } from "./infinite-list/index.js";
 import { Input } from "./input/index.js";
 import { plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys } from "./keyboard/common.js";
 import { Keyboard } from "./keyboard/index.js";
 import { KeyboardPopout } from "./keyboard-popout/index.js";
 import { Col, Row } from "./layout/index.js";
 import { List, ListItem } from "./list/index.js";
-import { useLoadMore } from "./load-more/useLoadMore.js";
 import { LoadMore } from "./load-more/index.js";
 import { Loading } from "./loading/index.js";
 import { Marquee } from "./marquee/index.js";
@@ -139,4 +139,4 @@ import { Tree, TreeBranch, TreeNode } from "./tree/index.js";
 import { Upload, UploadPreview } from "./upload/index.js";
 import { Waterfall, WaterfallItem, WaterfallLoad } from "./waterfall/index.js";
 import { Watermark } from "./watermark/index.js";
-export { ADD_SWIPER_CONTEXT_KEY, Accordion, AccordionItem, ActionSheet, ActionSheetItem, Alert, Avatar, AvatarGroup, BackTop, Badge, Barcode, 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, Ellipsis, Empty, Fab, FabItem, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, Loading, Marquee, Menu, MenuItem, Motion, Navbar, NavbarItem, NavbarPit, NoticeBar, Notify, 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, 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, createActionSheet, createCropImage, createDialog, createNotify, createPreviewImage, createToast, cropImage, dialog, formatTime, getCurrentTime, notify, omitFormPopoutProps, partitionPopoutInputProps, plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys, previewImage, safeAreaInsets, spaceSizes, toast, useCountDown, useElementBackTop, useFormContext, useFormItem, useFormItemContext, useFormPopout, useInPopup, useLoadMore, useMotioning, usePageBackTop, usePopoutInput, usePopupEnter, usePopupVisibleHookProvide, windowInfo };
+export { ADD_SWIPER_CONTEXT_KEY, Accordion, AccordionItem, ActionSheet, ActionSheetItem, Alert, Avatar, AvatarGroup, BackTop, Badge, Barcode, 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, Ellipsis, Empty, Fab, FabItem, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, InfiniteList, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, Loading, Marquee, Menu, MenuItem, Motion, Navbar, NavbarItem, NavbarPit, NoticeBar, Notify, 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, 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, createActionSheet, createCropImage, createDialog, createNotify, createPreviewImage, createToast, cropImage, dialog, formatTime, getCurrentTime, notify, omitFormPopoutProps, partitionPopoutInputProps, plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys, previewImage, safeAreaInsets, spaceSizes, toast, useCountDown, useElementBackTop, useFormContext, useFormItem, useFormItemContext, useFormPopout, useInPopup, useLoadMore, useMotioning, usePageBackTop, usePopoutInput, usePopupEnter, usePopupVisibleHookProvide, windowInfo };

package/components/indexes/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import indexes_nav_default from "./indexes-nav.js";
 import indexes_default from "./indexes.js";
 import indexes_anchor_default from "./indexes-anchor.js";

package/components/indexes/indexes-anchor.js

@@ -1,6 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { isNullish } from "../../utils/is.js";
-import "../../utils/index.js";
 import { indexesContextKey } from "./common.js";
 import { createElementBlock, createTextVNode, defineComponent, inject, normalizeClass, onBeforeMount, openBlock, renderSlot, toDisplayString, unref, useTemplateRef } from "vue";
 //#region packages/sard/components/indexes/indexes-anchor.vue

package/components/indexes/indexes-nav.js

@@ -1,8 +1,6 @@
 import { createBem, cssVarName } from "../../utils/bem.js";
 import { clamp } from "../../utils/number.js";
 import { usePointerDown } from "../../use/usePointerDown.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import motion_default from "../motion/motion.js";
 import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, useModel, useTemplateRef, vShow, withCtx, withDirectives, withModifiers } from "vue";
 //#region packages/sard/components/indexes/indexes-nav.vue

package/components/indexes/indexes.js

@@ -1,8 +1,6 @@
 import { createBem } from "../../utils/bem.js";
 import { isNullish } from "../../utils/is.js";
 import { useScrollSpy } from "../../use/useScrollSpy.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import { defaultIndexesProps, indexesContextKey } from "./common.js";
 import indexes_nav_default from "./indexes-nav.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeDefaults, normalizeClass, openBlock, provide, renderSlot, unref, useTemplateRef, watch } from "vue";

package/components/infinite-list/common.d.ts

@@ -0,0 +1,24 @@
+import { type DefaultProps } from '../config';
+import type { LoadMoreStatus } from '../load-more/common';
+import type { PullDownRefreshSlots } from '../pull-down-refresh/common';
+export interface InfiniteListProps {
+    request: (page: number, isRefresh: boolean) => Promise<boolean>;
+    hideLoadMore?: boolean;
+    refreshable?: boolean;
+    doneDuration?: number;
+    rootMargin?: string;
+}
+export declare const defaultInfiniteListProps: DefaultProps<InfiniteListProps>;
+export interface InfiniteListSlots extends Omit<PullDownRefreshSlots, 'default'> {
+    default?(props: {
+        status: LoadMoreStatus;
+        refresh: () => void;
+    }): any;
+}
+export interface InfiniteListEmits {
+    (e: 'refresh-success'): void;
+    (e: 'refresh-error'): void;
+}
+export interface InfiniteListExpose {
+    refresh: () => void;
+}

package/components/infinite-list/common.js

@@ -0,0 +1,4 @@
+//#region packages/sard/components/infinite-list/common.ts
+const defaultInfiniteListProps = { doneDuration: 500 };
+//#endregion
+export { defaultInfiniteListProps };

package/components/infinite-list/index.css

@@ -0,0 +1 @@
+.s-infinite-list{overflow-x:hidden;overflow-y:auto}.s-infinite-list .s-pull-down-refresh{display:flow-root;min-height:100%}.s-infinite-list__load-more:is(.is-hidden){visibility:hidden;pointer-events:none}

package/components/infinite-list/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _InfiniteList from './infinite-list.vue';
+export declare const InfiniteList: EnhancedComponent<typeof _InfiniteList>;
+export default InfiniteList;
+export type { InfiniteListProps, InfiniteListSlots, InfiniteListEmits, InfiniteListExpose, } from './common';

package/components/infinite-list/index.js

@@ -0,0 +1,6 @@
+import { enhanceComponent } from "../../utils/component.js";
+import infinite_list_default from "./infinite-list.js";
+//#region packages/sard/components/infinite-list/index.ts
+const InfiniteList = enhanceComponent(infinite_list_default);
+//#endregion
+export { InfiniteList, InfiniteList as default };

package/components/infinite-list/infinite-list.d.ts

@@ -0,0 +1,23 @@
+import { type InfiniteListProps, type InfiniteListSlots, type InfiniteListExpose } from './common';
+type __VLS_Slots = InfiniteListSlots;
+declare const __VLS_base: import("vue").DefineComponent<InfiniteListProps, InfiniteListExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "refresh-success": () => any;
+    "refresh-error": () => any;
+}, string, import("vue").PublicProps, Readonly<InfiniteListProps> & Readonly<{
+    "onRefresh-success"?: (() => any) | undefined;
+    "onRefresh-error"?: (() => any) | undefined;
+}>, {
+    rootMargin: string;
+    doneDuration: number;
+    request: (page: number, isRefresh: boolean) => Promise<boolean>;
+    hideLoadMore: boolean;
+    refreshable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/infinite-list/infinite-list.js

@@ -0,0 +1,126 @@
+import { createBem } from "../../utils/bem.js";
+import loading_default from "../loading/loading.js";
+import { useTranslateWithPrefix } from "../../locale/index.js";
+import { defaultInfiniteListProps } from "./common.js";
+import pull_down_refresh_default from "../pull-down-refresh/pull-down-refresh.js";
+import load_more_default from "../load-more/load-more.js";
+import { useLoadMore } from "../load-more/useLoadMore.js";
+import { createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeDefaults, normalizeClass, normalizeProps, openBlock, ref, renderSlot, toDisplayString, unref, useTemplateRef, withCtx } from "vue";
+//#region packages/sard/components/infinite-list/infinite-list.vue
+var infinite_list_default = /*@__PURE__*/ defineComponent({
+	__name: "infinite-list",
+	props: /*@__PURE__*/ mergeDefaults({
+		request: {
+			type: Function,
+			required: true
+		},
+		hideLoadMore: {
+			type: Boolean,
+			required: false
+		},
+		refreshable: {
+			type: Boolean,
+			required: false
+		},
+		doneDuration: {
+			type: Number,
+			required: false
+		},
+		rootMargin: {
+			type: String,
+			required: false
+		}
+	}, defaultInfiniteListProps),
+	emits: ["refresh-success", "refresh-error"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const bem = createBem("infinite-list");
+		const { t } = useTranslateWithPrefix("pullDownRefresh");
+		const doneText = ref("");
+		const scrollRef = useTemplateRef("scroll");
+		const pullDownRefresh = useTemplateRef("pull-down-refresh");
+		const onScroll = () => {
+			pullDownRefresh.value?.enableToRefresh(scrollRef.value.scrollTop === 0);
+		};
+		const onRefresh = () => {
+			refresh().then(() => {
+				doneText.value = t("doneSuccess");
+				emit("refresh-success");
+			}).catch(() => {
+				doneText.value = t("doneFail");
+				emit("refresh-error");
+			});
+		};
+		const { status, isLoading, isRefreshing, onLoadMore, onReload, refresh } = useLoadMore({
+			root: scrollRef,
+			target: useTemplateRef("load-more"),
+			rootMargin: () => props.rootMargin,
+			request: async (page, isRefresh) => {
+				return props.request(page, isRefresh);
+			}
+		});
+		__expose({ refresh });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref: "scroll",
+				class: normalizeClass(unref(bem).b()),
+				onScroll
+			}, [createVNode(pull_down_refresh_default, {
+				ref: "pull-down-refresh",
+				loading: unref(isRefreshing),
+				disabled: !__props.refreshable || unref(isLoading),
+				"done-duration": __props.doneDuration,
+				onRefresh
+			}, {
+				unready: withCtx((slotsProps) => [renderSlot(_ctx.$slots, "unready", normalizeProps(guardReactiveProps(slotsProps)), () => [createVNode(loading_default, {
+					type: "clock",
+					size: "18px",
+					animated: false,
+					progress: slotsProps.progress
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("unready")), 1)]),
+					_: 1
+				}, 8, ["progress"])])]),
+				ready: withCtx(() => [renderSlot(_ctx.$slots, "ready", {}, () => [createVNode(loading_default, {
+					type: "clock",
+					size: "18px",
+					animated: false
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("ready")), 1)]),
+					_: 1
+				})])]),
+				loading: withCtx(() => [renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(loading_default, {
+					type: "clock",
+					size: "18px"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("loading")), 1)]),
+					_: 1
+				})])]),
+				done: withCtx(() => [renderSlot(_ctx.$slots, "done", {}, () => [createTextVNode(toDisplayString(doneText.value), 1)])]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+					status: unref(status),
+					refresh: unref(refresh)
+				}), createElementVNode("div", {
+					ref: "load-more",
+					class: normalizeClass([unref(bem).e("load-more"), unref(bem).is("hidden", __props.hideLoadMore)])
+				}, [createVNode(load_more_default, {
+					status: unref(status),
+					onLoadMore: unref(onLoadMore),
+					onReload: unref(onReload)
+				}, null, 8, [
+					"status",
+					"onLoadMore",
+					"onReload"
+				])], 2)]),
+				_: 3
+			}, 8, [
+				"loading",
+				"disabled",
+				"done-duration"
+			])], 34);
+		};
+	}
+});
+//#endregion
+export { infinite_list_default as default };

package/components/input/index.css

@@ -1 +1 @@
-:root{--s-input-padding-y:5px;--s-input-padding-y-borderless:6px;--s-input-padding-x:var(--s-size-sm);--s-input-gap:var(--s-size-xs);--s-input-radius:var(--s-border-radius);--s-input-border-color:var(--s-border-color);--s-input-border-color-focused:var(--s-color-primary);--s-input-control-font-size:var(--s-font-size);--s-input-control-input-height:24px;--s-input-control-line-height:var(--s-line-height-normal);--s-input-placeholder-color:var(--s-text-color-fourth);--s-input-append-gap:var(--s-size-xs);--s-input-clear-font-size:var(--s-size);--s-input-clear-color:var(--s-text-color-fourth);--s-input-eye-font-size:var(--s-size);--s-input-eye-color:var(--s-text-color-fourth);--s-input-count-font-size:var(--s-font-size-sm);--s-input-count-color:var(--s-text-color-tertiary);--s-input-count-gap:var(--s-size-2xs)}.s-input{position:relative;display:flex;align-items:center;gap:var(--s-input-gap);padding:var(--s-input-padding-y) var(--s-input-padding-x);border:1px solid var(--s-input-border-color);border-radius:var(--s-input-radius);font-size:var(--s-input-control-font-size);line-height:var(--s-input-control-line-height);transition:var(--s-duration)}.s-input--borderless{padding-top:var(--s-input-padding-y-borderless);padding-bottom:var(--s-input-padding-y-borderless);border-width:0}.s-input--inlaid{padding:0;border-width:0}.s-input--inlaid .s-input__tools{min-width:0;margin-inline-end:0}.s-input--inlaid .s-input__append{margin-inline-end:0}.s-input:is(.is-focused){border-color:var(--s-input-border-color-focused);z-index:1}.s-input:is(.is-disabled){background:var(--s-bg-color-disabled)}.s-input__control{flex:1;width:100%;max-width:100%;min-width:0;margin:0;padding:0;border-width:0;font-size:inherit;line-height:inherit;background:var(--s-input-bg);appearance:none;outline:none;text-align:inherit;color:inherit}.s-input__control:is(input){height:var(--s-input-control-input-height)}.s-input__control:is(input)::-ms-reveal{display:none}.s-input__control:is(input)::-webkit-search-cancel-button{display:none}.s-input__control:is(textarea){min-height:var(--s-input-control-input-height);resize:none}.s-input__control::placeholder{color:var(--s-input-placeholder-color)}.s-input__prepend,.s-input__append{display:flex;align-items:center;align-self:stretch;flex:none;line-height:1}.s-input__append{gap:var(--s-input-append-gap)}.s-input__clear{position:relative;z-index:2;display:flex;align-self:stretch;justify-content:center;align-items:center;font-size:var(--s-input-clear-font-size);color:var(--s-input-clear-color);cursor:pointer}.s-input__clear::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1.5, 1)}.s-input__eye{position:relative;display:flex;align-self:stretch;justify-content:center;align-items:center;font-size:var(--s-input-eye-font-size);color:var(--s-input-eye-color);cursor:pointer}.s-input__eye::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1.5, 1)}.s-input__count{display:flex;align-items:center;font-size:var(--s-input-count-font-size);line-height:var(--s-line-height-tight);color:var(--s-input-count-color);white-space:nowrap;pointer-events:none}.s-input--textarea .s-input__count{position:absolute;top:calc(100% + var(--s-input-count-gap));inset-inline-end:0}.s-input:is(.is-disabled) .s-input__control{color:var(--s-text-color-disabled)}.s-input:is(.is-readonly) .s-input__control{pointer-events:none}.s-input--compact-horizontal{width:auto;flex:0 1 auto}.s-input--compact-horizontal:not(:first-child){margin-inline-start:-1px}:root:not([dir=rtl]) .s-input--compact-horizontal:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}:root[dir=rtl] .s-input--compact-horizontal:not(:first-child){border-top-right-radius:0;border-bottom-right-radius:0}:root:not([dir=rtl]) .s-input--compact-horizontal:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:root[dir=rtl] .s-input--compact-horizontal:not(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}.s-input--compact-block{flex:1 1 auto}
+:root{--s-input-padding-y:5px;--s-input-padding-y-borderless:6px;--s-input-padding-x:var(--s-size-sm);--s-input-gap:var(--s-size-xs);--s-input-border-radius:var(--s-border-radius);--s-input-border-color:var(--s-border-color);--s-input-border-color-focused:var(--s-color-primary);--s-input-bg:rgba(0,0,0,0);--s-input-bg-disabled:var(--s-bg-color-disabled);--s-input-duration:var(--s-duration);--s-input-control-height:24px;--s-input-control-font-size:var(--s-font-size);--s-input-control-line-height:var(--s-line-height-normal);--s-input-control-color-disabled:var(--s-text-color-disabled);--s-input-placeholder-color:var(--s-text-color-fourth);--s-input-append-gap:var(--s-size-xs);--s-input-clear-font-size:var(--s-size);--s-input-clear-color:var(--s-text-color-fourth);--s-input-eye-font-size:var(--s-size);--s-input-eye-color:var(--s-text-color-fourth);--s-input-count-font-size:var(--s-font-size-sm);--s-input-count-line-height:var(--s-line-height-tight);--s-input-count-color:var(--s-text-color-tertiary);--s-input-count-margin-top:var(--s-size-2xs)}.s-input{position:relative;display:flex;align-items:center;gap:var(--s-input-gap);padding:var(--s-input-padding-y) var(--s-input-padding-x);border:1px solid var(--s-input-border-color);border-radius:var(--s-input-border-radius);font-size:var(--s-input-control-font-size);line-height:var(--s-input-control-line-height);transition:var(--s-input-duration)}.s-input--borderless{padding-top:var(--s-input-padding-y-borderless);padding-bottom:var(--s-input-padding-y-borderless);border-width:0}.s-input--inlaid{padding:0;border-width:0}.s-input--inlaid .s-input__tools{min-width:0;margin-inline-end:0}.s-input--inlaid .s-input__append{margin-inline-end:0}.s-input:is(.is-focused){border-color:var(--s-input-border-color-focused);z-index:1}.s-input:is(.is-disabled){background:var(--s-input-bg-disabled)}.s-input__control{flex:1;width:100%;max-width:100%;min-width:0;margin:0;padding:0;border-width:0;font-size:inherit;line-height:inherit;background:var(--s-input-bg);appearance:none;outline:none;text-align:inherit;color:inherit}.s-input__control:is(input){height:var(--s-input-control-height)}.s-input__control:is(input)::-ms-reveal{display:none}.s-input__control:is(input)::-webkit-search-cancel-button{display:none}.s-input__control:is(textarea){min-height:var(--s-input-control-height);resize:none}.s-input__control::placeholder{color:var(--s-input-placeholder-color)}.s-input__prepend,.s-input__append{display:flex;align-items:center;align-self:stretch;flex:none;line-height:1}.s-input__append{gap:var(--s-input-append-gap)}.s-input__clear{position:relative;z-index:2;display:flex;align-self:stretch;justify-content:center;align-items:center;font-size:var(--s-input-clear-font-size);color:var(--s-input-clear-color);cursor:pointer}.s-input__clear::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1.5, 1)}.s-input__eye{position:relative;display:flex;align-self:stretch;justify-content:center;align-items:center;font-size:var(--s-input-eye-font-size);color:var(--s-input-eye-color);cursor:pointer}.s-input__eye::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1.5, 1)}.s-input__count{display:flex;align-items:center;font-size:var(--s-input-count-font-size);line-height:var(--s-input-count-line-height);color:var(--s-input-count-color);white-space:nowrap;pointer-events:none}.s-input--textarea .s-input__count{position:absolute;top:100%;margin-top:var(--s-input-count-margin-top);inset-inline-end:0}.s-input:is(.is-disabled) .s-input__control{color:var(--s-input-control-color-disabled)}.s-input:is(.is-readonly) .s-input__control{pointer-events:none}.s-input--compact-horizontal{width:auto;flex:0 1 auto}.s-input--compact-horizontal:not(:first-child){margin-inline-start:-1px}:root:not([dir=rtl]) .s-input--compact-horizontal:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}:root[dir=rtl] .s-input--compact-horizontal:not(:first-child){border-top-right-radius:0;border-bottom-right-radius:0}:root:not([dir=rtl]) .s-input--compact-horizontal:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:root[dir=rtl] .s-input--compact-horizontal:not(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}.s-input--compact-block{flex:1 1 auto}

package/components/input/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import input_default from "./input.js";
 //#region packages/sard/components/input/index.ts
 const Input = enhanceComponent(input_default);

package/components/input/input.js

@@ -4,8 +4,6 @@ import { isNullish } from "../../utils/is.js";
 import { usePointerDown } from "../../use/usePointerDown.js";
 import { useSimulatedClick } from "../../use/useSimulatedClick.js";
 import { useComposition } from "../../use/useComposition.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import { useFormContext, useFormItemContext } from "../form/common.js";
 import { compactContextKey } from "../compact/common.js";
 import { defaultInputProps } from "./common.js";

package/components/input/utils.js

@@ -1,5 +1,4 @@
 import { isObject } from "../../utils/is.js";
-import "../../utils/index.js";
 //#region packages/sard/components/input/utils.ts
 function resizeTextarea(el, autoHeight) {
 	if (!autoHeight) return;

package/components/keyboard/common.js

@@ -1,5 +1,4 @@
 import { shuffle } from "../../utils/array.js";
-import "../../utils/index.js";
 //#region packages/sard/components/keyboard/common.ts
 const defaultKeyboardProps = {
 	type: "number",

package/components/keyboard/index.css

@@ -1 +1 @@
-:root{--s-keyboard-bg:var(--s-gray-200);--s-keyboard-padding:6px;--s-keyboard-key-gap:6px;--s-keyboard-key-color:var(--s-text-color-primary);--s-keyboard-key-bg:var(--s-white);--s-keyboard-key-bg-active:var(--s-gray-300);--s-keyboard-key-height:var(--s-size-4xl);--s-keyboard-key-radius:var(--s-border-radius);--s-keyboard-key-font-size:var(--s-font-size-xl);--s-keyboard-key-plate-height:var(--s-size-3xl);--s-keyboard-key-plate-radius:var(--s-border-radius-sm);--s-keyboard-key-plate-font-size:var(--s-font-size);--s-keyboard-key-plate-backspace-font-size:var(--s-size);--s-keyboard-key-plate-bg:var(--s-gray-300);--s-keyboard-key-plate-bg-active:var(--s-gray-400)}.dark{--s-keyboard-bg:var(--s-gray-800);--s-keyboard-key-color:var(--s-white);--s-keyboard-key-bg:var(--s-gray-600);--s-keyboard-key-bg-active:var(--s-gray-500);--s-keyboard-key-plate-bg:var(--s-gray-600);--s-keyboard-key-plate-bg-active:var(--s-gray-500)}.s-keyboard{display:grid;gap:var(--s-keyboard-key-gap);padding:var(--s-keyboard-padding);background:var(--s-keyboard-bg)}.s-keyboard--number,.s-keyboard--digit,.s-keyboard--idcard,.s-keyboard--random{grid-template-columns:repeat(3, 1fr)}.s-keyboard--number .s-keyboard__key:nth-child(10),.s-keyboard--random .s-keyboard__key:nth-child(10){grid-column:1/3}.s-keyboard__key{flex:1;display:flex;align-items:center;justify-content:center;height:var(--s-keyboard-key-height);border-radius:var(--s-keyboard-key-radius);font-size:var(--s-keyboard-key-font-size);color:var(--s-keyboard-key-color);background:var(--s-keyboard-key-bg);cursor:pointer;-webkit-user-select:none;user-select:none}.s-keyboard__key:active{background:var(--s-keyboard-key-bg-active)}.s-keyboard__key:is(.is-disabled){opacity:.4;pointer-events:none}.s-keyboard--plate{grid-template-columns:repeat(20, 1fr)}.s-keyboard--plate .s-keyboard__key{grid-column:span 2;height:var(--s-keyboard-key-plate-height);border-radius:var(--s-keyboard-key-plate-radius);font-size:var(--s-keyboard-key-plate-font-size)}.s-keyboard--plate .s-keyboard__key--A{grid-column:2/4}.s-keyboard--plate .s-keyboard__key--I,.s-keyboard--plate .s-keyboard__key--O{opacity:.4;pointer-events:none}.s-keyboard--plate .s-keyboard__key--backspace,.s-keyboard--plate .s-keyboard__key--toggle{grid-column:span 3;background:var(--s-keyboard-key-plate-bg)}.s-keyboard--plate .s-keyboard__key--backspace:active,.s-keyboard--plate .s-keyboard__key--toggle:active{background:var(--s-keyboard-key-plate-bg-active)}.s-keyboard--plate .s-keyboard__key--backspace{font-size:var(--s-keyboard-key-plate-backspace-font-size)}:root[dir=rtl] .s-keyboard__delete-icon{transform:rotateY(180deg)}
+:root{--s-keyboard-bg:var(--s-gray-200);--s-keyboard-padding:6px;--s-keyboard-key-gap:6px;--s-keyboard-key-color:var(--s-text-color-primary);--s-keyboard-key-bg:var(--s-white);--s-keyboard-key-bg-active:var(--s-gray-300);--s-keyboard-key-height:var(--s-size-4xl);--s-keyboard-key-radius:var(--s-border-radius);--s-keyboard-key-font-size:var(--s-font-size-xl);--s-keyboard-key-plate-height:var(--s-size-3xl);--s-keyboard-key-plate-radius:var(--s-border-radius-sm);--s-keyboard-key-plate-font-size:var(--s-font-size);--s-keyboard-key-plate-backspace-font-size:var(--s-size);--s-keyboard-key-plate-bg:var(--s-gray-300);--s-keyboard-key-plate-bg-active:var(--s-gray-400)}.dark{--s-keyboard-bg:var(--s-gray-800);--s-keyboard-key-color:var(--s-white);--s-keyboard-key-bg:var(--s-gray-600);--s-keyboard-key-bg-active:var(--s-gray-500);--s-keyboard-key-plate-bg:var(--s-gray-600);--s-keyboard-key-plate-bg-active:var(--s-gray-500)}.s-keyboard{display:grid;gap:var(--s-keyboard-key-gap);padding:var(--s-keyboard-padding);background:var(--s-keyboard-bg)}.s-keyboard--number,.s-keyboard--digit,.s-keyboard--idcard,.s-keyboard--random{grid-template-columns:repeat(3, 1fr)}.s-keyboard--number .s-keyboard__key:nth-child(10),.s-keyboard--random .s-keyboard__key:nth-child(10){grid-column:1/3}.s-keyboard__key{display:flex;align-items:center;justify-content:center;height:var(--s-keyboard-key-height);border-radius:var(--s-keyboard-key-radius);font-size:var(--s-keyboard-key-font-size);color:var(--s-keyboard-key-color);background:var(--s-keyboard-key-bg);cursor:pointer;-webkit-user-select:none;user-select:none}.s-keyboard__key:active{background:var(--s-keyboard-key-bg-active)}.s-keyboard__key:is(.is-disabled){opacity:.4;pointer-events:none}.s-keyboard--plate{grid-template-columns:repeat(20, 1fr)}.s-keyboard--plate .s-keyboard__key{grid-column:span 2;height:var(--s-keyboard-key-plate-height);border-radius:var(--s-keyboard-key-plate-radius);font-size:var(--s-keyboard-key-plate-font-size)}.s-keyboard--plate .s-keyboard__key--A{grid-column:2/4}.s-keyboard--plate .s-keyboard__key--I,.s-keyboard--plate .s-keyboard__key--O{opacity:.4;pointer-events:none}.s-keyboard--plate .s-keyboard__key--backspace,.s-keyboard--plate .s-keyboard__key--toggle{grid-column:span 3;background:var(--s-keyboard-key-plate-bg)}.s-keyboard--plate .s-keyboard__key--backspace:active,.s-keyboard--plate .s-keyboard__key--toggle:active{background:var(--s-keyboard-key-plate-bg-active)}.s-keyboard--plate .s-keyboard__key--backspace{font-size:var(--s-keyboard-key-plate-backspace-font-size)}:root[dir=rtl] .s-keyboard__delete-icon{transform:rotateY(180deg)}

package/components/keyboard/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import { plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys } from "./common.js";
 import keyboard_default from "./keyboard.js";
 //#region packages/sard/components/keyboard/index.ts

package/components/keyboard/keyboard.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { chineseKeys, defaultKeyboardProps, digitKeys, englishKeys, getRandomKeys, idcardKeys, numberKeys } from "./common.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, useModel, watch } from "vue";
 import { Backspace } from "@sard/icons";

package/components/keyboard-popout/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import keyboard_popout_default from "./keyboard-popout.js";
 //#region packages/sard/components/keyboard-popout/index.ts
 const KeyboardPopout = enhanceComponent(keyboard_popout_default);

package/components/keyboard-popout/keyboard-popout.js

@@ -1,5 +1,4 @@
 import { omit } from "../../utils/object.js";
-import "../../utils/index.js";
 import popout_default from "../popout/popout.js";
 import keyboard_default from "../keyboard/keyboard.js";
 import { defaultKeyboardPopoutProps } from "./common.js";

package/components/layout/col.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { rowSymbol } from "./common.js";
 import { computed, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderSlot } from "vue";
 //#region packages/sard/components/layout/col.vue

package/components/layout/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import row_default from "./row.js";
 import col_default from "./col.js";
 //#region packages/sard/components/layout/index.ts

package/components/layout/row.js

@@ -1,6 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { splitUnit } from "../../utils/utils.js";
-import "../../utils/index.js";
 import { mapAlign, mapJustify, rowSymbol } from "./common.js";
 import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, provide, reactive, renderSlot, toRef, unref } from "vue";
 //#region packages/sard/components/layout/row.vue

package/components/list/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import list_default from "./list.js";
 import list_item_default from "./list-item.js";
 //#region packages/sard/components/list/index.ts

package/components/list/list-item.js

@@ -1,6 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { isRenderVisible } from "../../utils/utils.js";
-import "../../utils/index.js";
 import { defaultListItemProps, listContextKey } from "./common.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, mergeDefaults, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
 import { Down, Right, Up } from "@sard/icons";

package/components/list/list.js

@@ -1,6 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { isRenderVisible } from "../../utils/utils.js";
-import "../../utils/index.js";
 import { listContextKey } from "./common.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, provide, reactive, renderSlot, toDisplayString, toRef, unref, useSlots } from "vue";
 //#region packages/sard/components/list/list.vue

package/components/load-more/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import load_more_default from "./load-more.js";
 import { useLoadMore } from "./useLoadMore.js";
 //#region packages/sard/components/load-more/index.ts

package/components/load-more/load-more.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import loading_default from "../loading/loading.js";
 import { useTranslateWithPrefix } from "../../locale/index.js";
 import { defaultLoadMoreProps } from "./common.js";