@shijiu/jsview-vue 1.9.650 → 1.9.719

package/utils/JsViewEngineWidget/SimpleWidget/ContentView.vue

@@ -1,51 +0,0 @@
-<!--
- * @Author: ChenChanghua
- * @Date: 2021-09-22 13:47:23
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2022-02-11 17:55:55
- * @Description: file content
--->
-<script>
-import ItemView from "./ItemView.vue";
-
-export default {
-  props: {
-    token: Number,
-    onItemEdge: Function,
-    data: Object,
-    loadAll: Boolean,
-    enableTouch: Boolean,
-    onLoad: Function,
-    widgetHandler: Object,
-    enableItemRenderBreak: Boolean,
-  },
-  components: {
-    ItemView,
-  },
-  mounted() {
-    this.onLoad();
-  },
-  updated() {
-    this.onLoad();
-  },
-};
-</script>
-
-<template>
-  <item-view
-    v-for="(item, index) in data"
-    :key="item.id"
-    :index="index"
-    :data="item.data"
-    :loadAll="loadAll"
-    :enableTouch="enableTouch"
-    :onEdge="onItemEdge"
-    :controlObj="item.controller"
-    :widgetHandler="widgetHandler"
-    :allowRenderBreak="enableItemRenderBreak"
-  >
-    <template v-slot:renderItem="slotProps">
-      <slot name="renderItem" v-bind="slotProps"></slot>
-    </template>
-  </item-view>
-</template>

package/utils/JsViewEngineWidget/SimpleWidget/Dispatcher.js

@@ -1,19 +0,0 @@
-/*
- * @Author: ChenChanghua
- * @Date: 2021-09-22 16:50:09
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2022-01-26 10:17:47
- * @Description: file content
- */
-import { BaseDispatcher } from "../WidgetCommon";
-
-class Dispatcher extends BaseDispatcher {}
-Dispatcher.Type = {
-  setFocusId: Symbol("setFocusId"),
-  updateItem: Symbol("updateItem"),
-  slideToItem: Symbol("slideTo"),
-  setEnterFocusId: Symbol("setEnterFocusId"),
-  setEnterFocusRect: Symbol("setEnterFocusRect"),
-};
-export { Dispatcher as SWidgetDispatcher };
-export default Dispatcher;

package/utils/JsViewEngineWidget/SimpleWidget/DivWrapper.vue

@@ -1,53 +0,0 @@
-<!--
- * @Author: ChenChanghua
- * @Date: 2022-01-14 18:18:00
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2022-01-26 17:35:26
- * @Description: file content
--->
-<script>
-export default {
-  props: [
-    "data",
-    "controlObj",
-    "onEdge",
-    "onAction",
-    "queryObj",
-    "widgetHandler",
-    "index",
-    "onFocus",
-  ],
-  mounted() {
-    this.widgetHandler.updateMounted(this.index, true);
-    const curFocus = this.widgetHandler.getCurrentFocusId();
-    if (this.widgetHandler.isFocus() && curFocus.index === this.index) {
-      //unmount 后导致的onFocus 在 mount 前，onFocus 为生效的问题
-      this.onFocus();
-    }
-  },
-  beforeUnmount() {
-    this.widgetHandler.updateMounted(this.index, false);
-  },
-};
-</script>
-
-<template>
-  <div
-    ref="element"
-    :style="{
-      left: data.xPos,
-      top: data.yPos,
-      width: data.width,
-      height: data.height,
-      zIndex: controlObj.zIndex,
-    }"
-  >
-    <slot
-      name="renderItem"
-      :data="data.data"
-      :onEdge="onEdge"
-      :onAction="onAction"
-      :query="queryObj"
-    ></slot>
-  </div>
-</template>

package/utils/JsViewEngineWidget/SimpleWidget/ItemView.vue

