本文整理汇总了TypeScript中@ember/component.extend函数的典型用法代码示例。如果您正苦于以下问题:TypeScript extend函数的具体用法?TypeScript extend怎么用?TypeScript extend使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了extend函数的6个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。
示例1: handleStreamAction
export default Component.extend({
classNames: ['dataset-comments'],
/**
* Mapping of available dataset stream action
* @type {StringUnionKeyToValue<DatasetStreamActionsUnion>}
*/
streamActions: StreamActions,
/**
* Comments on the parent dataset
* @type Array<IDatasetComment>
*/
comments: [],
/**
* List of available comment types
* @type ReadonlyArray<CommentTypeUnion>
*/
commentTypes: CommentTypes,
/**
* Default no-op function to add a dataset comment
* @type {Function}
*/
addDatasetComment: noop,
/**
* Default no-op function to delete a dataset comment
* @type {Function}
*/
deleteDatasetComment: noop,
/**
* Default no-op function to update a dataset comment
* @type {Function}
*/
updateDatasetComment: noop,
actions: {
/**
* Handles the action for adding | modifying | destroying a dataset comment
* invokes handler passed in from parent: controller
* @return {Promise<boolean>}
*/
handleStreamAction(strategy: DatasetStreamActionsUnion): Promise<boolean> {
const [, ...args] = [...Array.from(arguments)];
// assert that handler is in CommentAction needed since we are calling from component template
// TS currently has no jurisdiction there
assert(`Expected action to be one of ${Object.keys(StreamActions)}`, strategy in StreamActions);
return {
add: (): Promise<boolean> => this.addDatasetComment(...args),
destroy: (): Promise<boolean> => this.deleteDatasetComment(...args),
modify: (): Promise<boolean> => this.updateDatasetComment(...args)
}[strategy]();
}
}
});
开发者ID:linwenxue,项目名称:WhereHows,代码行数:60,代码来源:dataset-comments.ts
示例2: didInsertElement
import Component from '@ember/component';
import { EKMixin, keyDown, keyPress, keyUp, EKOnInsertMixin } from 'ember-keyboard';
const KeyboardAwareComponent = Component.extend(EKMixin, EKOnInsertMixin, {
keyboardFirstResponder: true,
});
export default class KeyboardPress extends KeyboardAwareComponent {
key!: string;
onDown?: () => void;
onPress?: () => void;
onUp?: () => void;
didInsertElement() {
this._super(...arguments);
const { key, onDown, onPress, onUp } = this;
if (onDown) {
this.on(keyDown(key), this.eventHandler(onDown));
}
if (onPress) {
this.on(keyPress(key), this.eventHandler(onPress));
}
if (onUp) {
this.on(keyUp(key), this.eventHandler(onUp));
}
}
开发者ID:NullVoxPopuli,项目名称:emberclear,代码行数:30,代码来源:component.ts
示例3:
import Component from '@ember/component';
import layout from 'ember-oembed/templates/components/ember-oembed-content';
export default Component.extend({
layout
});
开发者ID:levanto-financial,项目名称:ember-oembed,代码行数:6,代码来源:ember-oembed-content.ts
示例4: if
min: Ember.computed.min('foo'),
none: Ember.computed.none('foo'),
not: Ember.computed.not('foo'),
notEmpty: Ember.computed.notEmpty('foo'),
oneWay: Ember.computed.oneWay('foo'),
or: Ember.computed.or('foo', 'bar', 'baz', 'qux'),
readOnly: Ember.computed.readOnly('foo'),
reads: Ember.computed.reads('foo'),
setDiff: Ember.computed.setDiff('foo', 'bar'),
sort1: Ember.computed.sort('foo', 'bar'),
sort2: Ember.computed.sort('foo', (itemA, itemB) => {
if (itemA < itemB) {
return -1;
} else if (itemA > itemB) {
return 1;
} else {
return 0;
}
}),
sum: Ember.computed.sum('foo'),
union: Ember.computed.union('foo', 'bar', 'baz', 'qux'),
uniq: Ember.computed.uniq('foo'),
uniqBy: Ember.computed.uniqBy('foo', 'bar')
});
const component2 = Component.extend({
isAnimal: or('isDog', 'isCat')
}).create();
assertType<boolean>(component2.get('isAnimal'));
开发者ID:AlexGalays,项目名称:DefinitelyTyped,代码行数:30,代码来源:computed.ts
示例5: handleStreamComment
export default Component.extend({
tagName: 'ul',
classNames: ['comment-stream'],
/**
* Mapping of available comment action
* @type {StringUnionKeyToValue<StreamCommentActionsUnion>}
*/
commentActions: CommentActions,
/**
* Default no-op function to add a comment
* @type {Function}
*/
addCommentToStream: noop,
/**
* Default no-op function to delete a comment
* @type {Function}
*/
deleteCommentFromStream: noop,
/**
* Default no-op function to update a comment
* @type {Function}
*/
updateCommentInStream: noop,
actions: {
/**
* Async handles CrUD operations for comment stream actions, proxies to parent closure actions
* @param {StreamCommentActionsUnion} strategy
* @return {Promise<boolean>}
*/
async handleStreamComment(strategy: StreamCommentActionsUnion): Promise<boolean> {
const [, ...args] = arguments;
// assert that handler is in CommentAction needed since we are calling from component template
// TS currently has no jurisdiction there
assert(`Expected action to be one of ${Object.keys(CommentActions)}`, strategy in CommentActions);
return {
create: (): Promise<boolean> => this.addCommentToStream(...args),
destroy: (): Promise<boolean> => this.deleteCommentFromStream(...args),
update: (): Promise<boolean> => this.updateCommentInStream(...args)
}[strategy]();
}
}
});
开发者ID:linwenxue,项目名称:WhereHows,代码行数:50,代码来源:comment-stream.ts
示例6: hello
import Component from '@ember/component';
import Object, { computed, get } from '@ember/object';
import hbs from 'htmlbars-inline-precompile';
import { assertType } from "./lib/assert";
Component.extend({
layout: hbs`
<div>
{{yield}}
</div>
`,
});
Component.extend({
layout: 'my-layout',
});
const MyComponent = Component.extend();
assertType<string | string[]>(get(MyComponent, 'positionalParams'));
const component1 = Component.extend({
actions: {
hello(name: string) {
console.log('Hello', name);
},
},
});
Component.extend({
name: '',
hello(name: string) {
开发者ID:AlexGalays,项目名称:DefinitelyTyped,代码行数:31,代码来源:component.ts
注:本文中的@ember/component.extend函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。 |
请发表评论