vanilla-jui 1.5.2 → 1.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +18 -2
- package/dist/index.js +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/form.ts +51 -14
- package/src/components/modal.ts +52 -50
- package/src/components/pagination.ts +3 -1
- package/src/css/accordion.css +13 -6
- package/src/css/color.css +1 -2
- package/src/css/color_p3.css +1 -4
- package/src/css/content.css +18 -18
- package/src/css/drop.css +1 -1
- package/src/css/gradient.css +128 -63
- package/src/css/layout.css +11 -7
- package/src/css/menu.css +4 -3
- package/src/css/swiper.css +1 -1
- package/src/css/tabs.css +1 -1
- package/src/css/themes/default/drop.css +1 -1
- package/src/css/themes/default/swiper.css +1 -1
- package/src/css/themes/default/tabs.css +1 -1
- package/src/css/tokens.css +1 -1
- package/src/css/tooltip.css +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1068,6 +1068,7 @@ interface FormValidatorConfig {
|
|
|
1068
1068
|
onSubmit?: (() => void) | null;
|
|
1069
1069
|
[key: string]: unknown;
|
|
1070
1070
|
}
|
|
1071
|
+
type ButtonsPosition = 'start' | 'center' | 'end';
|
|
1071
1072
|
interface FormProps extends Record<string, unknown> {
|
|
1072
1073
|
id?: string | null;
|
|
1073
1074
|
vertical?: boolean;
|
|
@@ -1075,6 +1076,7 @@ interface FormProps extends Record<string, unknown> {
|
|
|
1075
1076
|
style?: FormStyle;
|
|
1076
1077
|
fields?: readonly FormItem<FormField>[];
|
|
1077
1078
|
buttons?: boolean | readonly FormButton[];
|
|
1079
|
+
buttonsPosition?: ButtonsPosition;
|
|
1078
1080
|
className?: FormClassNameConfig;
|
|
1079
1081
|
validator?: FormValidatorConfig;
|
|
1080
1082
|
onSubmit?: ((data: FormDataRecord, form: Form) => void | Promise<void>) | null;
|
|
@@ -1087,12 +1089,23 @@ interface ResolvedFormProps extends Record<string, unknown> {
|
|
|
1087
1089
|
style: FormStyle;
|
|
1088
1090
|
fields: FormItem<FormField>[];
|
|
1089
1091
|
buttons: FormButton[];
|
|
1092
|
+
buttonsPosition: ButtonsPosition;
|
|
1090
1093
|
className: FormClassNames;
|
|
1091
1094
|
validator: FormValidatorConfig;
|
|
1092
1095
|
onSubmit: ((data: FormDataRecord, form: Form) => void | Promise<void>) | null;
|
|
1093
1096
|
onReset: ((event: Event, form: Form) => void) | null;
|
|
1094
1097
|
}
|
|
1095
|
-
interface FormState extends
|
|
1098
|
+
interface FormState extends Record<string, unknown> {
|
|
1099
|
+
id: string;
|
|
1100
|
+
vertical: boolean;
|
|
1101
|
+
itemVertical: boolean;
|
|
1102
|
+
style: FormStyle;
|
|
1103
|
+
fields: FormItem<FormField>[];
|
|
1104
|
+
buttons: FormButton[];
|
|
1105
|
+
className: FormClassNames;
|
|
1106
|
+
validator: FormValidatorConfig;
|
|
1107
|
+
onSubmit: ((data: FormDataRecord, form: Form) => void | Promise<void>) | null;
|
|
1108
|
+
onReset: ((event: Event, form: Form) => void) | null;
|
|
1096
1109
|
submitting: boolean;
|
|
1097
1110
|
data: FormDataRecord | null;
|
|
1098
1111
|
}
|
|
@@ -1356,6 +1369,7 @@ interface ModalText {
|
|
|
1356
1369
|
confirm: string;
|
|
1357
1370
|
cancel: string;
|
|
1358
1371
|
}
|
|
1372
|
+
type ModalStyle = string | Partial<CSSStyleDeclaration> | null;
|
|
1359
1373
|
interface ModalProps extends Record<string, unknown> {
|
|
1360
1374
|
content?: ModalContent;
|
|
1361
1375
|
cache?: boolean;
|
|
@@ -1373,6 +1387,7 @@ interface ModalProps extends Record<string, unknown> {
|
|
|
1373
1387
|
onCancel?: ((modal: Modal) => void | Promise<void>) | null;
|
|
1374
1388
|
header?: boolean;
|
|
1375
1389
|
footer?: boolean;
|
|
1390
|
+
style?: ModalStyle;
|
|
1376
1391
|
id?: string | null;
|
|
1377
1392
|
escClose?: boolean;
|
|
1378
1393
|
bgClose?: boolean;
|
|
@@ -1386,6 +1401,7 @@ interface ResolvedModalProps extends Record<string, unknown> {
|
|
|
1386
1401
|
showCancel: boolean;
|
|
1387
1402
|
showClose: boolean;
|
|
1388
1403
|
fullscreen: boolean;
|
|
1404
|
+
style: ModalStyle;
|
|
1389
1405
|
text: ModalText;
|
|
1390
1406
|
onShow: NonNullable<ModalProps['onShow']> | null;
|
|
1391
1407
|
onShown: NonNullable<ModalProps['onShown']> | null;
|
|
@@ -1736,4 +1752,4 @@ interface MenuState extends Record<string, unknown> {
|
|
|
1736
1752
|
type Menu = FunctionalComponent<ResolvedMenuProps, MenuState, HTMLElement>;
|
|
1737
1753
|
declare function createMenu(input?: MenuProps): Menu;
|
|
1738
1754
|
//#endregion
|
|
1739
|
-
export { CleanupFunction, CollapseMotionController, CollapseTransitionDefinition, ComponentCleanup, ComponentContext, ComponentController, ComponentDefinition, ComponentLifecycleEvent, ComponentListener, ComponentPlugin, ComponentPluginOptions, ComponentProps, ComponentRuntime, ComponentState, ContainerExpect, DOMReference, type DebounceSettings, type DebouncedFunc, DropInstance, ElementRef, FieldOption, Flow, FlowAction, FlowBusyHook, FlowBusyStrategy, FlowChangeHook, FlowClassNameConfig, FlowClassNames, FlowCleanup, FlowContext, FlowData, FlowDirection, FlowErrorHook, FlowFinishHook, FlowGoToOptions, FlowGuardHook, FlowLifecycleHook, FlowMoveHook, FlowPayload, FlowProps, FlowRenderContext, FlowSlot, FlowSlotName, FlowSnapshot, FlowState, FlowStep, FlowStepResult, FlowSubscriber, FlowTarget, FlowText, Form, FormButton, FormClassNameConfig, FormClassNames, FormDataRecord, FormDataValue, FormField, FormItem, FormItemNext, FormItemType, FormOption, FormProps, FormValidatorConfig, FunctionalComponent, IEventManager, IconAttributeValue, IconName, IconPathMap, IconProps, KeyedElementRefs, LazyRenderCallback, LazyRenderOptions, LazyRenderTarget, Menu, MenuClassNameConfig, MenuClassNames, MenuItem, MenuItemId, MenuProps, MenuType, Modal, ModalClassNameConfig, ModalClassNames, ModalProps, ModalText, MotionController, NormalizeContext, Offcanvas, OffcanvasAnimate, OffcanvasClassNameConfig, OffcanvasClassNames, OffcanvasContent, OffcanvasDirection, OffcanvasProps, OwnedView, OwnedViewOptions, Pagination, PaginationClassNameConfig, PaginationClassNames, PaginationCount, PaginationPage, PaginationProps, ParabolaInstance, ParamRule, ParamRuleInput, PopupProps, PresenceController, PresenceOptions, PresencePhase, PublicFlowStep, QueryContext, RenderableContent, RequireContainerResult, ResolveContainerResult, ResolveSchema, ResolvedProps, StateSyncOptions, SupportES2022, Swiper, SwiperClassNameConfig, SwiperClassNames, SwiperDataItem, SwiperDataLoader, SwiperDataSource, SwiperProps, SwiperSlideContext, TabContent, TabItem, Tabs, TabsClassNameConfig, TabsClassNames, TabsDirection, TabsDisabled, TabsPanelContext, TabsProps, TabsValue, ThemeClassNameConfig, ThemeClassNames, ThemeConfigKey, ThemeInstance, ThemeOptions, ThemePanelGroup, ThemeResolvedOptions, type ThrottleSettings, Toast, ToastActionProps, ToastClassNameConfig, ToastClassNames, ToastOptions, ToastType, TocCurrent, TocItem, TooltipInstance, TransitionDefinition, TransitionTarget, ValidateCondition, ValidatorInstance, addIcons, all, checkModernBrowser, copy, createAccordion, createCollapseTransition, createDrop, createElementRef, createEventManager, createFlow, createForm, createKeyedElementRefs, createLoading, createMenu, createModal, createMotionGroup, createOffcanvas, createOwnedView, createPagination, createParabola, createPopup, createPresence, createScheduledTask, createStateSync, createSticky, createSwiper, createTabs, createTheme, createToc, createTooltip, createTransition, createValidator, debounce, defineComponent, flexPosition, getRegistedIconPath, getStoreVersion, getType, icon, iconHtml, iconMarkup, isDomElementValue, isDomNodeValue, isElement, isHtmlElementValue, isMobile, isModernBrowser, isNilValue, isNode, isPlainObject, isRenderableContent, isRenderablePrimitive, isRenderableValue, lazyRender, listen, postJson, q, randomId, removeComponentPlugin, requireContainer, resolveContainer, resolveElement, resolveNode, resolveNodeList, resolveProps, restUrl, stateSnapshot, throttle, timer, trackStoreVersion, useComponentPlugin, uuid, validateParam, waitForMotion };
|
|
1755
|
+
export { ButtonsPosition, CleanupFunction, CollapseMotionController, CollapseTransitionDefinition, ComponentCleanup, ComponentContext, ComponentController, ComponentDefinition, ComponentLifecycleEvent, ComponentListener, ComponentPlugin, ComponentPluginOptions, ComponentProps, ComponentRuntime, ComponentState, ContainerExpect, DOMReference, type DebounceSettings, type DebouncedFunc, DropInstance, ElementRef, FieldOption, Flow, FlowAction, FlowBusyHook, FlowBusyStrategy, FlowChangeHook, FlowClassNameConfig, FlowClassNames, FlowCleanup, FlowContext, FlowData, FlowDirection, FlowErrorHook, FlowFinishHook, FlowGoToOptions, FlowGuardHook, FlowLifecycleHook, FlowMoveHook, FlowPayload, FlowProps, FlowRenderContext, FlowSlot, FlowSlotName, FlowSnapshot, FlowState, FlowStep, FlowStepResult, FlowSubscriber, FlowTarget, FlowText, Form, FormButton, FormClassNameConfig, FormClassNames, FormDataRecord, FormDataValue, FormField, FormItem, FormItemNext, FormItemType, FormOption, FormProps, FormValidatorConfig, FunctionalComponent, IEventManager, IconAttributeValue, IconName, IconPathMap, IconProps, KeyedElementRefs, LazyRenderCallback, LazyRenderOptions, LazyRenderTarget, Menu, MenuClassNameConfig, MenuClassNames, MenuItem, MenuItemId, MenuProps, MenuType, Modal, ModalClassNameConfig, ModalClassNames, ModalProps, ModalText, MotionController, NormalizeContext, Offcanvas, OffcanvasAnimate, OffcanvasClassNameConfig, OffcanvasClassNames, OffcanvasContent, OffcanvasDirection, OffcanvasProps, OwnedView, OwnedViewOptions, Pagination, PaginationClassNameConfig, PaginationClassNames, PaginationCount, PaginationPage, PaginationProps, ParabolaInstance, ParamRule, ParamRuleInput, PopupProps, PresenceController, PresenceOptions, PresencePhase, PublicFlowStep, QueryContext, RenderableContent, RequireContainerResult, ResolveContainerResult, ResolveSchema, ResolvedProps, StateSyncOptions, SupportES2022, Swiper, SwiperClassNameConfig, SwiperClassNames, SwiperDataItem, SwiperDataLoader, SwiperDataSource, SwiperProps, SwiperSlideContext, TabContent, TabItem, Tabs, TabsClassNameConfig, TabsClassNames, TabsDirection, TabsDisabled, TabsPanelContext, TabsProps, TabsValue, ThemeClassNameConfig, ThemeClassNames, ThemeConfigKey, ThemeInstance, ThemeOptions, ThemePanelGroup, ThemeResolvedOptions, type ThrottleSettings, Toast, ToastActionProps, ToastClassNameConfig, ToastClassNames, ToastOptions, ToastType, TocCurrent, TocItem, TooltipInstance, TransitionDefinition, TransitionTarget, ValidateCondition, ValidatorInstance, addIcons, all, checkModernBrowser, copy, createAccordion, createCollapseTransition, createDrop, createElementRef, createEventManager, createFlow, createForm, createKeyedElementRefs, createLoading, createMenu, createModal, createMotionGroup, createOffcanvas, createOwnedView, createPagination, createParabola, createPopup, createPresence, createScheduledTask, createStateSync, createSticky, createSwiper, createTabs, createTheme, createToc, createTooltip, createTransition, createValidator, debounce, defineComponent, flexPosition, getRegistedIconPath, getStoreVersion, getType, icon, iconHtml, iconMarkup, isDomElementValue, isDomNodeValue, isElement, isHtmlElementValue, isMobile, isModernBrowser, isNilValue, isNode, isPlainObject, isRenderableContent, isRenderablePrimitive, isRenderableValue, lazyRender, listen, postJson, q, randomId, removeComponentPlugin, requireContainer, resolveContainer, resolveElement, resolveNode, resolveNodeList, resolveProps, restUrl, stateSnapshot, throttle, timer, trackStoreVersion, useComponentPlugin, uuid, validateParam, waitForMotion };
|