@@ -1,142 +0,0 @@
-<!--
- * @Author: ChenChanghua
- * @Date: 2021-09-18 14:34:20
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2022-02-11 13:43:39
- * @Description: file content
--->
-<script>
-import Forge from "../ForgeDefine";
-import DivWrapper from "./DivWrapper.vue";
-
-export default {
-  components: { DivWrapper },
-  props: {
-    data: Object,
-    loadAll: Boolean,
-    enableTouch: Boolean,
-    controlObj: Object,
-    onEdge: Function,
-    widgetHandler: Object,
-    index: Number,
-  },
-  setup() {
-    let onAction = {
-      register(name, func) {
-        this[name] = func;
-      },
-      unregister(name) {
-        delete this[name];
-      },
-    };
-    return {
-      onAction,
-      queryObj: null,
-      touchTested: false,
-    };
-  },
-  methods: {
-    onFocus(preEdge) {
-      this.widgetHandler.onFocusChange(this.data.id);
-      if (this.onAction.onFocus) {
-        this.onAction.onFocus(preEdge);
-      }
-    },
-    onBlur() {
-      if (this.onAction.onBlur) {
-        this.onAction.onBlur();
-      }
-    },
-    onClick() {
-      if (this.onAction.onClick) {
-        return this.onAction.onClick();
-      } else {
-        return false;
-      }
-    },
-    reachEdge(edgeInfo) {
-      if (this.onAction.onWidgetEdge) {
-        this.onAction.onWidgetEdge(edgeInfo);
-      }
-    },
-    getDivElement() {
-      return this.$refs.element?.$refs?.element;
-    },
-    testTouchEnable() {
-      if (this.enableTouch) {
-        if (this.$refs.element?.$refs?.element /* DivWrapper的element ref */) {
-          if (!this.touchTested) {
-            // 为view添加触控处理
-            let view = this.$refs.element.$refs.element.jsvMaskView;
-            var dragSetting = new Forge.DragSetting(
-              Forge.DragSetting.DIRECTION_DISABLE,
-              20,
-              false,
-              new Forge.RectArea(0, 0, 0, 0),
-              -1,
-              3 / 4
-            );
-            let callback = {
-              OnTap: (msg) => {
-                console.log("Item View Container OnTap:", msg);
-                return this.onClick(this.data.id);
-              },
-            };
-            view.EnableDrag(dragSetting, callback, "translateMat(dx,dy,0)");
-            this.touchTested = true;
-          }
-        } else {
-          // 元素消失后要重新设置Touch处理
-          this.touchTested = false;
-        }
-      }
-    }
-  },
-  created() {
-    this.queryObj = {
-      id: this.data.id,
-      index: this.index,
-      position: this.widgetHandler.getPosition,
-      templatePosition: this.widgetHandler.getTemplatePosition,
-      absolutePosition: this.widgetHandler.getAbsolutePosition,
-      getCurrentFocusId: this.widgetHandler.getCurrentFocusId,
-      slideTo: this.widgetHandler.customerSlide,
-    };
-    this.widgetHandler.registerItemRef(this.index, this);
-    //export handlers
-    this.widgetHandler.registerItemFunc(this.index, {
-      onFocus: this.onFocus,
-      onBlur: this.onBlur,
-      onClick: this.onClick,
-      reachEdge: this.reachEdge,
-    });
-  },
-  mounted() {
-    this.testTouchEnable();
-  },
-  updated() {
-    this.testTouchEnable();
-  },
-  beforeUnmount() {},
-};
-</script>
-
-<template>
-  <div-wrapper
-    v-if="loadAll || controlObj.visible"
-    :key="data.xPos + '_' + data.yPos"
-    ref="element"
-    :data="data"
-    :controlObj="controlObj"
-    :onEdge="onEdge"
-    :onAction="onAction"
-    :queryObj="queryObj"
-    :widgetHandler="widgetHandler"
-    :index="index"
-    :onFocus="onFocus"
-  >
-    <template v-slot:renderItem="slotProps">
-      <slot name="renderItem" v-bind="slotProps"></slot>
-    </template>
-  </div-wrapper>
-</template>

