本文整理汇总了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,示例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) {