本文整理汇总了TypeScript中@dojo/framework/widget-core/d.w函数的典型用法代码示例。如果您正苦于以下问题:TypeScript w函数的具体用法?TypeScript w怎么用?TypeScript w使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了w函数的5个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: harness
const h = harness(() => w(EnhancedTextInput, { addonAfter: [ 'bar' ]}));
示例2: harness
const h = harness(() => w(RangeSlider, {
onInput
}));
示例3: harness
const h = harness(() => w(TextInput, {
label: 'foo'
}));
示例4: v
const expected = (options: ExpectedOptions = {}) => {
const {
inputOverrides = {},
addonBefore = false,
addonAfter = false,
label = false,
states = {},
focused = false
} = options;
const { readOnly, disabled, required, invalid } = states;
const children = [
v('input', {
'aria-invalid': invalid ? 'true' : null,
autocomplete: undefined,
classes: css.input,
disabled,
id: '',
key: 'input',
maxlength: null,
minlength: null,
name: undefined,
placeholder: undefined,
pattern: undefined,
readOnly,
'aria-readonly': readOnly ? 'true' : null,
required,
type: 'text',
value: undefined,
focus: noop,
onblur: noop,
onchange: noop,
onclick: noop,
onfocus: noop,
oninput: noop,
onkeydown: noop,
onkeypress: noop,
onkeyup: noop,
onmousedown: noop,
onmouseup: noop,
ontouchstart: noop,
ontouchend: noop,
ontouchcancel: noop,
...inputOverrides
})
];
if (addonBefore) {
children.unshift(v('span', {
classes: [css.addon, css.addonBefore]
}, [ 'foo' ]));
}
if (addonAfter) {
children.push(v('span', {
classes: [css.addon, css.addonAfter]
}, [ 'bar' ]));
}
return v('div', {
key: 'root',
classes: [
textInputCss.root,
disabled ? textInputCss.disabled : null,
focused ? textInputCss.focused : null,
invalid ? textInputCss.invalid : null,
invalid === false ? textInputCss.valid : null,
readOnly ? textInputCss.readonly : null,
required ? textInputCss.required : null
]
}, [
label ? w(Label, {
theme: undefined,
classes: undefined,
disabled,
focused,
hidden: false,
invalid,
readOnly,
required,
forId: ''
}, [ 'foo' ]) : null,
v('div', { classes: css.inputWrapper }, children)
]);
};
示例5: harness
const h = harness(() => w(DatePicker, {
renderMonthLabel: () => { return 'bar'; },
...customProps,
...requiredProps
}), [ compareId, compareAriaLabelledBy, compareAriaControls, compareKey, compareFor, compareName ]);