@openwebf/react-cupertino-ui 0.3.4 → 0.3.6
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.mts +102 -69
- package/dist/index.d.ts +102 -69
- package/dist/index.js +114 -77
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +111 -75
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -245,42 +245,41 @@ declare const FlutterCupertinoTextarea: React.ForwardRefExoticComponent<FlutterC
|
|
|
245
245
|
children?: React.ReactNode;
|
|
246
246
|
} & React.RefAttributes<FlutterCupertinoTextareaElement>>;
|
|
247
247
|
|
|
248
|
-
type CupertinoTabBarIcon$1 = "home" | "house" | "house_fill" | "search" | "search_circle" | "search_circle_fill" | "add" | "add_circled" | "add_circled_solid" | "plus" | "plus_circle" | "plus_circle_fill" | "person" | "person_fill" | "person_circle" | "person_circle_fill" | "profile_circled" | "bell" | "bell_fill" | "bell_circle" | "bell_circle_fill" | "chat_bubble" | "chat_bubble_fill" | "chat_bubble_2" | "chat_bubble_2_fill" | "mail" | "mail_solid" | "envelope" | "envelope_fill" | "phone" | "phone_fill" | "compass" | "compass_fill" | "location" | "location_fill" | "map" | "map_fill" | "photo" | "photo_fill" | "camera" | "camera_fill" | "video_camera" | "video_camera_solid" | "play" | "play_fill" | "play_circle" | "play_circle_fill" | "gear" | "gear_solid" | "settings" | "settings_solid" | "ellipsis" | "ellipsis_circle" | "ellipsis_circle_fill" | "creditcard" | "creditcard_fill" | "cart" | "cart_fill" | "bag" | "bag_fill" | "doc" | "doc_fill" | "doc_text" | "doc_text_fill" | "folder" | "folder_fill" | "book" | "book_fill" | "heart" | "heart_fill" | "star" | "star_fill" | "hand_thumbsup" | "hand_thumbsup_fill" | "bookmark" | "bookmark_fill" | "money_dollar" | "money_dollar_circle" | "money_dollar_circle_fill" | "info" | "info_circle" | "info_circle_fill" | "question" | "question_circle" | "question_circle_fill" | "exclamationmark" | "exclamationmark_circle" | "exclamationmark_circle_fill";
|
|
249
248
|
interface FlutterCupertinoTabBarProps {
|
|
250
249
|
/**
|
|
251
|
-
*
|
|
252
|
-
*
|
|
250
|
+
* Zero-based active item index.
|
|
251
|
+
* Default: 0. Values outside range are clamped.
|
|
253
252
|
*/
|
|
254
|
-
currentIndex?:
|
|
253
|
+
currentIndex?: number;
|
|
255
254
|
/**
|
|
256
|
-
*
|
|
257
|
-
*
|
|
255
|
+
* Background color of the tab bar.
|
|
256
|
+
* Hex string: '#RRGGBB' or '#AARRGGBB'.
|
|
258
257
|
*/
|
|
259
258
|
backgroundColor?: string;
|
|
260
259
|
/**
|
|
261
|
-
*
|
|
262
|
-
*
|
|
260
|
+
* Color of the active item.
|
|
261
|
+
* Hex string: '#RRGGBB' or '#AARRGGBB'.
|
|
263
262
|
*/
|
|
264
263
|
activeColor?: string;
|
|
265
264
|
/**
|
|
266
|
-
*
|
|
267
|
-
*
|
|
265
|
+
* Color of inactive items.
|
|
266
|
+
* Hex string: '#RRGGBB' or '#AARRGGBB'.
|
|
268
267
|
*/
|
|
269
268
|
inactiveColor?: string;
|
|
270
269
|
/**
|
|
271
|
-
*
|
|
272
|
-
*
|
|
270
|
+
* Icon size in logical pixels.
|
|
271
|
+
* Default: 30.
|
|
273
272
|
*/
|
|
274
|
-
iconSize?:
|
|
273
|
+
iconSize?: number;
|
|
275
274
|
/**
|
|
276
|
-
*
|
|
277
|
-
*
|
|
275
|
+
* Removes the top border.
|
|
276
|
+
* Default: false.
|
|
278
277
|
*/
|
|
279
|
-
|
|
278
|
+
noTopBorder?: boolean;
|
|
280
279
|
/**
|
|
281
|
-
*
|
|
280
|
+
* Fired when a different tab is selected. detail = selected index
|
|
282
281
|
*/
|
|
283
|
-
|
|
282
|
+
onChange?: (event: CustomEvent<number>) => void;
|
|
284
283
|
/**
|
|
285
284
|
* HTML id attribute
|
|
286
285
|
*/
|
|
@@ -298,35 +297,20 @@ interface FlutterCupertinoTabBarProps {
|
|
|
298
297
|
*/
|
|
299
298
|
className?: string;
|
|
300
299
|
}
|
|
301
|
-
|
|
302
|
-
* Element interface with methods accessible via ref
|
|
303
|
-
* @example
|
|
304
|
-
* ```tsx
|
|
305
|
-
* const ref = useRef<FlutterCupertinoTabBarElement>(null);
|
|
306
|
-
* // Call methods on the element
|
|
307
|
-
* ref.current?.finishRefresh('success');
|
|
308
|
-
* ```
|
|
309
|
-
*/
|
|
310
|
-
interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{
|
|
311
|
-
switchTab(path: string): void;
|
|
312
|
-
}> {
|
|
300
|
+
interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{}> {
|
|
313
301
|
}
|
|
314
302
|
/**
|
|
315
|
-
*
|
|
303
|
+
* Properties for <flutter-cupertino-tab-bar>
|
|
304
|
+
Bottom navigation bar with iOS styling.
|
|
316
305
|
*
|
|
317
306
|
* @example
|
|
318
307
|
* ```tsx
|
|
319
|
-
* const ref = useRef<FlutterCupertinoTabBarElement>(null);
|
|
320
308
|
*
|
|
321
309
|
* <FlutterCupertinoTabBar
|
|
322
|
-
* ref={ref}
|
|
323
310
|
* // Add props here
|
|
324
311
|
* >
|
|
325
312
|
* Content
|
|
326
313
|
* </FlutterCupertinoTabBar>
|
|
327
|
-
*
|
|
328
|
-
* // Call methods on the element
|
|
329
|
-
* ref.current?.finishRefresh('success');
|
|
330
314
|
* ```
|
|
331
315
|
*/
|
|
332
316
|
declare const FlutterCupertinoTabBar: React.ForwardRefExoticComponent<FlutterCupertinoTabBarProps & {
|
|
@@ -334,22 +318,12 @@ declare const FlutterCupertinoTabBar: React.ForwardRefExoticComponent<FlutterCup
|
|
|
334
318
|
style?: React.CSSProperties;
|
|
335
319
|
children?: React.ReactNode;
|
|
336
320
|
} & React.RefAttributes<FlutterCupertinoTabBarElement>>;
|
|
321
|
+
|
|
337
322
|
interface FlutterCupertinoTabBarItemProps {
|
|
338
323
|
/**
|
|
339
|
-
*
|
|
340
|
-
* @default undefined
|
|
324
|
+
* Label displayed under the icon for this item.
|
|
341
325
|
*/
|
|
342
326
|
title?: string;
|
|
343
|
-
/**
|
|
344
|
-
* icon property
|
|
345
|
-
* @default undefined
|
|
346
|
-
*/
|
|
347
|
-
icon?: CupertinoTabBarIcon$1;
|
|
348
|
-
/**
|
|
349
|
-
* path property
|
|
350
|
-
* @default undefined
|
|
351
|
-
*/
|
|
352
|
-
path?: string;
|
|
353
327
|
/**
|
|
354
328
|
* HTML id attribute
|
|
355
329
|
*/
|
|
@@ -370,7 +344,8 @@ interface FlutterCupertinoTabBarItemProps {
|
|
|
370
344
|
interface FlutterCupertinoTabBarItemElement extends WebFElementWithMethods<{}> {
|
|
371
345
|
}
|
|
372
346
|
/**
|
|
373
|
-
*
|
|
347
|
+
* Properties for <flutter-cupertino-tab-bar-item>
|
|
348
|
+
Child item used within the TabBar; provides title and icon.
|
|
374
349
|
*
|
|
375
350
|
* @example
|
|
376
351
|
* ```tsx
|
|
@@ -388,9 +363,68 @@ declare const FlutterCupertinoTabBarItem: React.ForwardRefExoticComponent<Flutte
|
|
|
388
363
|
children?: React.ReactNode;
|
|
389
364
|
} & React.RefAttributes<FlutterCupertinoTabBarItemElement>>;
|
|
390
365
|
|
|
391
|
-
interface
|
|
366
|
+
interface FlutterCupertinoTabViewProps {
|
|
392
367
|
/**
|
|
393
|
-
*
|
|
368
|
+
* Default title used by the Navigator for the top-most route.
|
|
369
|
+
*/
|
|
370
|
+
defaultTitle?: string;
|
|
371
|
+
/**
|
|
372
|
+
* Restoration scope ID to enable state restoration for this tab's Navigator.
|
|
373
|
+
*/
|
|
374
|
+
restorationScopeId?: string;
|
|
375
|
+
/**
|
|
376
|
+
* HTML id attribute
|
|
377
|
+
*/
|
|
378
|
+
id?: string;
|
|
379
|
+
/**
|
|
380
|
+
* Additional CSS styles
|
|
381
|
+
*/
|
|
382
|
+
style?: React.CSSProperties;
|
|
383
|
+
/**
|
|
384
|
+
* Children elements
|
|
385
|
+
*/
|
|
386
|
+
children?: React.ReactNode;
|
|
387
|
+
/**
|
|
388
|
+
* Additional CSS class names
|
|
389
|
+
*/
|
|
390
|
+
className?: string;
|
|
391
|
+
}
|
|
392
|
+
interface FlutterCupertinoTabViewElement extends WebFElementWithMethods<{}> {
|
|
393
|
+
}
|
|
394
|
+
/**
|
|
395
|
+
* Properties for <flutter-cupertino-tab-view>
|
|
396
|
+
Provides an iOS-style per-tab Navigator. Used inside TabScaffold tabs.
|
|
397
|
+
*
|
|
398
|
+
* @example
|
|
399
|
+
* ```tsx
|
|
400
|
+
*
|
|
401
|
+
* <FlutterCupertinoTabView
|
|
402
|
+
* // Add props here
|
|
403
|
+
* >
|
|
404
|
+
* Content
|
|
405
|
+
* </FlutterCupertinoTabView>
|
|
406
|
+
* ```
|
|
407
|
+
*/
|
|
408
|
+
declare const FlutterCupertinoTabView: React.ForwardRefExoticComponent<FlutterCupertinoTabViewProps & {
|
|
409
|
+
className?: string;
|
|
410
|
+
style?: React.CSSProperties;
|
|
411
|
+
children?: React.ReactNode;
|
|
412
|
+
} & React.RefAttributes<FlutterCupertinoTabViewElement>>;
|
|
413
|
+
|
|
414
|
+
interface FlutterCupertinoTabScaffoldProps {
|
|
415
|
+
/**
|
|
416
|
+
* Zero-based index of the active tab.
|
|
417
|
+
* Default: 0. Values outside range are clamped.
|
|
418
|
+
*/
|
|
419
|
+
currentIndex?: number;
|
|
420
|
+
/**
|
|
421
|
+
* Whether to avoid bottom insets (e.g., when keyboard appears).
|
|
422
|
+
* Boolean attribute; presence means true.
|
|
423
|
+
* Default: true.
|
|
424
|
+
*/
|
|
425
|
+
resizeToAvoidBottomInset?: string;
|
|
426
|
+
/**
|
|
427
|
+
* Fired when the active tab changes. detail = current index
|
|
394
428
|
*/
|
|
395
429
|
onChange?: (event: CustomEvent<number>) => void;
|
|
396
430
|
/**
|
|
@@ -410,30 +444,30 @@ interface FlutterCupertinoTabProps {
|
|
|
410
444
|
*/
|
|
411
445
|
className?: string;
|
|
412
446
|
}
|
|
413
|
-
interface
|
|
447
|
+
interface FlutterCupertinoTabScaffoldElement extends WebFElementWithMethods<{}> {
|
|
414
448
|
}
|
|
415
449
|
/**
|
|
416
|
-
*
|
|
450
|
+
* Properties for <flutter-cupertino-tab-scaffold>
|
|
451
|
+
A container that renders a bottom tab bar and tabbed content (iOS style).
|
|
417
452
|
*
|
|
418
453
|
* @example
|
|
419
454
|
* ```tsx
|
|
420
455
|
*
|
|
421
|
-
* <
|
|
456
|
+
* <FlutterCupertinoTabScaffold
|
|
422
457
|
* // Add props here
|
|
423
458
|
* >
|
|
424
459
|
* Content
|
|
425
|
-
* </
|
|
460
|
+
* </FlutterCupertinoTabScaffold>
|
|
426
461
|
* ```
|
|
427
462
|
*/
|
|
428
|
-
declare const
|
|
463
|
+
declare const FlutterCupertinoTabScaffold: React.ForwardRefExoticComponent<FlutterCupertinoTabScaffoldProps & {
|
|
429
464
|
className?: string;
|
|
430
465
|
style?: React.CSSProperties;
|
|
431
466
|
children?: React.ReactNode;
|
|
432
|
-
} & React.RefAttributes<
|
|
433
|
-
interface
|
|
467
|
+
} & React.RefAttributes<FlutterCupertinoTabScaffoldElement>>;
|
|
468
|
+
interface FlutterCupertinoTabScaffoldTabProps {
|
|
434
469
|
/**
|
|
435
|
-
*
|
|
436
|
-
* @default undefined
|
|
470
|
+
* Label shown in the tab bar for this tab.
|
|
437
471
|
*/
|
|
438
472
|
title?: string;
|
|
439
473
|
/**
|
|
@@ -453,26 +487,27 @@ interface FlutterCupertinoTabItemProps {
|
|
|
453
487
|
*/
|
|
454
488
|
className?: string;
|
|
455
489
|
}
|
|
456
|
-
interface
|
|
490
|
+
interface FlutterCupertinoTabScaffoldTabElement extends WebFElementWithMethods<{}> {
|
|
457
491
|
}
|
|
458
492
|
/**
|
|
459
|
-
*
|
|
493
|
+
* Properties for <flutter-cupertino-tab-scaffold-tab>
|
|
494
|
+
Child item used within the TabScaffold; provides title and content for a tab.
|
|
460
495
|
*
|
|
461
496
|
* @example
|
|
462
497
|
* ```tsx
|
|
463
498
|
*
|
|
464
|
-
* <
|
|
499
|
+
* <FlutterCupertinoTabScaffoldTab
|
|
465
500
|
* // Add props here
|
|
466
501
|
* >
|
|
467
502
|
* Content
|
|
468
|
-
* </
|
|
503
|
+
* </FlutterCupertinoTabScaffoldTab>
|
|
469
504
|
* ```
|
|
470
505
|
*/
|
|
471
|
-
declare const
|
|
506
|
+
declare const FlutterCupertinoTabScaffoldTab: React.ForwardRefExoticComponent<FlutterCupertinoTabScaffoldTabProps & {
|
|
472
507
|
className?: string;
|
|
473
508
|
style?: React.CSSProperties;
|
|
474
509
|
children?: React.ReactNode;
|
|
475
|
-
} & React.RefAttributes<
|
|
510
|
+
} & React.RefAttributes<FlutterCupertinoTabScaffoldTabElement>>;
|
|
476
511
|
|
|
477
512
|
interface FlutterCupertinoSwitchProps {
|
|
478
513
|
/**
|
|
@@ -2480,8 +2515,6 @@ declare const FlutterCupertinoActionSheet: React.ForwardRefExoticComponent<Flutt
|
|
|
2480
2515
|
children?: React.ReactNode;
|
|
2481
2516
|
} & React.RefAttributes<FlutterCupertinoActionSheetElement>>;
|
|
2482
2517
|
|
|
2483
|
-
type CupertinoTabBarIcon = "home" | "house" | "house_fill" | "search" | "search_circle" | "search_circle_fill" | "add" | "add_circled" | "add_circled_solid" | "plus" | "plus_circle" | "plus_circle_fill" | "person" | "person_fill" | "person_circle" | "person_circle_fill" | "profile_circled" | "bell" | "bell_fill" | "bell_circle" | "bell_circle_fill" | "chat_bubble" | "chat_bubble_fill" | "chat_bubble_2" | "chat_bubble_2_fill" | "mail" | "mail_solid" | "envelope" | "envelope_fill" | "phone" | "phone_fill" | "compass" | "compass_fill" | "location" | "location_fill" | "map" | "map_fill" | "photo" | "photo_fill" | "camera" | "camera_fill" | "video_camera" | "video_camera_solid" | "play" | "play_fill" | "play_circle" | "play_circle_fill" | "gear" | "gear_solid" | "settings" | "settings_solid" | "ellipsis" | "ellipsis_circle" | "ellipsis_circle_fill" | "creditcard" | "creditcard_fill" | "cart" | "cart_fill" | "bag" | "bag_fill" | "doc" | "doc_fill" | "doc_text" | "doc_text_fill" | "folder" | "folder_fill" | "book" | "book_fill" | "heart" | "heart_fill" | "star" | "star_fill" | "hand_thumbsup" | "hand_thumbsup_fill" | "bookmark" | "bookmark_fill" | "money_dollar" | "money_dollar_circle" | "money_dollar_circle_fill" | "info" | "info_circle" | "info_circle_fill" | "question" | "question_circle" | "question_circle_fill" | "exclamationmark" | "exclamationmark_circle" | "exclamationmark_circle_fill";
|
|
2484
|
-
type int = number;
|
|
2485
2518
|
declare enum CupertinoColors {
|
|
2486
2519
|
activeBlue = "rgba(0, 122, 255, 1)",
|
|
2487
2520
|
activeGreen = "rgba(52, 199, 89, 1)",
|
|
@@ -2532,4 +2565,4 @@ declare enum CupertinoColors {
|
|
|
2532
2565
|
white = "rgba(255, 255, 255, 1)"
|
|
2533
2566
|
}
|
|
2534
2567
|
|
|
2535
|
-
export { CupertinoColors,
|
|
2568
|
+
export { CupertinoColors, FlutterCupertinoActionSheet, type FlutterCupertinoActionSheetElement, FlutterCupertinoAlert, type FlutterCupertinoAlertElement, FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoDatePicker, type FlutterCupertinoDatePickerElement, FlutterCupertinoFormRow, type FlutterCupertinoFormRowElement, FlutterCupertinoFormRowError, type FlutterCupertinoFormRowErrorElement, FlutterCupertinoFormRowHelper, type FlutterCupertinoFormRowHelperElement, FlutterCupertinoFormRowPrefix, type FlutterCupertinoFormRowPrefixElement, FlutterCupertinoFormSection, type FlutterCupertinoFormSectionElement, FlutterCupertinoFormSectionFooter, type FlutterCupertinoFormSectionFooterElement, FlutterCupertinoFormSectionHeader, type FlutterCupertinoFormSectionHeaderElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoInput, type FlutterCupertinoInputElement, FlutterCupertinoInputPrefix, type FlutterCupertinoInputPrefixElement, FlutterCupertinoInputSuffix, type FlutterCupertinoInputSuffixElement, FlutterCupertinoListSection, type FlutterCupertinoListSectionElement, FlutterCupertinoListSectionFooter, type FlutterCupertinoListSectionFooterElement, FlutterCupertinoListSectionHeader, type FlutterCupertinoListSectionHeaderElement, FlutterCupertinoListTile, FlutterCupertinoListTileAdditionalInfo, type FlutterCupertinoListTileAdditionalInfoElement, type FlutterCupertinoListTileElement, FlutterCupertinoListTileLeading, type FlutterCupertinoListTileLeadingElement, FlutterCupertinoListTileSubtitle, type FlutterCupertinoListTileSubtitleElement, FlutterCupertinoListTileTrailing, type FlutterCupertinoListTileTrailingElement, FlutterCupertinoLoading, type FlutterCupertinoLoadingElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoPicker, type FlutterCupertinoPickerElement, FlutterCupertinoPickerItem, type FlutterCupertinoPickerItemElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSearchInput, type FlutterCupertinoSearchInputElement, FlutterCupertinoSegmentedTab, type FlutterCupertinoSegmentedTabElement, FlutterCupertinoSlider, type FlutterCupertinoSliderElement, FlutterCupertinoSwitch, type FlutterCupertinoSwitchElement, FlutterCupertinoTabBar, type FlutterCupertinoTabBarElement, FlutterCupertinoTabBarItem, type FlutterCupertinoTabBarItemElement, FlutterCupertinoTabScaffold, type FlutterCupertinoTabScaffoldElement, FlutterCupertinoTabScaffoldTab, type FlutterCupertinoTabScaffoldTabElement, FlutterCupertinoTabView, type FlutterCupertinoTabViewElement, FlutterCupertinoTextarea, type FlutterCupertinoTextareaElement, FlutterCupertinoTimerPicker, type FlutterCupertinoTimerPickerElement, FlutterCupertinoToast, type FlutterCupertinoToastElement };
|
package/dist/index.d.ts
CHANGED
|
@@ -245,42 +245,41 @@ declare const FlutterCupertinoTextarea: React.ForwardRefExoticComponent<FlutterC
|
|
|
245
245
|
children?: React.ReactNode;
|
|
246
246
|
} & React.RefAttributes<FlutterCupertinoTextareaElement>>;
|
|
247
247
|
|
|
248
|
-
type CupertinoTabBarIcon$1 = "home" | "house" | "house_fill" | "search" | "search_circle" | "search_circle_fill" | "add" | "add_circled" | "add_circled_solid" | "plus" | "plus_circle" | "plus_circle_fill" | "person" | "person_fill" | "person_circle" | "person_circle_fill" | "profile_circled" | "bell" | "bell_fill" | "bell_circle" | "bell_circle_fill" | "chat_bubble" | "chat_bubble_fill" | "chat_bubble_2" | "chat_bubble_2_fill" | "mail" | "mail_solid" | "envelope" | "envelope_fill" | "phone" | "phone_fill" | "compass" | "compass_fill" | "location" | "location_fill" | "map" | "map_fill" | "photo" | "photo_fill" | "camera" | "camera_fill" | "video_camera" | "video_camera_solid" | "play" | "play_fill" | "play_circle" | "play_circle_fill" | "gear" | "gear_solid" | "settings" | "settings_solid" | "ellipsis" | "ellipsis_circle" | "ellipsis_circle_fill" | "creditcard" | "creditcard_fill" | "cart" | "cart_fill" | "bag" | "bag_fill" | "doc" | "doc_fill" | "doc_text" | "doc_text_fill" | "folder" | "folder_fill" | "book" | "book_fill" | "heart" | "heart_fill" | "star" | "star_fill" | "hand_thumbsup" | "hand_thumbsup_fill" | "bookmark" | "bookmark_fill" | "money_dollar" | "money_dollar_circle" | "money_dollar_circle_fill" | "info" | "info_circle" | "info_circle_fill" | "question" | "question_circle" | "question_circle_fill" | "exclamationmark" | "exclamationmark_circle" | "exclamationmark_circle_fill";
|
|
249
248
|
interface FlutterCupertinoTabBarProps {
|
|
250
249
|
/**
|
|
251
|
-
*
|
|
252
|
-
*
|
|
250
|
+
* Zero-based active item index.
|
|
251
|
+
* Default: 0. Values outside range are clamped.
|
|
253
252
|
*/
|
|
254
|
-
currentIndex?:
|
|
253
|
+
currentIndex?: number;
|
|
255
254
|
/**
|
|
256
|
-
*
|
|
257
|
-
*
|
|
255
|
+
* Background color of the tab bar.
|
|
256
|
+
* Hex string: '#RRGGBB' or '#AARRGGBB'.
|
|
258
257
|
*/
|
|
259
258
|
backgroundColor?: string;
|
|
260
259
|
/**
|
|
261
|
-
*
|
|
262
|
-
*
|
|
260
|
+
* Color of the active item.
|
|
261
|
+
* Hex string: '#RRGGBB' or '#AARRGGBB'.
|
|
263
262
|
*/
|
|
264
263
|
activeColor?: string;
|
|
265
264
|
/**
|
|
266
|
-
*
|
|
267
|
-
*
|
|
265
|
+
* Color of inactive items.
|
|
266
|
+
* Hex string: '#RRGGBB' or '#AARRGGBB'.
|
|
268
267
|
*/
|
|
269
268
|
inactiveColor?: string;
|
|
270
269
|
/**
|
|
271
|
-
*
|
|
272
|
-
*
|
|
270
|
+
* Icon size in logical pixels.
|
|
271
|
+
* Default: 30.
|
|
273
272
|
*/
|
|
274
|
-
iconSize?:
|
|
273
|
+
iconSize?: number;
|
|
275
274
|
/**
|
|
276
|
-
*
|
|
277
|
-
*
|
|
275
|
+
* Removes the top border.
|
|
276
|
+
* Default: false.
|
|
278
277
|
*/
|
|
279
|
-
|
|
278
|
+
noTopBorder?: boolean;
|
|
280
279
|
/**
|
|
281
|
-
*
|
|
280
|
+
* Fired when a different tab is selected. detail = selected index
|
|
282
281
|
*/
|
|
283
|
-
|
|
282
|
+
onChange?: (event: CustomEvent<number>) => void;
|
|
284
283
|
/**
|
|
285
284
|
* HTML id attribute
|
|
286
285
|
*/
|
|
@@ -298,35 +297,20 @@ interface FlutterCupertinoTabBarProps {
|
|
|
298
297
|
*/
|
|
299
298
|
className?: string;
|
|
300
299
|
}
|
|
301
|
-
|
|
302
|
-
* Element interface with methods accessible via ref
|
|
303
|
-
* @example
|
|
304
|
-
* ```tsx
|
|
305
|
-
* const ref = useRef<FlutterCupertinoTabBarElement>(null);
|
|
306
|
-
* // Call methods on the element
|
|
307
|
-
* ref.current?.finishRefresh('success');
|
|
308
|
-
* ```
|
|
309
|
-
*/
|
|
310
|
-
interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{
|
|
311
|
-
switchTab(path: string): void;
|
|
312
|
-
}> {
|
|
300
|
+
interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{}> {
|
|
313
301
|
}
|
|
314
302
|
/**
|
|
315
|
-
*
|
|
303
|
+
* Properties for <flutter-cupertino-tab-bar>
|
|
304
|
+
Bottom navigation bar with iOS styling.
|
|
316
305
|
*
|
|
317
306
|
* @example
|
|
318
307
|
* ```tsx
|
|
319
|
-
* const ref = useRef<FlutterCupertinoTabBarElement>(null);
|
|
320
308
|
*
|
|
321
309
|
* <FlutterCupertinoTabBar
|
|
322
|
-
* ref={ref}
|
|
323
310
|
* // Add props here
|
|
324
311
|
* >
|
|
325
312
|
* Content
|
|
326
313
|
* </FlutterCupertinoTabBar>
|
|
327
|
-
*
|
|
328
|
-
* // Call methods on the element
|
|
329
|
-
* ref.current?.finishRefresh('success');
|
|
330
314
|
* ```
|
|
331
315
|
*/
|
|
332
316
|
declare const FlutterCupertinoTabBar: React.ForwardRefExoticComponent<FlutterCupertinoTabBarProps & {
|
|
@@ -334,22 +318,12 @@ declare const FlutterCupertinoTabBar: React.ForwardRefExoticComponent<FlutterCup
|
|
|
334
318
|
style?: React.CSSProperties;
|
|
335
319
|
children?: React.ReactNode;
|
|
336
320
|
} & React.RefAttributes<FlutterCupertinoTabBarElement>>;
|
|
321
|
+
|
|
337
322
|
interface FlutterCupertinoTabBarItemProps {
|
|
338
323
|
/**
|
|
339
|
-
*
|
|
340
|
-
* @default undefined
|
|
324
|
+
* Label displayed under the icon for this item.
|
|
341
325
|
*/
|
|
342
326
|
title?: string;
|
|
343
|
-
/**
|
|
344
|
-
* icon property
|
|
345
|
-
* @default undefined
|
|
346
|
-
*/
|
|
347
|
-
icon?: CupertinoTabBarIcon$1;
|
|
348
|
-
/**
|
|
349
|
-
* path property
|
|
350
|
-
* @default undefined
|
|
351
|
-
*/
|
|
352
|
-
path?: string;
|
|
353
327
|
/**
|
|
354
328
|
* HTML id attribute
|
|
355
329
|
*/
|
|
@@ -370,7 +344,8 @@ interface FlutterCupertinoTabBarItemProps {
|
|
|
370
344
|
interface FlutterCupertinoTabBarItemElement extends WebFElementWithMethods<{}> {
|
|
371
345
|
}
|
|
372
346
|
/**
|
|
373
|
-
*
|
|
347
|
+
* Properties for <flutter-cupertino-tab-bar-item>
|
|
348
|
+
Child item used within the TabBar; provides title and icon.
|
|
374
349
|
*
|
|
375
350
|
* @example
|
|
376
351
|
* ```tsx
|
|
@@ -388,9 +363,68 @@ declare const FlutterCupertinoTabBarItem: React.ForwardRefExoticComponent<Flutte
|
|
|
388
363
|
children?: React.ReactNode;
|
|
389
364
|
} & React.RefAttributes<FlutterCupertinoTabBarItemElement>>;
|
|
390
365
|
|
|
391
|
-
interface
|
|
366
|
+
interface FlutterCupertinoTabViewProps {
|
|
392
367
|
/**
|
|
393
|
-
*
|
|
368
|
+
* Default title used by the Navigator for the top-most route.
|
|
369
|
+
*/
|
|
370
|
+
defaultTitle?: string;
|
|
371
|
+
/**
|
|
372
|
+
* Restoration scope ID to enable state restoration for this tab's Navigator.
|
|
373
|
+
*/
|
|
374
|
+
restorationScopeId?: string;
|
|
375
|
+
/**
|
|
376
|
+
* HTML id attribute
|
|
377
|
+
*/
|
|
378
|
+
id?: string;
|
|
379
|
+
/**
|
|
380
|
+
* Additional CSS styles
|
|
381
|
+
*/
|
|
382
|
+
style?: React.CSSProperties;
|
|
383
|
+
/**
|
|
384
|
+
* Children elements
|
|
385
|
+
*/
|
|
386
|
+
children?: React.ReactNode;
|
|
387
|
+
/**
|
|
388
|
+
* Additional CSS class names
|
|
389
|
+
*/
|
|
390
|
+
className?: string;
|
|
391
|
+
}
|
|
392
|
+
interface FlutterCupertinoTabViewElement extends WebFElementWithMethods<{}> {
|
|
393
|
+
}
|
|
394
|
+
/**
|
|
395
|
+
* Properties for <flutter-cupertino-tab-view>
|
|
396
|
+
Provides an iOS-style per-tab Navigator. Used inside TabScaffold tabs.
|
|
397
|
+
*
|
|
398
|
+
* @example
|
|
399
|
+
* ```tsx
|
|
400
|
+
*
|
|
401
|
+
* <FlutterCupertinoTabView
|
|
402
|
+
* // Add props here
|
|
403
|
+
* >
|
|
404
|
+
* Content
|
|
405
|
+
* </FlutterCupertinoTabView>
|
|
406
|
+
* ```
|
|
407
|
+
*/
|
|
408
|
+
declare const FlutterCupertinoTabView: React.ForwardRefExoticComponent<FlutterCupertinoTabViewProps & {
|
|
409
|
+
className?: string;
|
|
410
|
+
style?: React.CSSProperties;
|
|
411
|
+
children?: React.ReactNode;
|
|
412
|
+
} & React.RefAttributes<FlutterCupertinoTabViewElement>>;
|
|
413
|
+
|
|
414
|
+
interface FlutterCupertinoTabScaffoldProps {
|
|
415
|
+
/**
|
|
416
|
+
* Zero-based index of the active tab.
|
|
417
|
+
* Default: 0. Values outside range are clamped.
|
|
418
|
+
*/
|
|
419
|
+
currentIndex?: number;
|
|
420
|
+
/**
|
|
421
|
+
* Whether to avoid bottom insets (e.g., when keyboard appears).
|
|
422
|
+
* Boolean attribute; presence means true.
|
|
423
|
+
* Default: true.
|
|
424
|
+
*/
|
|
425
|
+
resizeToAvoidBottomInset?: string;
|
|
426
|
+
/**
|
|
427
|
+
* Fired when the active tab changes. detail = current index
|
|
394
428
|
*/
|
|
395
429
|
onChange?: (event: CustomEvent<number>) => void;
|
|
396
430
|
/**
|
|
@@ -410,30 +444,30 @@ interface FlutterCupertinoTabProps {
|
|
|
410
444
|
*/
|
|
411
445
|
className?: string;
|
|
412
446
|
}
|
|
413
|
-
interface
|
|
447
|
+
interface FlutterCupertinoTabScaffoldElement extends WebFElementWithMethods<{}> {
|
|
414
448
|
}
|
|
415
449
|
/**
|
|
416
|
-
*
|
|
450
|
+
* Properties for <flutter-cupertino-tab-scaffold>
|
|
451
|
+
A container that renders a bottom tab bar and tabbed content (iOS style).
|
|
417
452
|
*
|
|
418
453
|
* @example
|
|
419
454
|
* ```tsx
|
|
420
455
|
*
|
|
421
|
-
* <
|
|
456
|
+
* <FlutterCupertinoTabScaffold
|
|
422
457
|
* // Add props here
|
|
423
458
|
* >
|
|
424
459
|
* Content
|
|
425
|
-
* </
|
|
460
|
+
* </FlutterCupertinoTabScaffold>
|
|
426
461
|
* ```
|
|
427
462
|
*/
|
|
428
|
-
declare const
|
|
463
|
+
declare const FlutterCupertinoTabScaffold: React.ForwardRefExoticComponent<FlutterCupertinoTabScaffoldProps & {
|
|
429
464
|
className?: string;
|
|
430
465
|
style?: React.CSSProperties;
|
|
431
466
|
children?: React.ReactNode;
|
|
432
|
-
} & React.RefAttributes<
|
|
433
|
-
interface
|
|
467
|
+
} & React.RefAttributes<FlutterCupertinoTabScaffoldElement>>;
|
|
468
|
+
interface FlutterCupertinoTabScaffoldTabProps {
|
|
434
469
|
/**
|
|
435
|
-
*
|
|
436
|
-
* @default undefined
|
|
470
|
+
* Label shown in the tab bar for this tab.
|
|
437
471
|
*/
|
|
438
472
|
title?: string;
|
|
439
473
|
/**
|
|
@@ -453,26 +487,27 @@ interface FlutterCupertinoTabItemProps {
|
|
|
453
487
|
*/
|
|
454
488
|
className?: string;
|
|
455
489
|
}
|
|
456
|
-
interface
|
|
490
|
+
interface FlutterCupertinoTabScaffoldTabElement extends WebFElementWithMethods<{}> {
|
|
457
491
|
}
|
|
458
492
|
/**
|
|
459
|
-
*
|
|
493
|
+
* Properties for <flutter-cupertino-tab-scaffold-tab>
|
|
494
|
+
Child item used within the TabScaffold; provides title and content for a tab.
|
|
460
495
|
*
|
|
461
496
|
* @example
|
|
462
497
|
* ```tsx
|
|
463
498
|
*
|
|
464
|
-
* <
|
|
499
|
+
* <FlutterCupertinoTabScaffoldTab
|
|
465
500
|
* // Add props here
|
|
466
501
|
* >
|
|
467
502
|
* Content
|
|
468
|
-
* </
|
|
503
|
+
* </FlutterCupertinoTabScaffoldTab>
|
|
469
504
|
* ```
|
|
470
505
|
*/
|
|
471
|
-
declare const
|
|
506
|
+
declare const FlutterCupertinoTabScaffoldTab: React.ForwardRefExoticComponent<FlutterCupertinoTabScaffoldTabProps & {
|
|
472
507
|
className?: string;
|
|
473
508
|
style?: React.CSSProperties;
|
|
474
509
|
children?: React.ReactNode;
|
|
475
|
-
} & React.RefAttributes<
|
|
510
|
+
} & React.RefAttributes<FlutterCupertinoTabScaffoldTabElement>>;
|
|
476
511
|
|
|
477
512
|
interface FlutterCupertinoSwitchProps {
|
|
478
513
|
/**
|
|
@@ -2480,8 +2515,6 @@ declare const FlutterCupertinoActionSheet: React.ForwardRefExoticComponent<Flutt
|
|
|
2480
2515
|
children?: React.ReactNode;
|
|
2481
2516
|
} & React.RefAttributes<FlutterCupertinoActionSheetElement>>;
|
|
2482
2517
|
|
|
2483
|
-
type CupertinoTabBarIcon = "home" | "house" | "house_fill" | "search" | "search_circle" | "search_circle_fill" | "add" | "add_circled" | "add_circled_solid" | "plus" | "plus_circle" | "plus_circle_fill" | "person" | "person_fill" | "person_circle" | "person_circle_fill" | "profile_circled" | "bell" | "bell_fill" | "bell_circle" | "bell_circle_fill" | "chat_bubble" | "chat_bubble_fill" | "chat_bubble_2" | "chat_bubble_2_fill" | "mail" | "mail_solid" | "envelope" | "envelope_fill" | "phone" | "phone_fill" | "compass" | "compass_fill" | "location" | "location_fill" | "map" | "map_fill" | "photo" | "photo_fill" | "camera" | "camera_fill" | "video_camera" | "video_camera_solid" | "play" | "play_fill" | "play_circle" | "play_circle_fill" | "gear" | "gear_solid" | "settings" | "settings_solid" | "ellipsis" | "ellipsis_circle" | "ellipsis_circle_fill" | "creditcard" | "creditcard_fill" | "cart" | "cart_fill" | "bag" | "bag_fill" | "doc" | "doc_fill" | "doc_text" | "doc_text_fill" | "folder" | "folder_fill" | "book" | "book_fill" | "heart" | "heart_fill" | "star" | "star_fill" | "hand_thumbsup" | "hand_thumbsup_fill" | "bookmark" | "bookmark_fill" | "money_dollar" | "money_dollar_circle" | "money_dollar_circle_fill" | "info" | "info_circle" | "info_circle_fill" | "question" | "question_circle" | "question_circle_fill" | "exclamationmark" | "exclamationmark_circle" | "exclamationmark_circle_fill";
|
|
2484
|
-
type int = number;
|
|
2485
2518
|
declare enum CupertinoColors {
|
|
2486
2519
|
activeBlue = "rgba(0, 122, 255, 1)",
|
|
2487
2520
|
activeGreen = "rgba(52, 199, 89, 1)",
|
|
@@ -2532,4 +2565,4 @@ declare enum CupertinoColors {
|
|
|
2532
2565
|
white = "rgba(255, 255, 255, 1)"
|
|
2533
2566
|
}
|
|
2534
2567
|
|
|
2535
|
-
export { CupertinoColors,
|
|
2568
|
+
export { CupertinoColors, FlutterCupertinoActionSheet, type FlutterCupertinoActionSheetElement, FlutterCupertinoAlert, type FlutterCupertinoAlertElement, FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoDatePicker, type FlutterCupertinoDatePickerElement, FlutterCupertinoFormRow, type FlutterCupertinoFormRowElement, FlutterCupertinoFormRowError, type FlutterCupertinoFormRowErrorElement, FlutterCupertinoFormRowHelper, type FlutterCupertinoFormRowHelperElement, FlutterCupertinoFormRowPrefix, type FlutterCupertinoFormRowPrefixElement, FlutterCupertinoFormSection, type FlutterCupertinoFormSectionElement, FlutterCupertinoFormSectionFooter, type FlutterCupertinoFormSectionFooterElement, FlutterCupertinoFormSectionHeader, type FlutterCupertinoFormSectionHeaderElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoInput, type FlutterCupertinoInputElement, FlutterCupertinoInputPrefix, type FlutterCupertinoInputPrefixElement, FlutterCupertinoInputSuffix, type FlutterCupertinoInputSuffixElement, FlutterCupertinoListSection, type FlutterCupertinoListSectionElement, FlutterCupertinoListSectionFooter, type FlutterCupertinoListSectionFooterElement, FlutterCupertinoListSectionHeader, type FlutterCupertinoListSectionHeaderElement, FlutterCupertinoListTile, FlutterCupertinoListTileAdditionalInfo, type FlutterCupertinoListTileAdditionalInfoElement, type FlutterCupertinoListTileElement, FlutterCupertinoListTileLeading, type FlutterCupertinoListTileLeadingElement, FlutterCupertinoListTileSubtitle, type FlutterCupertinoListTileSubtitleElement, FlutterCupertinoListTileTrailing, type FlutterCupertinoListTileTrailingElement, FlutterCupertinoLoading, type FlutterCupertinoLoadingElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoPicker, type FlutterCupertinoPickerElement, FlutterCupertinoPickerItem, type FlutterCupertinoPickerItemElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSearchInput, type FlutterCupertinoSearchInputElement, FlutterCupertinoSegmentedTab, type FlutterCupertinoSegmentedTabElement, FlutterCupertinoSlider, type FlutterCupertinoSliderElement, FlutterCupertinoSwitch, type FlutterCupertinoSwitchElement, FlutterCupertinoTabBar, type FlutterCupertinoTabBarElement, FlutterCupertinoTabBarItem, type FlutterCupertinoTabBarItemElement, FlutterCupertinoTabScaffold, type FlutterCupertinoTabScaffoldElement, FlutterCupertinoTabScaffoldTab, type FlutterCupertinoTabScaffoldTabElement, FlutterCupertinoTabView, type FlutterCupertinoTabViewElement, FlutterCupertinoTextarea, type FlutterCupertinoTextareaElement, FlutterCupertinoTimerPicker, type FlutterCupertinoTimerPickerElement, FlutterCupertinoToast, type FlutterCupertinoToastElement };
|