emacroh5lib 1.0.1 → 1.0.4

package/README.md

@@ -1,4 +1,5 @@
-
+## 安装
+npm i emacroh5lib --registry  https://registry.npmjs.org/
 
 ## 读取excel表格数据
 
@@ -6,6 +7,6 @@
 EMacro.File.readLocalExcel((file, workbook) => {
     console.log("file", file);
     console.log("workbook", workbook);
-    console.log("数据", workbook.Sheets["工作表1"]["G32"].h);
+    console.log("数据", workbook.Sheets["工作表1"]["G32"]);
 });
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "emacroh5lib",
-  "version": "1.0.001",
+  "version": "1.0.4",
   "description": "EMacro前端组件库",
   "main": "./dist/emacroh5lib.min.js",
   "types": "./dist/types/index.d.ts",
@@ -13,7 +13,7 @@
     "e2e": "vue-cli-service test:e2e",
     "watch": "webpack --watch",
     "serve": "webpack serve",
-    "dev": "webpack serve",
+    "dev": "vue-cli-service test:e2e",
     "commit": "cz",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -66,6 +66,8 @@
     "ts-jest": "^27.1.4",
     "ts-loader": "^9.2.8",
     "typescript": "^4.6.3",
+    "vue-loader": "^15.7.0",
+    "vue-router": "^3.1.3",
     "vue-template-compiler": "^2.6.14",
     "webpack": "^5.72.0",
     "webpack-cli": "^4.9.2",
@@ -73,15 +75,22 @@
   },
   "dependencies": {
     "@tweenjs/tween.js": "^18.6.4",
+    "@types/file-saver": "^2.0.5",
     "@types/js-cookie": "^3.0.1",
     "@vue/cli-plugin-typescript": "^5.0.4",
     "axios": "^0.26.1",
     "core-js": "^3.22.2",
+    "deep-eql": "^4.0.0",
     "echarts": "^5.3.2",
     "echarts-gl": "^2.0.9",
     "element-ui": "^2.15.8",
+    "file-saver": "^2.0.5",
+    "hammerjs": "^2.0.8",
     "jquery": "^3.6.0",
     "js-cookie": "^3.0.1",
+    "js-xlsx": "^0.8.22",
+    "lay-excel": "^1.7.6",
+    "query-string": "^7.0.1",
     "register-service-worker": "^1.7.2",
     "three": "^0.139.2",
     "typings": "^2.1.1",
@@ -89,10 +98,9 @@
     "vue-class-component": "^7.2.3",
     "vue-echarts": "^6.0.2",
     "vue-property-decorator": "^9.1.2",
-    "vue-router": "^3.5.1",
+    "vue-tsx-support": "^3.2.0",
     "vuex": "^3.6.2",
     "xlsx": "^0.18.5",
-    "query-string": "^7.0.1",
-    "deep-eql": "^4.0.0"
+    "xlsx-style": "^0.8.13"
   }
 }

package/src/components/HelloWorld.vue

@@ -83,11 +83,11 @@
 <script lang="ts">
   import { Component, Prop, Vue } from "vue-property-decorator";
 
