emacroh5lib 1.0.14 → 1.0.18

package/dist/main.css

@@ -1,18 +1,3 @@
-.app-container[data-v-7a6f68ae] {
-  height: 100%;
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  background-color: aqua;
-}
-.click-button[data-v-7a6f68ae] {
-  padding: 10px;
-  font-size: 16px;
-  color: white;
-  border-radius: 15px;
-  background-color: blue;
-}
-
 .duo-viewer {
   position: fixed;
   top: 0;
@@ -199,49 +184,3 @@
   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.14",
+  "version": "1.0.18",
   "description": "EMacro前端组件库",
   "main": "dist/emacroh5lib.min.js", 
   "scripts": {

package/src/index.ts

@@ -4,10 +4,11 @@ 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 DragView from './views/Draw/index.vue'
 import MessageBoxTest from "@/components/MessageBoxTest";
 
-const components = [FileViewer, ImageViewer];
+const components = [FileViewer, ImageViewer, DragResizeView, DragView];
 
 const install = (Vue: any) => {
   if ((install as any).installed) return;
@@ -30,4 +31,4 @@ if (typeof window !== 'undefined' && (window as any).Vue) {
 
 
 export default {}
-export { EMacro,FileViewer, ImageViewer, DragResizeView }
+export { EMacro,FileViewer, ImageViewer, DragResizeView, DragView }

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,6 +240,7 @@ 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

package/src/views/DragResizeViewTs/index.less

@@ -0,0 +1,59 @@
+.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: 2px 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;
+}