被否决

使用 @anypoint-web-components/awc 模块.

此混音符为 铁接-行为 和LitElement合作过.

ArcFitMixin 使用 max-height 财务报告和审定财务报表 max-width,可选择将其放在窗口或其他元素中。 该单元只有在尚未由中央支助系统进行大小和(或)定位的情况下才能进行大小和(或)定位.

ArcFitMixin 可以使用 verticalAlign 财务报告和审定财务报表 horizontalAlign。这将覆盖元素的 Cs 位置.

<div class="container">
  <arc-fit-impl verticalalign="top" horizontalalign="auto">
    Positioned into the container
  </arc-fit-impl>
</div>

使用 noOverlap 以不相重叠的方式将元素定位于另一个元素.

<div class="container">
  <arc-fit-impl nooverlap verticalalign="auto" horizontalalign="auto">
    Positioned around the container
  </arc-fit-impl>
</div>

使用 horizontalOffset, verticalOffset 冲抵部分 positionTarget· ; ArcFitMixin 将会崩溃,以便 将元素保留在内 fitInto 边框,同时保留元素的 CSS比值.

<div class="container">
  <arc-fit-impl verticalalign="top" verticaloffset="20">
    With vertical offset
  </arc-fit-impl>
</div>

折旧通知

以下属性被支持与更古老和多聚元素相兼容,但最终会被去掉并被替换为相应新属性.

• sizing-target > 翻译: sizingtarget
• fit-into > 翻译: fitinto
• no-overlap > 翻译: nooverlap
• position-target > 翻译: positiontarget
• horizontal-align > 翻译: horizontalalign
• vertical-align > 翻译: verticalalign
• dynamic-align > 翻译: dynamicalign
• horizontal-offset > 翻译: horizontaloffset
• vertical-offset > 翻译: verticaloffset
• auto-fit-on-attach > 翻译: autofitonattach

安装

npm i @advanced-rest-client/arc-fit-mixin

使用量

import { LitElement } from 'lit-element';
import { ArcFitMixin } from '@advanced-rest-client/arc-fit-mixin';

class ArcFitImpl extends ArcFitMixin(LitElement) {
  static get properties() {
    return {
      myProp: { type: Object, attribute: 'my-prop' },
    };
  }
}

测试

npm run test

测试 Sauce 实验室

npm run test:sl

演示

npm start