-  @Component
+  @Component({ name: "HelloWorld" })
   export default class HelloWorld extends Vue {
-    @Prop() private msg!: string; 
+    @Prop() private msg!: string;
 
-    public test():void{
+    public test(): void {
 
       console.log(this.msg);
 

package/src/components/MessageBox.jsx

@@ -102,6 +102,7 @@ export default {
     render() {
         return (
             <div>
+                <div>你好撒发射点  </div>
                 <a-select show-search placeholder={this.placeholder} option-filter-prop="children" style={this.css}
                     onfocus={this.focus} onblur={this.blur} onchange={this.change} oninputKeydown={this.inputKeydown} defaultValue={this.defaultValue}>
                     {

package/src/components/MessageBoxTest.tsx

@@ -0,0 +1,11 @@
+import { Component, Prop, Vue } from "vue-property-decorator";
+@Component({ name: "MessageBoxTest" })
+export default class MessageBoxTest extends Vue {
+
+
+    render() {
+        return (
+            <div>login.tsx</div>
+        )
+    }
+} 

package/src/index.ts

@@ -1,21 +1,43 @@
 
+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 MessageBoxTest from "@/components/MessageBoxTest";
+
+const components = [FileViewer, ImageViewer, DragResizeView];
+
+const install = (Vue: any) => {
+  if ((install as any).installed) return;
+  (install as any).installed = true;
+  components.map((component) => {
+    Vue.component(component.name, component);
+  });
+};
+// 这一步判断window.Vue是否存在，因为直接引用vue.min.js， 它会把Vue绑到Window上，我们直接引用打包好的js才能正常跑起来。
+if (typeof window !== 'undefined' && (window as any).Vue) {
+  // window.Vue.use(install)
+  install((window as any).Vue);
+}
+
+
+
+
+
+// import HelloWorld from "@/components/HelloWorld.vue";
+// import HelloWorld from "@/components/index";
+
+
+
 
-class Test {
 
-  public static print(info: string): void {
-    console.log(info);
 
-    console.log('测试npm');
 
-    const arr = [1, 2]
-    console.log(arr[5]);
 
-    console.log('测试npm22');
-    console.log('测试npm33333');
 
-  }
 
-}
 
-export default Test;
-export { }
+export default {}
+export { EMacro, FileViewer, DragResizeView }

package/src/main.ts

@@ -7,7 +7,9 @@ import store from './store'
 import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
 
-Vue.use(ElementUI);
+
+
+Vue.use(ElementUI); 
 
 Vue.config.productionTip = false
 

package/src/router/index.ts

@@ -19,9 +19,14 @@ const routes: Array<RouteConfig> = [
     component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
   },
   {
-    path: '/file',
-    name: 'file',
-    component: () => import('../views/File/index.vue')
+    path: '/FileViewer',
+    name: 'FileViewer',
+    component: () => import('../views/FileViewer/index.vue')
+  }, 
+  {
+    path: '/TestView',
+    name: 'TestView',
+    component: () => import('../views/TestView/index.vue')
   },
 ]
 

package/src/shims-vue.d.ts

@@ -3,5 +3,5 @@ declare module '*.vue' {
   export default Vue
 }
 
-// declare module '@/utils/request.js'
-// declare module '@/utils/request.js'
+// declare module 'xlsx-style'
+// declare module "@/components/HelloWorld.vue"

package/src/utilities/File.ts

@@ -1,6 +1,8 @@
 import * as XLSX from "xlsx";
 
-namespace EMacro {
+export namespace EMacro {
+
+    export const version = "1.0"
 
     export class File {
 
@@ -45,6 +47,8 @@ namespace EMacro {
     }
 
 }
+ 
+
 
 
-export default EMacro;
+ 

package/src/views/DragResizeView/index.vue

@@ -0,0 +1,3 @@
+<template src="./vue-drag-resize.html"></template>
+<script src="./vue-drag-resize.js"></script>
+<style src="./vue-drag-resize.css"></style>

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

@@ -0,0 +1,46 @@
+.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/src/views/DragResizeView/vue-drag-resize.html

@@ -0,0 +1,17 @@
+<div class="vdr" :style="positionStyle"
+     :class="`${(active || isActive) ? 'active' : 'inactive'} ${contentClass ? contentClass: ''}`"
+     @mousedown="bodyDown($event)"
+     @touchstart="bodyDown($event)"
+     @touchend="up($event)">
+    <div :style="sizeStyle" class="content-container" ref="container">
+        <slot></slot>
+    </div>
+    <div
+            v-for="stick in sticks"
+            class="vdr-stick"
+            :class="['vdr-stick-' + stick, isResizable ? '' : 'not-resizable']"
+            @mousedown.stop.prevent="stickDown(stick, $event)"
+            @touchstart.stop.prevent="stickDown(stick, $event)"
+            :style="vdrStick(stick)">
+    </div>
+</div>