Js-beautify: Enrole os atributos de html de alinhamento apenas quando a linha atingir determinado comprimento

Criado em 27 set. 2017 · 8Comentários · Fonte: beautify-web/js-beautify

É possível envolver apenas atributos html quando a linha atinge determinado comprimento de caracteres. A forma como funciona no Phpstorm, por exemplo, é se eu tiver algo assim.

<div v-for="item in items" class="items">
    <p>{{item.name}}</p>
</div>

O formatador Phpstorm não envolve os atributos, mas se meu código for parecido com este

<div v-for="item in items" class="items" v-if="items.notEmpty()" :class="{active: isActive} :key="item.id">
    <p>{{item.name}}</p>
</div>

e a linha contém mais de 100 caracteres, então envolve os atributos e os alinha assim

<div v-for="item in items" 
     class="items" 
     v-if="items.notEmpty()" 
     :class="{active: isActive} 
     :key="item.id">
    <p>{{item.name}}</p>
</div>

html enhancement

Fonte

asolopovas

👍17

Comentários muito úteis

Eu estava pensando que uma opção para algo como um "número de atributos antes de empacotar" seria bom, então eu poderia dizer que qualquer coisa com <4 atributos não será encapsulada, enquanto qualquer coisa> = 4 atributos seria encapsulada, e isso seria configurável por usuário, é claro.

Adondriel em 13 jun. 2018

👍5

Todos 8 comentários

Veja # 1125 para discussão relacionada. Não exatamente o mesmo recurso, mas relacionado.

bitwiseman em 13 nov. 2017

Isso está sendo implementado? É muito chato quando o seguinte:
<meta content="IE=edge" http-equiv="X-UA-Compatible">

torna-se:

<meta content="IE=edge"
      http-equiv="X-UA-Compatible">

Mesmo que haja muito espaço para mantê-lo em uma linha

RenaldasK em 17 abr. 2018

👍1

@RenaldasK
Este problema não foi atribuído. Ele precisa de alguém para implementar uma correção e testes, enviar um PR e levá-lo à conclusão. Talvez você?

bitwiseman em 18 abr. 2018

+1, é exatamente assim que esperamos que o comportamento funcione

auderer em 28 mai. 2018

Eu posso dar uma olhada neste fim de semana. Isso deve ser implementado em --wrap-attributes auto ou alguma nova opção?

RenaldasK em 30 mai. 2018

👍1

Na verdade, eu dei uma olhada no problema do nº 1285 e o comportamento descrito ali atende às minhas necessidades também, então acho que devo bifurcar este PR nº 1297 e tentar mesclá-lo e encerrá-lo.

RenaldasK em 30 mai. 2018

👍3

Adondriel em 13 jun. 2018

👍5

@Adondriel Isso é complicado. Um atributo pode ter apenas 3 a 5 caracteres, outro pode ter 50 caracteres. O empacotamento por padrão deve lidar com comprimentos, não com número de atributos, mas é uma opção adicional interessante a se considerar ...