TypeScript I18n.I18nMixin函数代码示例

OGeek|极客世界-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

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

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

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

示例1: I18nMixin

import { WidgetBase } from '@dojo/widget-core/WidgetBase';
import { WidgetProperties } from '@dojo/widget-core/interfaces';
import { ThemedMixin, theme } from '@dojo/widget-core/mixins/Themed';
import { v, w } from '@dojo/widget-core/d';
import { Link } from '@dojo/routing/Link';
import { I18nMixin } from '@dojo/widget-core/mixins/I18n';

import appBundle from '../nls/common';
import * as css from './styles/todoFilter.m.css';

export interface TodoFilterProperties extends WidgetProperties {
	filter?: string;
}

export const TodoFilterBase = I18nMixin(ThemedMixin(WidgetBase));

@theme(css)
export class TodoFilter extends TodoFilterBase<TodoFilterProperties> {

	render() {
		const { filter } = this.properties;
		const messages = this.localizeBundle(appBundle);

		return v('ul', { classes: this.theme(css.filters) }, [
			v('li', [
				w(Link, {
					key: 'all',
					classes: this.theme(filter === 'all' ? css.selected : null),
					to: 'view',
					isOutlet: true,
					params: { filter: 'all' }

开发者ID:dylans，项目名称:examples，代码行数:31，代码来源:TodoFilter.ts

示例2: I18nMixin

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

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

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

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

	private _onCloseClick(event: MouseEvent) {
		const {

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

示例3: I18nMixin

import { v } from '@dojo/widget-core/d';
import { I18nMixin } from '@dojo/widget-core/mixins/I18n';
import { ThemedMixin, theme } from '@dojo/widget-core/mixins/Themed';
import { WidgetBase } from '@dojo/widget-core/WidgetBase';
import { DNode, WidgetProperties } from '@dojo/widget-core/interfaces';
import appBundle from '../nls/common';
import * as css from './styles/credits.m.css';

const CreditsBase = I18nMixin(ThemedMixin(WidgetBase));

@theme(css)
export class Credits extends CreditsBase<WidgetProperties> {
	protected render(): DNode[] {
		const messages = this.localizeBundle(appBundle);

		return [
			v('footer', {
				classes: this.theme(css.footer)
			}, [
				v('p', { innerHTML: messages.footerInstructions }),
				v('p', { innerHTML: messages.footerCredits }),
				v('p', { innerHTML: messages.footerPartOf })
			])
		];
	}
}

export default Credits;

开发者ID:dylans，项目名称:examples，代码行数:28，代码来源:Credits.ts

示例4: I18nMixin

import { v } from '@dojo/widget-core/d';
import { theme, ThemedMixin } from '@dojo/widget-core/mixins/Themed';
import { DNode } from '@dojo/widget-core/interfaces';
import { WidgetBase } from '@dojo/widget-core/WidgetBase';
import { I18nMixin } from '@dojo/widget-core/mixins/I18n';

import appBundle from '../nls/common';
import * as css from './styles/todoSearch.m.css';

export interface TodoSearchProperties {
	search: (payload: { search: string }) => void;
	searchValue: string;
}

export const TodoSearchBase = I18nMixin(ThemedMixin(WidgetBase));

@theme(css)
export class TodoSearch extends TodoSearchBase<TodoSearchProperties> {

	protected onInput({ target: { value: search } }: any) {
		this.properties.search({ search });
	}

	protected render(): DNode[] {
		const { searchValue: value } = this.properties;
		const messages = this.localizeBundle(appBundle);

		return [
			v('span', { classes: this.theme(css.searchIcon) }),
			v('input', {
				type: 'text',

开发者ID:dylans，项目名称:examples，代码行数:31，代码来源:TodoSearch.ts

示例5: I18nMixin

import { theme, ThemedMixin } from '@dojo/widget-core/mixins/Themed';
import { I18nMixin } from '@dojo/widget-core/mixins/I18n';

import appBundle from '../nls/common';
import * as css from './styles/todoHeader.m.css';

export interface TodoHeaderProperties {
	allCompleted: boolean;
	todo: string;
	todoCount: number;
	toggleTodos: (payload: object) => void;
	addTodo: (payload: object) => void;
	setCurrentTodo: (payload: { todo: string }) => void;
}

export const TodoHeaderBase = I18nMixin(ThemedMixin(WidgetBase));

@theme(css)
export class TodoHeader extends TodoHeaderBase<TodoHeaderProperties> {

	protected toggleTodos() {
		this.properties.toggleTodos({});
	}

	protected addTodo(event: KeyboardEvent) {
		if (event.which === 13) {
			this.properties.addTodo({});
		}
	}

	protected setCurrentTodo({ target: { value: todo } }: any): void {

开发者ID:dylans，项目名称:examples，代码行数:31，代码来源:TodoHeader.ts

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