forbid resize static element and hidden resize icon

Author: panjiangyi

dist/js/app.ba023a5a.js

@@ -1,7 +1,7 @@
 <template>
     <div ref="item"
          class="vue-grid-item"
-         :class="{ 'vue-resizable' : resizable, 'resizing' : isResizing, 'vue-draggable-dragging' : isDragging, 'cssTransforms' : useCssTransforms, 'render-rtl' : renderRtl, 'disable-userselect': isDragging, 'no-touch': isAndroid }"
+         :class="{ 'vue-resizable' : showResizeIcon,'vue-unresizable' : !showResizeIcon, 'resizing' : isResizing, 'vue-draggable-dragging' : isDragging, 'cssTransforms' : useCssTransforms, 'render-rtl' : renderRtl, 'disable-userselect': isDragging, 'no-touch': isAndroid }"
          :style="style"
     >
         <slot></slot>
@@ -374,6 +374,9 @@
             }
         },
         computed: {
+            showResizeIcon(){
+                return this.resizable&&!this.static
+            },  
             isAndroid() {
                 return navigator.userAgent.toLowerCase().indexOf("android") !== -1;
             },
@@ -436,6 +439,7 @@
 
             },
             handleResize: function (event) {
+                if (this.static) return;
                 const position = getControlPosition(event);
                 // Get the current drag point from the event. This is used as the offset.
                 if (position == null) return; // not possible but satisfies flow