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