mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-18 22:01:42 +08:00
remove tabs from N
moved to @nativescript-community/ui-material-tabs This removes the requirement for the podfile
This commit is contained in:
Martin Guillon
@ -1,4 +0,0 @@
|
|||||||
platform :ios, '9.0'
|
|
||||||
use_frameworks!
|
|
||||||
|
|
||||||
pod 'MaterialComponents/Tabs', '~> 94.5'
|
|
||||||
File diff suppressed because it is too large
Load Diff
100
packages/core/ui/tabs/index.d.ts
vendored
100
packages/core/ui/tabs/index.d.ts
vendored
@ -1,100 +0,0 @@
|
|||||||
/**
|
|
||||||
* Contains the Tabs class, which represents a tab navigation component.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { Property } from '../core/properties';
|
|
||||||
import { EventData } from '../../data/observable';
|
|
||||||
import { TabContentItem } from '../tab-navigation-base/tab-content-item';
|
|
||||||
import { SelectedIndexChangedEventData, TabNavigationBase } from '../tab-navigation-base/tab-navigation-base';
|
|
||||||
import { TabStrip } from '../tab-navigation-base/tab-strip';
|
|
||||||
|
|
||||||
export * from '../tab-navigation-base/tab-content-item';
|
|
||||||
export * from '../tab-navigation-base/tab-navigation-base';
|
|
||||||
export * from '../tab-navigation-base/tab-strip';
|
|
||||||
export * from '../tab-navigation-base/tab-strip-item';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Represents a swipeable tabs view.
|
|
||||||
*/
|
|
||||||
export class Tabs extends TabNavigationBase {
|
|
||||||
/**
|
|
||||||
* Gets or sets the items of the Tabs.
|
|
||||||
*/
|
|
||||||
items: Array<TabContentItem>;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Gets or sets the tab strip of the Tabs.
|
|
||||||
*/
|
|
||||||
tabStrip: TabStrip;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Gets or sets the selectedIndex of the Tabs.
|
|
||||||
*/
|
|
||||||
selectedIndex: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Gets or sets the swipe enabled state of the Tabs.
|
|
||||||
*/
|
|
||||||
swipeEnabled: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Gets or sets the number of offscreen preloaded tabs of the Tabs.
|
|
||||||
*/
|
|
||||||
offscreenTabLimit: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Gets or sets the position state of the Tabs.
|
|
||||||
*/
|
|
||||||
tabsPosition: 'top' | 'bottom';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Gets or set the MDCTabBarAlignment of the tab bar icons in iOS. Defaults to "justified"
|
|
||||||
* Valid values are:
|
|
||||||
* - leading
|
|
||||||
* - justified
|
|
||||||
* - center
|
|
||||||
* - centerSelected
|
|
||||||
*/
|
|
||||||
iOSTabBarItemsAlignment: IOSTabBarItemsAlignment;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Gets the native [android widget](http://developer.android.com/reference/android/support/v4/view/ViewPager.html) that represents the user interface for this component. Valid only when running on Android OS.
|
|
||||||
*/
|
|
||||||
android: any /* android.view.View */; //android.support.v4.view.ViewPager;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Gets the native iOS [UITabBarController](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UITabBarController_Class/) that represents the user interface for this component. Valid only when running on iOS.
|
|
||||||
*/
|
|
||||||
ios: any /* UITabBarController */;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* String value used when hooking to the selectedIndexChanged event.
|
|
||||||
*/
|
|
||||||
public static selectedIndexChangedEvent: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* A basic method signature to hook an event listener (shortcut alias to the addEventListener method).
|
|
||||||
* @param eventNames - String corresponding to events (e.g. "propertyChange"). Optionally could be used more events separated by `,` (e.g. "propertyChange", "change").
|
|
||||||
* @param callback - Callback function which will be executed when event is raised.
|
|
||||||
* @param thisArg - An optional parameter which will be used as `this` context for callback execution.
|
|
||||||
*/
|
|
||||||
on(eventNames: string, callback: (data: EventData) => void, thisArg?: any);
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Raised when the selected index changes.
|
|
||||||
*/
|
|
||||||
on(event: 'selectedIndexChanged', callback: (args: SelectedIndexChangedEventData) => void, thisArg?: any);
|
|
||||||
}
|
|
||||||
|
|
||||||
export const itemsProperty: Property<Tabs, TabContentItem[]>;
|
|
||||||
export const tabStripProperty: Property<Tabs, TabStrip>;
|
|
||||||
export const selectedIndexProperty: Property<Tabs, number>;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* IOS Alignment of the Tabs TabStrip to use.
|
|
||||||
* - `leading` - tab items are aligned to the left
|
|
||||||
* - `justified` - tab strip is split equally to all the tab items
|
|
||||||
* - `center` - tabs items are aligned in the center
|
|
||||||
* - `centerSelected` - tab items move to make the selected tab in the center
|
|
||||||
*/
|
|
||||||
export type IOSTabBarItemsAlignment = 'leading' | 'justified' | 'center' | 'centerSelected';
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,53 +0,0 @@
|
|||||||
// Types
|
|
||||||
import { Tabs as TabsDefinition } from '.';
|
|
||||||
|
|
||||||
// Requires
|
|
||||||
import { TabNavigationBase } from '../tab-navigation-base/tab-navigation-base';
|
|
||||||
import { CSSType } from '../core/view';
|
|
||||||
import { booleanConverter } from '../core/view-base';
|
|
||||||
import { Property } from '../core/properties';
|
|
||||||
|
|
||||||
export * from '../tab-navigation-base/tab-content-item';
|
|
||||||
export * from '../tab-navigation-base/tab-navigation-base';
|
|
||||||
export * from '../tab-navigation-base/tab-strip';
|
|
||||||
export * from '../tab-navigation-base/tab-strip-item';
|
|
||||||
|
|
||||||
export const traceCategory = 'TabView';
|
|
||||||
|
|
||||||
@CSSType('Tabs')
|
|
||||||
export class TabsBase extends TabNavigationBase implements TabsDefinition {
|
|
||||||
public swipeEnabled: boolean;
|
|
||||||
public offscreenTabLimit: number;
|
|
||||||
public tabsPosition: 'top' | 'bottom';
|
|
||||||
public iOSTabBarItemsAlignment: IOSTabBarItemsAlignment;
|
|
||||||
}
|
|
||||||
|
|
||||||
// TODO: Add Unit tests
|
|
||||||
export const swipeEnabledProperty = new Property<TabsBase, boolean>({
|
|
||||||
name: 'swipeEnabled',
|
|
||||||
defaultValue: true,
|
|
||||||
valueConverter: booleanConverter,
|
|
||||||
});
|
|
||||||
swipeEnabledProperty.register(TabsBase);
|
|
||||||
|
|
||||||
// TODO: Add Unit tests
|
|
||||||
// TODO: Coerce to max number of items?
|
|
||||||
export const offscreenTabLimitProperty = new Property<TabsBase, number>({
|
|
||||||
name: 'offscreenTabLimit',
|
|
||||||
defaultValue: 1,
|
|
||||||
valueConverter: (v) => parseInt(v),
|
|
||||||
});
|
|
||||||
offscreenTabLimitProperty.register(TabsBase);
|
|
||||||
|
|
||||||
export const tabsPositionProperty = new Property<TabsBase, 'top' | 'bottom'>({
|
|
||||||
name: 'tabsPosition',
|
|
||||||
defaultValue: 'top',
|
|
||||||
});
|
|
||||||
tabsPositionProperty.register(TabsBase);
|
|
||||||
|
|
||||||
export type IOSTabBarItemsAlignment = 'leading' | 'justified' | 'center' | 'centerSelected';
|
|
||||||
export const iOSTabBarItemsAlignmentProperty = new Property<TabsBase, IOSTabBarItemsAlignment>({ name: 'iOSTabBarItemsAlignment', defaultValue: 'justified' });
|
|
||||||
iOSTabBarItemsAlignmentProperty.register(TabsBase);
|
|
||||||
|
|
||||||
export const animationEnabledProperty = new Property<TabsBase, boolean>({ name: 'animationEnabled', defaultValue: true, valueConverter: booleanConverter });
|
|
||||||
animationEnabledProperty.register(TabsBase);
|
|
||||||
Reference in New Issue
Block a user