@shijiu/jsview-vue 2.1.25 → 2.1.200

package/utils/JsViewVueWidget/JsvFreeMoveActor/SetState.ts

@@ -0,0 +1,53 @@
+
+import { StateCmdBuilder, CmdPackBuilder } from "./ForgeTypeDefine"
+
+class StatePackBuilder {
+  constructor() {
+
+  }
+
+  /*
+   * clearConditions
+   * 清理所有预制的condition
+   */
+  clearAllConditions(): Object {
+    return CmdPackBuilder.InitStateCmdPack(StateCmdBuilder.RemoveAllCondtions());
+  }
+
+  /*
+   * setStartPos 立刻将actor运动起始点设置到目标位置, 作为下一个Action执行时的位置起点
+   *   注意1: 只影响当speed/accel不为0时的下一帧的运动起始位置，
+   *          当speed/accel为0状态下要移动物体请用 Action.teleportTo
+   *   注意2: 此为state设置，下一帧直接以此state开始，所以不会触发任何positionCondition的cross条件
+   *          需要condition触发时，请用 Action.teleportTo
+   * 参数说明:
+   *      targetX      (int) 带符号整数，目标位置，如果设置为undefined，标识不以此轴为终点
+   *      targetY      (int) 带符号整数，目标位置，如果设置为undefined，标识不以此轴为终点
+   */
+  setStartPos(targetX: number | undefined, targetY: number | undefined) {
+    return CmdPackBuilder.InitStateCmdPack(StateCmdBuilder.SetPos(targetX, targetY));
+  }
+
+  /*
+   * setStartOffsetPos 立刻将actor移动以当前位置相对位移的位置, 作为下一个Action执行时的位置起点
+   *   注意1: 只影响当speed/accel不为0时的下一帧的运动起始位置，
+   *          当speed/accel为0状态下要移动物体请用 Action.teleportOffset
+   *   注意2: 此为state设置，下一帧直接以此state开始，所以不会触发任何positionCondition的cross条件
+   *          需要condition触发时，请用 Action.teleportOffset
+   * 参数说明:
+   *      targetX      (int) 带符号整数，目标位置，如果设置为undefined，标识不以此轴为终点
+   *      targetY      (int) 带符号整数，目标位置，如果设置为undefined，标识不以此轴为终点
+   */
+  setStartOffsetPos(offsetX: number | undefined, offsetY: number | undefined) {
+    return CmdPackBuilder.InitStateCmdPack(StateCmdBuilder.SetOffsetPos(offsetX, offsetY));
+  }
+
+  /*
+   * 在BlockerCondition发生时，进行位置回滚处理
+   */
+  revertWithHitBlock() {
+    return CmdPackBuilder.InitStateCmdPack(StateCmdBuilder.RevertWithHitBlock());
+  }
+}
+
+export default StatePackBuilder;

package/utils/JsViewVueWidget/JsvFreeMoveActor/index.js

@@ -1,3 +1,13 @@
 import JsvFreeMoveActor from "./FreeMoveActor.vue";
+import { ActEventDefine } from "./ForgeTypeDefine.ts"
+import { default as KeepFlags } from "./KeepFlags.ts"
 
-export default JsvFreeMoveActor;
+let FreeMoveDef = {
+    ActEventDefine,
+    KeepFlags
+}
+
+export {
+    JsvFreeMoveActor,
+    FreeMoveDef
+}

package/utils/JsViewVueWidget/JsvHole.js

@@ -9,5 +9,5 @@
  *               }
  */
 
-import JsvTransparentDiv from "./JsvTransparentDiv.vue";
+import JsvTransparentDiv from "./JsvNativeSharedDiv.vue";
 export default JsvTransparentDiv;

package/utils/JsViewVueWidget/JsvLine/JsvLine.vue

