本文整理匯總了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) {