package/utils/JsViewEngineWidget/SimpleWidget/RootView.vue

@@ -1,140 +0,0 @@
-<!--
- * @Author: ChenChanghua
- * @Date: 2021-09-22 14:03:32
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2022-02-11 14:49:26
- * @Description: file content
--->
-<script>
-import ContentView from "./ContentView.vue";
-import Forge from "../ForgeDefine";
-
-export default {
-  props: {
-    token: Number,
-    data: Object,
-    onItemEdge: Function,
-    onLoad: Function,
-    register: Function,
-    widgetHandler: Object,
-
-    x: Number,
-    y: Number,
-    width: Number,
-    height: Number,
-
-    loadAll: Boolean,
-    enableTouch: Boolean,
-    touchListener: Object,
-    flingPageWidth: Number,
-    flingPageEdge: Number,
-    slidePile: Object,
-    direction: Number, //Forge.DragSetting的方向是数字类型
-    enableItemRenderBreak: Boolean,
-  },
-  components: {
-    ContentView,
-  },
-  data() {
-    return {
-      innerX: 0,
-      innerY: 0,
-    };
-  },
-  setup() {
-    let element = {};
-    return {
-      element,
-    };
-  },
-  methods: {
-    $_rootView_initTouch_() {
-      if (this.touchListener && this.$refs.element) {
-        let view = this.$refs.element.jsvMaskView;
-        let page_width = this.flingPageWidth;
-        let page_edge = this.flingPageEdge;
-        let slide_pile = this.slidePile;
-        var drag_setting = new Forge.DragSetting(
-          this.direction,
-          20,
-          false,
-          slide_pile,
-          page_width,
-          page_edge
-        );
-        view.EnableDrag(
-          drag_setting,
-          this.touchListener,
-          "translateMat(dx,dy,0)"
-        );
-      }
-    },
-    updatePosition(x, y, anim_info) {
-      if (this.$refs.element) {
-        let pre_pos = this.$refs.element.jsvMaskView.GetLayoutParams();
-        //jsvMaskView的位置更新时会被设置位0，因此不能通过ResetLayoutParams设置位置
-        this.innerX = x;
-        this.innerY = y;
-        if (anim_info) {
-          let delta_x = Math.abs(pre_pos.MarginLeft - x);
-          let delta_y = Math.abs(pre_pos.MarginTop - y);
-          let duration = Math.round(
-            delta_x === 0
-              ? delta_y / anim_info.speed
-              : delta_x / anim_info.speed
-          );
-          let slide_animation = new Forge.TranslateAnimation(
-            pre_pos.MarginLeft - x,
-            0,
-            pre_pos.MarginTop - y,
-            0,
-            duration,
-            anim_info.easing
-          );
-          slide_animation.SetAnimationListener(
-            new Forge.AnimationListener(
-              anim_info.onstart,
-              anim_info.onend,
-              null
-            )
-          );
-          this.$refs.element.jsvMaskView.StartAnimation(slide_animation);
-        }
-      }
-    },
-  },
-  created() {
-    if (this.register) {
-      this.register(this);
-    }
-  },
-  mounted() {
-    this.$_rootView_initTouch_();
-  },
-};
-</script>
-
-<template>
-  <div :style="{ left: x, top: y }">
-    <div
-      key="touchcontainer"
-      ref="element"
-      :style="{ left: innerX, top: innerY, width: width, height: height }"
-    >
-      <content-view
-        :token="token"
-        :data="data"
-        :onItemEdge="onItemEdge"
-        :loadAll="loadAll"
-        :enableTouch="enableTouch"
-        :onLoad="onLoad"
-        :widgetHandler="widgetHandler"
-        :enableItemRenderBreak="enableItemRenderBreak"
-      >
-        <template v-slot:renderItem="slotProps">
-          <slot name="renderItem" v-bind="slotProps"></slot>
-        </template>
-      </content-view>
-    </div>
-  </div>
-</template>