emacroh5lib 1.0.13 → 1.0.16

package/dist/main.css

@@ -199,49 +199,60 @@
   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;
+.app-container[data-v-ab09ceac] {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+.vdr[data-v-ab09ceac] {
+  position: absolute;
+  box-sizing: border-box;
+}
+.vdr.active[data-v-ab09ceac]:before {
+  content: '';
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  box-sizing: border-box;
+  outline: 1px dashed #d6d6d6;
 }
+.vdr-stick[data-v-ab09ceac] {
+  box-sizing: border-box;
+  position: absolute;
+  font-size: 1px;
+  background: #ffffff;
+  border: 1px solid #6c6c6c;
+  box-shadow: 0 0 2px #bbb;
+}
+.inactive .vdr-stick[data-v-ab09ceac] {
+  display: none;
+}
+.vdr-stick-tl[data-v-ab09ceac],
+.vdr-stick-br[data-v-ab09ceac] {
+  cursor: nwse-resize;
+}
+.vdr-stick-tm[data-v-ab09ceac],
+.vdr-stick-bm[data-v-ab09ceac] {
+  left: 50%;
+  cursor: ns-resize;
+}
+.vdr-stick-tr[data-v-ab09ceac],
+.vdr-stick-bl[data-v-ab09ceac] {
+  cursor: nesw-resize;
+}
+.vdr-stick-ml[data-v-ab09ceac],
+.vdr-stick-mr[data-v-ab09ceac] {
+  top: 50%;
+  cursor: ew-resize;
+}
+.vdr-stick.not-resizable[data-v-ab09ceac] {
+  display: none;
+}
+.content-container[data-v-ab09ceac] {
+  display: block;
+  position: relative;
+}
+

package/package.json

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

package/src/index.ts

@@ -4,10 +4,10 @@ import { EMacro } from "./utilities/File";
 
 import FileViewer from './views/FileViewer/index.vue'
 import ImageViewer from './views/ImageViewer/index.vue'
-import DragResizeView from './views/DragResizeView/index.vue'
+import DragResizeView from './views/DragResizeViewTs/index.vue'
 import MessageBoxTest from "@/components/MessageBoxTest";
 
-const components = [FileViewer, ImageViewer];
+const components = [FileViewer, ImageViewer, DragResizeView];
 
 const install = (Vue: any) => {
   if ((install as any).installed) return;

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

@@ -185,7 +185,7 @@ export default {
             top: null,
             right: null,
             bottom: null,
-            minHeight: null,
+            minHeight: null
         };
     },
 
@@ -240,11 +240,12 @@ export default {
 
         if (this.name.trim() !== '' && this.isStorage) {
             let info = JSON.parse(localStorage.getItem("DragResizeView_Info_" + this.name))
+            console.log("拖动", info);
             if (info !== null) {
                 this.left = info.left
                 this.top = info.top
-                this.width = info.width
-                this.height = info.height
+                this.right = info.right
+                this.bottom = info.bottom
             }
         }
     },
@@ -711,7 +712,8 @@ export default {
                 throw "unspecified name"
             }
 
-            localStorage.setItem("DragResizeView_Info_" + this.name, JSON.stringify(this.rect))
+            const info = { "left": this.rect.left, "top": this.rect.top, "right": this.right, "bottom": this.bottom }
+            localStorage.setItem("DragResizeView_Info_" + this.name, JSON.stringify(info))
         }
 
     },

package/src/views/DragResizeViewTs/index.less

@@ -0,0 +1,66 @@
+.app-container {
+    height: 100%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.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;
+}