htui-yllkbz 1.3.23 → 1.3.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "htui-yllkbz",
-  "version": "1.3.23",
+  "version": "1.3.24",
   "typings": "types/index.d.ts",
   "main": "lib/htui.common.js",
   "style": "lib/htui.css",
@@ -23,7 +23,7 @@
     "core-js": "^3.6.5",
     "element-ui": "^2.14.1",
     "html2canvas": "1.0.0-rc.1",
-    "htui-yllkbz": "^1.2.35",
+    "htui-yllkbz": "^1.3.23",
     "mavon-editor": "^2.10.4",
     "moment": "^2.29.1",
     "vue": "^2.6.11",

package/src/main.ts

@@ -1,14 +1,24 @@
+/*
+ * @Descripttion: 
+ * @version: 
+ * @Author: hutao
+ * @Date: 2021-11-15 14:41:40
+ * @LastEditors: hutao
+ * @LastEditTime: 2022-04-29 17:05:53
+ */
 import Vue from "vue";
 import App from "./App.vue";
 import VueRouter from "vue-router";
 import routes from "./router";
 import store from "./store";
 import ElementUI from "element-ui";
+import HtUi from "htui-yllkbz";
 import "./styles.scss";
 import { _axios, baseConfig } from "vue-kst-auth";
 // import axios from "axios";
 Vue.use(ElementUI);
 Vue.use(VueRouter);
+Vue.use(HtUi);
 
 /** 设置axios返回类型 */
 Vue.config.productionTip = false;

package/src/packages/HtTwee/index.vue

@@ -4,13 +4,11 @@
  * @Author: hutao
  * @Date: 2022-04-29 16:30:40
  * @LastEditors: hutao
- * @LastEditTime: 2022-04-29 16:53:57
+ * @LastEditTime: 2022-04-29 17:14:19
 -->
 <template>
-  <div>
-    99999999999
-    <canvas ref="ht-twee"></canvas>
-  </div>
+
+  <canvas :ref="tweeRef||'ht-twee'"></canvas>
 
 </template>
 <script lang="ts">
@@ -20,9 +18,12 @@ require("@/plugins/EasePack.min.js");
 require("@/plugins/TweenLite.min.js");
 @Component
 export default class HtTwee extends Vue {
+  @Prop() tweeRef!: string;
+  @Prop() outerWidth!: number;
+  @Prop() outerHeight!: number;
   created() {
     this.$nextTick(() => {
-      Httwee(this.$refs["ht-twee"]);
+      Httwee(this.$refs["ht-twee"], this.outerWidth, this.outerHeight);
     });
   }
 }

package/src/plugins/HtTwee.js

@@ -47,9 +47,9 @@ function drawLines(p) {
   }
 }
 
-function resize() {
-  width = window.innerWidth;
-  height = window.innerHeight;
+function resize(outerWidth,outerHeight) {
+  width =outerWidth|| window.innerWidth;
+  height = outerHeight||window.innerHeight;
   // largeHeader.style.height = height+'px';
   canvas.width = width;
   canvas.height = height;
@@ -67,9 +67,9 @@ function mouseMove(e) {
   target.x = posx;
   target.y = posy;
 } 
-function initHeader(ref) {
-  width = window.innerWidth;
-  height = window.innerHeight;
+function initHeader(ref,outerWidth,outerHeight) {
+  width = outerWidth||window.innerWidth;
+  height =outerHeight|| window.innerHeight;
   target = {x: width/2, y: height/2};
 
   // largeHeader = document.getElementById('large-header');
@@ -129,12 +129,12 @@ function initHeader(ref) {
 }
 
 // Event handling
-function addListeners() {
+function addListeners(width,height) {
   if(!('ontouchstart' in window)) {
       window.addEventListener('mousemove', mouseMove);
   }
   window.addEventListener('scroll', scrollCheck);
-  window.addEventListener('resize', resize);
+  window.addEventListener('resize', resize(width,height));
 }
 
 
@@ -179,11 +179,11 @@ function initAnimation() {
 
 // Util
 
-export function Httwee (ref) {
+export function Httwee (ref,width,height) {
 
  
   // Main
-  initHeader(ref);
+  initHeader(ref,width,height);
  initAnimation();
-addListeners();  
+addListeners(width,height);  
 };

package/src/views/About.vue

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2022-04-29 16:53:36
+ * @LastEditTime: 2022-04-29 17:03:44
 -->
 <template>
   <div>
@@ -61,7 +61,7 @@ import { Component, Vue } from "vue-property-decorator";
 import HtTable from "@/packages/HtTable/index.vue";
 import HtCountDown from "@/packages/HtCountDown/index.vue";
 import HtSelectUser from "@/packages/HtSelectUser/index.vue";
-import HtTwee from "@/packages/HtTwee/index.vue";
+
 import "htui-yllkbz/lib/htui.css";
 interface State {
   /** 数据状态 */
@@ -76,7 +76,6 @@ interface State {
     HtTable,
     HtCountDown,
     HtSelectUser,
-    HtTwee,
   },
 })
 export default class Index extends Vue {