jbaysolutions/vue-grid-layout

Define resize array for the active handlers

Open

#513 geöffnet am 11. Dez. 2020

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (6.777 Stars) (1.436 Forks)batch import
enhancementhelp wanted

Beschreibung

Describe the solution you'd like

I want to resize by dragging the border, But I don’t seem to see this API.

Describe alternatives you've considered

Something like this：

Define resize array for the active handlers:

this.resizeActive = ['leftTop', 'leftBottom', 'rightTop', 'rightBottom', 'left', 'right', 'top', 'bottom']

usage:

<grid-layout
  :resize-active="resizeActive"
/>

Additional context as shown:

resize-active-border.png

Contributor Guide

Tech Stack
vuejavascript
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-2 days
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
Vue.js fundamentalsvue grid layout basics
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70
Research-Richtung
Explore the vue grid layout source code, particularly the GridLayout.vue component where props are defined and resizing behavior is implemented. Look for existing props like 'draggable' or 'resizable' and emulate the pattern to add a 'resizeActive' prop that accepts an array of handler positions. Also check the documentation to ensure the new prop is compatible with current API.