emacroh5lib 1.0.10 → 1.0.13

package/dist/main.css

@@ -199,3 +199,49 @@
   border-radius: 0.15em;
 }
 
+.vdr {
+    position: absolute;
+    box-sizing: border-box;
+}
+.vdr.active:before{
+    content: '';
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    box-sizing: border-box;
+    outline: 1px dashed #d6d6d6;
+}
+.vdr-stick {
+    box-sizing: border-box;
+    position: absolute;
+    font-size: 1px;
+    background: #ffffff;
+    border: 1px solid #6c6c6c;
+    box-shadow: 0 0 2px #bbb;
+}
+.inactive .vdr-stick {
+    display: none;
+}
+.vdr-stick-tl, .vdr-stick-br {
+    cursor: nwse-resize;
+}
+.vdr-stick-tm, .vdr-stick-bm {
+    left: 50%;
+    cursor: ns-resize;
+}
+.vdr-stick-tr, .vdr-stick-bl {
+    cursor: nesw-resize;
+}
+.vdr-stick-ml, .vdr-stick-mr {
+    top: 50%;
+    cursor: ew-resize;
+}
+.vdr-stick.not-resizable{
+    display: none;
+}
+.content-container{
+    display: block;
+    position: relative;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "emacroh5lib",
-  "version": "1.0.10",
+  "version": "1.0.13",
   "description": "EMacro前端组件库",
   "main": "dist/emacroh5lib.min.js", 
   "scripts": {

package/src/index.ts

@@ -30,4 +30,4 @@ if (typeof window !== 'undefined' && (window as any).Vue) {
 
 
 export default {}
-export { EMacro, ImageViewer }
+export { EMacro,FileViewer, ImageViewer, DragResizeView }

package/src/views/DragResizeView/vue-drag-resize.js

@@ -208,14 +208,6 @@ export default {
         this.parentWidth = this.parentW ? this.parentW : this.parentElement.clientWidth;
         this.parentHeight = this.parentH ? this.parentH : this.parentElement.clientHeight;
 
-        if (this.name.trim() !== '' && this.isStorage) {
-            let info = JSON.parse(localStorage.getItem("DragResizeView_Info_" + this.name))
-            this.x = info.left
-            this.y = info.top
-            this.w = info.width
-            this.h = info.height
-        }
-
         this.left = this.x;
         this.top = this.y;
         this.right = this.parentWidth - (this.w === 'auto' ? this.$refs.container.scrollWidth : this.w) - this.left;
@@ -245,6 +237,16 @@ export default {
                 cancelHandle.setAttribute('data-drag-cancel', this._uid);
             });
         }
+
+        if (this.name.trim() !== '' && this.isStorage) {
+            let info = JSON.parse(localStorage.getItem("DragResizeView_Info_" + this.name))
+            if (info !== null) {
+                this.left = info.left
+                this.top = info.top
+                this.width = info.width
+                this.height = info.height
+            }
+        }
     },
 
     beforeDestroy() {
@@ -709,7 +711,7 @@ export default {
                 throw "unspecified name"
             }
 
-            localStorage.setItem("DragResizeView_Info_" + this.name, JSON.stringify(this.rect)) 
+            localStorage.setItem("DragResizeView_Info_" + this.name, JSON.stringify(this.rect))
         }
 
     },