vanilla-jui 1.5.2 → 1.5.4
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 +19 -5
- package/dist/index.js +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -6
- 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/src/index.ts +0 -1
- package/src/utilities/object.ts +16 -3
- package/src/utilities/function.ts +0 -4
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import debounce, { DebounceSettings, DebouncedFunc } from "lodash-es/debounce.js";
|
|
2
|
-
import throttle, { ThrottleSettings } from "lodash-es/throttle.js";
|
|
3
1
|
//#region src/utilities/browser.d.ts
|
|
4
2
|
declare global {
|
|
5
3
|
interface Navigator {
|
|
@@ -253,7 +251,7 @@ declare function createTransition(target: TransitionTarget, definition: Transiti
|
|
|
253
251
|
declare function createCollapseTransition(target: () => HTMLElement | null | undefined, definition?: CollapseTransitionDefinition): CollapseMotionController;
|
|
254
252
|
//#endregion
|
|
255
253
|
//#region src/utilities/object.d.ts
|
|
256
|
-
declare function isPlainObject(
|
|
254
|
+
declare function isPlainObject(value: unknown): boolean;
|
|
257
255
|
//#endregion
|
|
258
256
|
//#region src/utilities/timer.d.ts
|
|
259
257
|
declare const timer: {
|
|
@@ -1068,6 +1066,7 @@ interface FormValidatorConfig {
|
|
|
1068
1066
|
onSubmit?: (() => void) | null;
|
|
1069
1067
|
[key: string]: unknown;
|
|
1070
1068
|
}
|
|
1069
|
+
type ButtonsPosition = 'start' | 'center' | 'end';
|
|
1071
1070
|
interface FormProps extends Record<string, unknown> {
|
|
1072
1071
|
id?: string | null;
|
|
1073
1072
|
vertical?: boolean;
|
|
@@ -1075,6 +1074,7 @@ interface FormProps extends Record<string, unknown> {
|
|
|
1075
1074
|
style?: FormStyle;
|
|
1076
1075
|
fields?: readonly FormItem<FormField>[];
|
|
1077
1076
|
buttons?: boolean | readonly FormButton[];
|
|
1077
|
+
buttonsPosition?: ButtonsPosition;
|
|
1078
1078
|
className?: FormClassNameConfig;
|
|
1079
1079
|
validator?: FormValidatorConfig;
|
|
1080
1080
|
onSubmit?: ((data: FormDataRecord, form: Form) => void | Promise<void>) | null;
|
|
@@ -1087,12 +1087,23 @@ interface ResolvedFormProps extends Record<string, unknown> {
|
|
|
1087
1087
|
style: FormStyle;
|
|
1088
1088
|
fields: FormItem<FormField>[];
|
|
1089
1089
|
buttons: FormButton[];
|
|
1090
|
+
buttonsPosition: ButtonsPosition;
|
|
1090
1091
|
className: FormClassNames;
|
|
1091
1092
|
validator: FormValidatorConfig;
|
|
1092
1093
|
onSubmit: ((data: FormDataRecord, form: Form) => void | Promise<void>) | null;
|
|
1093
1094
|
onReset: ((event: Event, form: Form) => void) | null;
|
|
1094
1095
|
}
|
|
1095
|
-
interface FormState extends
|
|
1096
|
+
interface FormState extends Record<string, unknown> {
|
|
1097
|
+
id: string;
|
|
1098
|
+
vertical: boolean;
|
|
1099
|
+
itemVertical: boolean;
|
|
1100
|
+
style: FormStyle;
|
|
1101
|
+
fields: FormItem<FormField>[];
|
|
1102
|
+
buttons: FormButton[];
|
|
1103
|
+
className: FormClassNames;
|
|
1104
|
+
validator: FormValidatorConfig;
|
|
1105
|
+
onSubmit: ((data: FormDataRecord, form: Form) => void | Promise<void>) | null;
|
|
1106
|
+
onReset: ((event: Event, form: Form) => void) | null;
|
|
1096
1107
|
submitting: boolean;
|
|
1097
1108
|
data: FormDataRecord | null;
|
|
1098
1109
|
}
|
|
@@ -1356,6 +1367,7 @@ interface ModalText {
|
|
|
1356
1367
|
confirm: string;
|
|
1357
1368
|
cancel: string;
|
|
1358
1369
|
}
|
|
1370
|
+
type ModalStyle = string | Partial<CSSStyleDeclaration> | null;
|
|
1359
1371
|
interface ModalProps extends Record<string, unknown> {
|
|
1360
1372
|
content?: ModalContent;
|
|
1361
1373
|
cache?: boolean;
|
|
@@ -1373,6 +1385,7 @@ interface ModalProps extends Record<string, unknown> {
|
|
|
1373
1385
|
onCancel?: ((modal: Modal) => void | Promise<void>) | null;
|
|
1374
1386
|
header?: boolean;
|
|
1375
1387
|
footer?: boolean;
|
|
1388
|
+
style?: ModalStyle;
|
|
1376
1389
|
id?: string | null;
|
|
1377
1390
|
escClose?: boolean;
|
|
1378
1391
|
bgClose?: boolean;
|
|
@@ -1386,6 +1399,7 @@ interface ResolvedModalProps extends Record<string, unknown> {
|
|
|
1386
1399
|
showCancel: boolean;
|
|
1387
1400
|
showClose: boolean;
|
|
1388
1401
|
fullscreen: boolean;
|
|
1402
|
+
style: ModalStyle;
|
|
1389
1403
|
text: ModalText;
|
|
1390
1404
|
onShow: NonNullable<ModalProps['onShow']> | null;
|
|
1391
1405
|
onShown: NonNullable<ModalProps['onShown']> | null;
|
|
@@ -1736,4 +1750,4 @@ interface MenuState extends Record<string, unknown> {
|
|
|
1736
1750
|
type Menu = FunctionalComponent<ResolvedMenuProps, MenuState, HTMLElement>;
|
|
1737
1751
|
declare function createMenu(input?: MenuProps): Menu;
|
|
1738
1752
|
//#endregion
|
|
1739
|
-
export { CleanupFunction, CollapseMotionController, CollapseTransitionDefinition, ComponentCleanup, ComponentContext, ComponentController, ComponentDefinition, ComponentLifecycleEvent, ComponentListener, ComponentPlugin, ComponentPluginOptions, ComponentProps, ComponentRuntime, ComponentState, ContainerExpect, DOMReference,
|
|
1753
|
+
export { ButtonsPosition, CleanupFunction, CollapseMotionController, CollapseTransitionDefinition, ComponentCleanup, ComponentContext, ComponentController, ComponentDefinition, ComponentLifecycleEvent, ComponentListener, ComponentPlugin, ComponentPluginOptions, ComponentProps, ComponentRuntime, ComponentState, ContainerExpect, DOMReference, 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, 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, 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, timer, trackStoreVersion, useComponentPlugin, uuid, validateParam, waitForMotion };
|