emacroh5lib 1.0.15 → 1.0.19

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.15",
+  "version": "1.0.19",
   "description": "EMacro前端组件库",
   "main": "dist/emacroh5lib.min.js", 
   "scripts": {

package/src/index.ts

@@ -5,6 +5,7 @@ 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 DragView from './views/Draw/index.vue'
 import MessageBoxTest from "@/components/MessageBoxTest";
 
 const components = [FileViewer, ImageViewer, DragResizeView];

package/src/views/{DragResizeViewTs/vue-drag-resize.css → DragResizeView/index.less}

@@ -2,7 +2,8 @@
     position: absolute;
     box-sizing: border-box;
 }
-.vdr.active:before{
+
+.vdr.active:before {
     content: '';
     width: 100%;
     height: 100%;
@@ -12,35 +13,47 @@
     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;
+    border: 2px solid #6c6c6c;
     box-shadow: 0 0 2px #bbb;
 }
+
 .inactive .vdr-stick {
     display: none;
 }
-.vdr-stick-tl, .vdr-stick-br {
+
+.vdr-stick-tl,
+.vdr-stick-br {
     cursor: nwse-resize;
 }
-.vdr-stick-tm, .vdr-stick-bm {
+
+.vdr-stick-tm,
+.vdr-stick-bm {
     left: 50%;
     cursor: ns-resize;
 }
-.vdr-stick-tr, .vdr-stick-bl {
+
+.vdr-stick-tr,
+.vdr-stick-bl {
     cursor: nesw-resize;
 }
-.vdr-stick-ml, .vdr-stick-mr {
+
+.vdr-stick-ml,
+.vdr-stick-mr {
     top: 50%;
     cursor: ew-resize;
 }
-.vdr-stick.not-resizable{
+
+.vdr-stick.not-resizable {
     display: none;
 }
-.content-container{
+
+.content-container {
     display: block;
     position: relative;
 }