TypeScript Themed.ThemedMixin函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中@dojo/framework/widget-core/mixins/Themed.ThemedMixin函数的典型用法代码示例。如果您正苦于以下问题：TypeScript ThemedMixin函数的具体用法？TypeScript ThemedMixin怎么用？TypeScript ThemedMixin使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。

在下文中一共展示了ThemedMixin函数的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: ThemedMixin

 * @property hidden
 * @property secondary
 */
export interface LabelProperties extends ThemedProperties, CustomAriaProperties {
	forId?: string;
	disabled?: boolean;
	focused?: boolean;
	readOnly?: boolean;
	required?: boolean;
	invalid?: boolean;
	hidden?: boolean;
	secondary?: boolean;
	widgetId?: string;
}

export const ThemedBase = ThemedMixin(WidgetBase);

@theme(css)
@customElement<LabelProperties>({
	tag: 'dojo-label',
	properties: [ 'theme', 'classes', 'aria', 'extraClasses', 'disabled', 'focused', 'readOnly', 'required', 'invalid', 'hidden', 'secondary' ],
	attributes: [],
	events: []
})
export class LabelBase<P extends LabelProperties = LabelProperties> extends ThemedBase<P> {
	protected getRootClasses(): (string | null)[] {
		const {
			disabled,
			focused,
			invalid,
			readOnly,

开发者ID:mwistrand，项目名称:widgets，代码行数:31，代码来源:index.ts

示例2: I18nMixin

	closeable?: boolean;
	controls: string;
	disabled?: boolean;
	id: string;
	index: number;
	onClick?: (index: number) => void;
	onCloseClick?: (index: number) => void;
	onDownArrowPress?: () => void;
	onEndPress?: () => void;
	onHomePress?: () => void;
	onLeftArrowPress?: () => void;
	onRightArrowPress?: () => void;
	onUpArrowPress?: () => void;
}

export const ThemedBase = I18nMixin(ThemedMixin(FocusMixin(WidgetBase)));

@theme(css)
export class TabButtonBase<P extends TabButtonProperties = TabButtonProperties> extends ThemedBase<P> {
	private _onClick(event: MouseEvent) {
		event.stopPropagation();
		const {
			disabled,
			index,
			onClick
		} = this.properties;

		!disabled && onClick && onClick(index);
	}

	private _onCloseClick(event: MouseEvent) {

开发者ID:dojo，项目名称:widgets，代码行数:31，代码来源:TabButton.ts

注：本文中的@dojo/framework/widget-core/mixins/Themed.ThemedMixin函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。