本文整理汇总了TypeScript中@ephox/sugar.Height类的典型用法代码示例。如果您正苦于以下问题:TypeScript Height类的具体用法?TypeScript Height怎么用?TypeScript Height使用的例子?那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了Height类的9个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。
示例1: function
const getGreenzone = function (socket, dropup) {
const outerWindow = Traverse.owner(socket).dom().defaultView;
// Include the dropup for this calculation because it represents the total viewable height.
const viewportHeight = Height.get(socket) + Height.get(dropup);
const acc = accountableKeyboardHeight(outerWindow);
return viewportHeight - acc;
};
开发者ID:abstask,项目名称:tinymce,代码行数:7,代码来源:DeviceZones.ts
示例2: function
const takeover = function (viewport, contentBody, toolbar, dropup) {
const outerWindow = Traverse.owner(viewport).dom().defaultView;
const toolbarSetup = takeoverToolbar(toolbar);
const toolbarHeight = Height.get(toolbar);
const dropupHeight = Height.get(dropup);
const viewportHeight = deriveViewportHeight(viewport, toolbarHeight, dropupHeight);
const viewportSetup = takeoverViewport(toolbarHeight, viewportHeight, viewport);
const dropupSetup = takeoverDropup(dropup, toolbarHeight, viewportHeight);
let isActive = true;
const restore = function () {
isActive = false;
toolbarSetup.restore();
viewportSetup.restore();
dropupSetup.restore();
};
const isExpanding = function () {
const currentWinHeight = outerWindow.innerHeight;
const lastWinHeight = getLastWindowSize(viewport);
return currentWinHeight > lastWinHeight;
};
const refresh = function () {
if (isActive) {
const newToolbarHeight = Height.get(toolbar);
const dropupHeight = Height.get(dropup);
const newHeight = deriveViewportHeight(viewport, newToolbarHeight, dropupHeight);
Attr.set(viewport, yFixedData, newToolbarHeight + 'px');
Css.set(viewport, 'height', newHeight + 'px');
Css.set(dropup, 'bottom', -(newToolbarHeight + newHeight + dropupHeight) + 'px');
DeviceZones.updatePadding(contentBody, viewport, dropup);
}
};
const setViewportOffset = function (newYOffset) {
const offsetPx = newYOffset + 'px';
Attr.set(viewport, yFixedData, offsetPx);
// The toolbar height has probably changed, so recalculate the viewport height.
refresh();
};
DeviceZones.updatePadding(contentBody, viewport, dropup);
return {
setViewportOffset,
isExpanding,
isShrinking: Fun.not(isExpanding),
refresh,
restore
};
};
开发者ID:abstask,项目名称:tinymce,代码行数:56,代码来源:IosViewport.ts
示例3: function
const refresh = function () {
if (isActive) {
const newToolbarHeight = Height.get(toolbar);
const dropupHeight = Height.get(dropup);
const newHeight = deriveViewportHeight(viewport, newToolbarHeight, dropupHeight);
Attr.set(viewport, yFixedData, newToolbarHeight + 'px');
Css.set(viewport, 'height', newHeight + 'px');
DeviceZones.updatePadding(contentBody, viewport, dropup);
}
};
开发者ID:tinymce,项目名称:tinymce,代码行数:11,代码来源:IosViewport.ts
示例4: getDimensions
export const resize = (editor: Editor, deltas, resizeType: ResizeTypes) => {
const container = Element.fromDom(editor.getContainer());
const dimensions = getDimensions(editor, deltas, resizeType, Height.get(container), Width.get(container));
Obj.each(dimensions, (val, dim) => Css.set(container, dim, Utils.numToPx(val)));
Events.fireResizeEditor(editor);
};
开发者ID:tinymce,项目名称:tinymce,代码行数:7,代码来源:Resize.ts
示例5:
const calcPosition = (offset: number = 0) => {
// Note: The float container/editor may not have been rendered yet, which will cause it to have a non integer based positions
// so we need to round this to account for that.
const location = Location.absolute(Element.fromDom(editor.getBody()));
return {
top: Math.round(location.top() - Height.get(floatContainer.element())) + offset + 'px',
left: Math.round(location.left()) + 'px'
};
};
开发者ID:tinymce,项目名称:tinymce,代码行数:9,代码来源:Inline.ts
示例6: function
const reposition = function () {
const toolbarHeight = Height.get(toolstrip);
iosApi.run(function (api) {
api.setViewportOffset(toolbarHeight);
});
refreshIosSelection();
refreshView();
};
开发者ID:aha-app,项目名称:tinymce-word-paste-filter,代码行数:9,代码来源:IosEvents.ts
示例7:
return Step.sync(function () {
const element = Hierarchy.follow(Element.fromDom(editor.getBody()), path).getOrDie('could not find element');
const height = Height.get(element);
const width = Width.get(element);
state.set({
h: height,
w: width
});
});
开发者ID:aha-app,项目名称:tinymce-word-paste-filter,代码行数:10,代码来源:DragResizeTest.ts
示例8:
return Logger.t('Set height and width', Step.sync(() => {
const element = Hierarchy.follow(Element.fromDom(editor.getBody()), path).getOrDie('could not find element');
const height = Height.get(element);
const width = Width.get(element);
state.set({
h: height,
w: width
});
}));
开发者ID:tinymce,项目名称:tinymce,代码行数:10,代码来源:DragResizeTest.ts
示例9: looseEqual
return Step.sync(function () {
const element = Hierarchy.follow(Element.fromDom(editor.getBody()), path).getOrDie('could not find element');
const height = Height.get(element);
const width = Width.get(element);
const changedHeight = state.get().h + change.dh;
const changedWidth = state.get().w + change.dw;
Assertions.assertEq('height has changed as expected', true, looseEqual(changedHeight, height, 2));
Assertions.assertEq('width has changed as expected', true, looseEqual(changedWidth, width, 2));
});
开发者ID:aha-app,项目名称:tinymce-word-paste-filter,代码行数:11,代码来源:DragResizeTest.ts
注:本文中的@ephox/sugar.Height类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。 |
请发表评论