@@ -0,0 +1,101 @@
+<!--
+ * 【模块 export 内容】
+ * JsvLine：Vue高阶组件，用于划线。支持横线、竖线和斜线。
+ *      props说明:
+ *          startPos         {Object}   (必填) 起始位置，属性:x,y
+ *          endPos           {Object}   (必填) 结束位置, 属性:x,y
+ *          lineWidth        {Number}   (必填) 线条的粗细程度
+ *          appear           {String}   线条的出现方式 fadeIn 淡入 / fadeOut 淡出
+ *          backgroundImage  {String}   背景图片
+ *          backgroundColor  {String}   背景颜色，默认值:白色#FFFFFF
+ *          borderRadius     {Number}   圆角
+ * 
+-->
+
+<template>
+  <div
+    v-if="isShow"
+    :style="{
+      left: props.startPos.x,
+      top: props.startPos.y - lineWidth / 2,
+      width: width,
+      height: props.lineWidth + 4,
+      borderRadius: props.borderRadius,
+      transform: `rotate3d(0,0,1, ${angle}deg)`,
+      transformOrigin: 'left center',
+      backgroundImage: props.backgroundColor
+        ? `jsvtexturestore://${sourceId}`
+        : props.backgroundImage,
+      animation: props.appear ? `${props.appear} 1s ease-in-out` : '',
+    }"
+    @animationend="AnimEnd"
+  ></div>
+</template>
+
+<script setup>
+import { shallowRef, onBeforeUnmount } from "vue";
+import { createTexture } from "./LineManager";
+let isShow = shallowRef(true);
+const props = defineProps({
+  startPos: { type: Object, require: true },
+  endPos: { type: Object, require: true },
+  lineWidth: { type: Number, require: true },
+  appear: { type: String },
+  backgroundImage: { type: String },
+  backgroundColor: { type: String, require: true },
+  borderRadius: { type: Number },
+});
+const getDistance = (point1, point2) => {
+  const w = Math.abs(point1.x - point2.x);
+  const h = Math.abs(point1.y - point2.y);
+  return Math.sqrt(w * w + h * h);
+};
+const width = getDistance(props.startPos, props.endPos);
+
+let angle =
+  (180 / Math.PI) * Math.asin((props.endPos.y - props.startPos.y) / width);
+if (props.endPos.x < props.startPos.x) {
+  angle = 180 - angle;
+}
+
+const AnimEnd = () => {
+  if (props.appear == "fadeOut") {
+    isShow.value = false;
+  }
+};
+
+//抗锯齿处理
+let myLineTexture = null;
+let sourceId = null;
+
+if (props.backgroundColor) {
+  myLineTexture = createTexture(props.lineWidth, props.backgroundColor);
+  sourceId = myLineTexture.getSourceId();
+}
+
+onBeforeUnmount(() => {
+  if (props.backgroundColor) {
+    myLineTexture.UnRef();
+  }
+});
+</script>
+
+<style scoped>
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+</style>

package/utils/JsViewVueWidget/JsvLine/LineManager.js

@@ -0,0 +1,62 @@
+import { JsvTextureStoreApi } from "jsview";
+
+let sMap = new Map();
+
+const createTexture = (lineWidth, color) => {
+    let myKey = `${lineWidth}${color}`;
+    if (sMap.size == 0) {
+        let t = new LineTexture(lineWidth, color)
+        t.DoRef();
+        sMap.set(myKey, t)
+        return t
+    } else {
+        let hasMatch = false;
+        for (let key of sMap.keys()) {
+            if (key == myKey) {
+                hasMatch = true
+                sMap.get(key).DoRef()
+                return sMap.get(myKey)
+            }
+        }
+        if (!hasMatch) {
+            let t = new LineTexture(lineWidth, color)
+            t.DoRef();
+            sMap.set(myKey, t)
+            return t
+        }
+    }
+
+}
+
+class LineTexture {
+    constructor(lineWidth, color) {
+        this.bitmap = {
+            width: 2,
+            height: lineWidth + 2
+        }
+        this.key = `${lineWidth}${color}`
+        this.count = 0
+        this.newLineWidth = Math.floor(lineWidth / 2);
+        //画布
+        this.canvasTexture = JsvTextureStoreApi.canvasTexture(this.bitmap.width, this.bitmap.height)
+        //绘画
+        this.canvasTexture.drawLine(-1,this.newLineWidth + 1, 3,this.newLineWidth + 1, lineWidth, color);
+        //sourceId赋值
+        this.sourceId = this.canvasTexture.commit();
+    }
+    getSourceId() {
+        return this.sourceId
+    }
+    DoRef() {
+        this.count++;
+    }
+    UnRef() {
+        this.count--;
+        if (this.count === 0) {
+            JsvTextureStoreApi.deleteTexture(this.sourceId);
+            sMap.delete(this.key)
+        }
+        console.log(sMap);
+    }
+}
+export { createTexture };

package/utils/JsViewVueWidget/JsvLine/index.js

@@ -0,0 +1,3 @@
+import JsvLine from "./JsvLine.vue";
+
+export default JsvLine;