TypeScript maquette.h函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中maquette.h函数的典型用法代码示例。如果您正苦于以下问题：TypeScript h函数的具体用法？TypeScript h怎么用？TypeScript h使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。

在下文中一共展示了h函数的8个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: h

 renderMaquette: () => {
   return h('button', { class: 'button', classes: { ['primary']: config.primary }, onclick: handleClick }, [
     config.text
   ]);
 }

开发者ID:AFASResearch，项目名称:mobile-web-experiments，代码行数:5，代码来源:button.ts

示例2: if

			y2 -= length;
		}
		else if (side === 'left') {
			x2 = length;
		}
		else if (side === 'right') {
			x2 -= length;
		}
		else if (side === 'top') {
			y2 += length;
		}

		return h('line', {
			key: `${side}-axis-line-${index}`,
			stroke: 'black',
			x1: String(x1),
			x2: String(x2),
			y1: String(y1),
			y2: String(y2)
		});
	},

	createAxisLabel(
		{
			anchor = 'middle',
			dominantBaseline,
			offset = 0,
			rotation = 0,
			textAnchor
		}: LabelConfiguration,
		text: string,
		side: Side,

开发者ID:novemberborn，项目名称:dojo2-dataviz，代码行数:32，代码来源:createAxesMixin.ts

示例3: foo

export default function foo (state): VNode {
  return h('div', [
    h('h1', `Root`)
  ]);
}

开发者ID:patrickarlt，项目名称:maquette-redux-example，代码行数:5，代码来源:root.ts

示例4: h

						return stackPoints.map(({ columnPoints, datum }) => {
							const props: VNodeProperties = {
								key: datum.input
							};
							return h('g', props, renderColumns.call(this, columnPoints));
						});

开发者ID:novemberborn，项目名称:dojo2-dataviz，代码行数:6，代码来源:createStackedColumnChart.ts

示例5: h

 renderBody: () => {
   return h('div', { class: className ? `page ${className}` : 'page', key: page}, [
     body.map(c => c.renderMaquette())
   ]);
 }

开发者ID:AFASResearch，项目名称:mobile-web-experiments，代码行数:5，代码来源:page.ts

示例6: h

 renderMaquette: () => {
   return h('p', { class: 'text', innerHTML: htmlContent });
 }

开发者ID:AFASResearch，项目名称:mobile-web-experiments，代码行数:3，代码来源:text.ts

示例7: toUserId

      renderRow: (item: MessageInfo) => {
        let userId = toUserId();

        // if the user id of the other user has changed, we need to change the queries of the database
        if (userId !== oldUserId) {
          updateChatRoomId();
          updateOtherUserSubscription();
          updateMessagesSubscription();

          oldUserId = userId;
        }

        if (item.fromUserId === userId) {

          return h('div', { class: 'chatrow', classes: {right: false}, afterCreate: scrollpage }, [
            otherUser ? [
            h('img', { class: 'profile-picture', src: item.fromUserId === userId ? otherUser.image : user.image, onclick: item.fromUserId === userId ? toggleModal : undefined }),
            h('div', {key: item, class: 'messagecontainer' }, [
              h('div', { class: 'messageTitleContainer'}, [
                h('b', [ otherUser.firstName ]),
                h('span', {class: 'messageTimeStamp'}, [getFormattedDate(item.date)])
              ]),
              h('span', [item.text])
            ]) ] : undefined
          ]);
        } else {
          return h('div', { class: 'chatrow', classes: {right: true}, afterCreate: scrollpage }, [
          h('div', {key: item, class: 'messagecontainer' }, [
            h('div', { class: 'messageTitleContainer'}, [
              h('b', ['me']),
              h('span', {class: 'messageTimeStamp'}, [getFormattedDate(item.date)])
            ]),
            h('span', [item.text])
          ]),
          h('img', { class: 'profile-picture', src: item.fromUserId === userId ? otherUser.image : user.image })
          ]);
        }
      },

开发者ID:mrlukasbos，项目名称:mobile-web-experiments，代码行数:38，代码来源:chat-list.ts

示例8: h

 renderMaquette: () => {
   return h('div', { class: 'messageComposer' }, [
     textfield.renderMaquette(),
     h('button', { class: 'send', onclick: handleSendClick })
   ]);
 }

开发者ID:mrlukasbos，项目名称:mobile-web-experiments，代码行数:6，代码来源:message-composer.ts

注：本文中的maquette.h函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。