@shijiu/jsview-vue 0.9.590 → 0.9.602

package/samples/MetroWidgetDemos/Simple/RelativeTemplate.vue

@@ -0,0 +1,111 @@
+<!--
+ * @Author: ChenChanghua
+ * @Date: 2022-07-11 13:31:36
+ * @LastEditors: ChenChanghua
+ * @LastEditTime: 2022-07-18 10:07:01
+ * @Description: file content
+-->
+<script setup>
+import { MetroWidget, WholePageSlide, HORIZONTAL, EdgeDirection } from "jsview";
+import { ref } from "vue";
+import { useFocusHub } from "jsview";
+import { simpleData } from "../data";
+import Item from "../Item.vue";
+
+const foucsHub = useFocusHub();
+const mwRef = ref(null);
+
+const wholePageSlide = new WholePageSlide();
+let innerData = simpleData.concat();
+let dataPool = [];
+
+const provideData = () => {
+  return innerData;
+};
+const measures = (item) => {
+  return {
+    width: item.width,
+    height: item.height,
+    marginRight: item.marginRight,
+    marginBottom: item.marginBottom,
+  };
+};
+const onEdge = (edgeInfo) => {
+  // MetroWidget焦点到达边缘后的回调
+  if (edgeInfo.direction == EdgeDirection.top) {
+    buttonFocus.value = true;
+    foucsHub.setFocus("button");
+  } else if (edgeInfo.direction == EdgeDirection.right) {
+    foucsHub.setFocus("mwAbs");
+  }
+};
+
+const buttonFocus = ref(true);
+const buttonOnKeyDown = (ev) => {
+  switch (ev.keyCode) {
+    case 40:
+      buttonFocus.value = false;
+      foucsHub.setFocus("mw");
+      return true;
+    case 13:
+      if (innerData.length == simpleData.length) {
+        innerData = [];
+        dataPool = simpleData.concat();
+      } else {
+        innerData.push(dataPool.shift());
+      }
+      mwRef.value?.refreshData(true);
+      return true;
+  }
+  return false;
+};
+</script>
+
+<template>
+  <jsv-focus-block
+    name="button"
+    :onAction="{
+      onKeyDown: buttonOnKeyDown,
+    }"
+  >
+    <div
+      :style="{
+        left: 100,
+        top: 50,
+        width: 500,
+        height: 100,
+        color: '#FFFFFF',
+        fontSize: 30,
+        backgroundColor: buttonFocus ? '#AA0000' : '#444444',
+      }"
+    >
+      {{ `自适应布局\n获焦时按确认查看时item排布的方式` }}
+    </div>
+  </jsv-focus-block>
+
+  <!-- item的排布区域为600*300, 但由于获焦时需要放大, 因此需要往外扩展padding, 合起来宽高为700*400 -->
+  <metro-widget
+    name="mw"
+    ref="mwRef"
+    :top="150"
+    :left="50"
+    :provideData="provideData"
+    :width="500"
+    :height="400"
+    :padding="{
+      left: 50,
+      top: 50,
+      right: 50,
+      bottom: 50,
+    }"
+    :direction="HORIZONTAL"
+    :measures="measures"
+    :slideSetting="wholePageSlide"
+    :onEdge="onEdge"
+  >
+    <!-- data为每个item的数据, query提供获取MetroWidget内部状态的一些接口, onAction提供item注册自身回调的接口 -->
+    <template #renderItem="{ data, query, onAction }">
+      <item :data="data" :query="query" :onAction="onAction" />
+    </template>
+  </metro-widget>
+</template>

package/utils/JsViewEngineWidget/MetroWidget/MetroWidget.vue

@@ -2,7 +2,7 @@
  * @Author: ChenChanghua
  * @Date: 2021-09-22 16:08:58
  * @LastEditors: ChenChanghua
- * @LastEditTime: 2022-07-13 10:29:51
+ * @LastEditTime: 2022-08-09 11:10:07
  * @Description: file content
 -->
 
@@ -1349,8 +1349,11 @@ const _calculateVisibleStart = (target_item, direction) => {
 
   if ((props.slideSetting.BoundaryProtect & SlideSetting.START_PROTECT) > 0) {
     let boundary = 0;
-    if (!templateParser.GetItem(0).focusable) {
-      //首个元素是占位符
+    //首个元素是占位符时, 在保证获焦区域完全展示的前提下要保证首个不可获焦元素的完全展示
+    if (
+      !templateParser.GetItem(0).focusable &&
+      target_item[pos_key] + target_item[size_key] <= visibleInfo.range
+    ) {
       boundary = templateParser.GetItem(0)[size_key];
     }
     new_visible_start = new_visible_start < boundary ? 0 : new_visible_start;
@@ -1361,8 +1364,11 @@ const _calculateVisibleStart = (target_item, direction) => {
       last_item[pos_key] + last_item[size_key] - visibleInfo.range;
     last_visible_start = last_visible_start < 0 ? 0 : last_visible_start;
     let boundary = last_visible_start;
-    if (!last_item.focusable) {
-      //最后个元素是占位符
+    if (
+      !last_item.focusable &&
+      target_item[pos_key] - last_visible_start >= 0
+    ) {
+      //最后元素是占位符, 在保证获焦区域完全展示的前提下要保证不可获焦元素的完全展示
       boundary = last_item[pos_key] - visibleInfo.range;
     }
     new_visible_start =

package/utils/JsViewPlugin/JsvPlayer/JsvMedia.js

@@ -867,7 +867,7 @@ class JsvBaseMedia {
     }
     
     /**
-     * 属性，double类型，可播放时长，总时长-已播放时长，只支持读取。
+     * 属性，double类型，可播放时长，本地缓存的视频时长，只支持读取。
      */
     get playableDuration() {
 		return this.local.playableDuration;
@@ -893,7 +893,7 @@ class JsvBaseMedia {
      * @param {string} head 网络请求的head信息，可以为NULL。
      * @param {int} type 类型，1表示点播，2表示直播，3表示时移，默认1。
      * @param {double} timeShift 时移时间，只有在type=3时才有效，表示从当前时间时移多长时间，单位秒。
-     * @param {int} 分辨率类型。0:unknown或其它；1:标清；2:高清；3:超清（720P）；4:蓝光（1080P）；5:2K；6:4K；7:8K。
+     * @param {int} 分辨率类型 0:unknown或其它；1:标清；2:高清；3:超清（720P）；4:蓝光（1080P）；5:2K；6:4K；7:8K。
      */
     setSrc(url, head, type, timeShift, resolution){
         let src = {};
@@ -978,7 +978,6 @@ class JsvBaseMedia {
      * 如频道地址为 igmp：//的组播地址，则加入组播频道，播放器开始播放组播频道，并处理相应的时移等功能；
      * 如频道地址为 rtsp：//的单播地址，则连接单播频道，播放器开始播放；
      * 如频道地址为 http：//的地址，则浏览器直接发起请求，访问该页面。
-     * 【注】：在加入一个频道之前已经加入另外一个频道，需先调用 leaveChannel 方法离开前一个频道。
      * @param {int} mixNo 用户频道号。
      * @returns {int} 0，表示成功；-1：表示频道号无效。
      */
@@ -1244,7 +1243,7 @@ class JsvMediaVideo extends JsvMedia {
 
     /**
      * 属性，string类型，设置和读取显示模式。
-     * full（fill模式）表示拉升至充满显示区域；origin（contain模式）表示原始比例缩放至宽或高和显示区域相等（不超过显示区域）；x:y表示按照按照指定比例显示。
+     * full（fill模式）表示拉升至充满显示区域；origin（contain模式）表示原始比例缩放至宽或高和显示区域相等（不超过显示区域）；x:y表示按照指定比例显示。
      */
     get videoAspectRatio() {
         return this.getState("aspectRatio");

package/utils/JsViewPlugin/JsvPlayer/version.js

@@ -1,17 +1,17 @@
 let PluginInfo={
-    // downloadUrl:"http://192.168.0.34:8080/plugin/JsvPlayer-160.dat", //插件下载地址
+    // downloadUrl:"http://192.168.0.63:8080/plugin/JsvPlayer-164.zip", //插件下载地址
     packageName:"com.qcode.jsvplayer",
     name:"播放器插件",
-    version:"1.6.2",  //插件需要的版本号
-    versionCodeMin:162,
-    versionCodeMax:162,
+    version:"1.6.5",  //插件需要的版本号
+    versionCodeMin:165,
+    versionCodeMax:165,
     bridgeName:"jsvPlayerBridge", //插件bridge注册到jsview的名称
     className:"com.qcode.jsvplayer.JsvPlayer",  //插件初始化类名称
     initMethod:"createInstance",   //插件初始化方法
     listener:"top.JsvPlayerPluginLoadResult",  //插件加载结果回调
     listener2: "top.JsvPlayerPluginStatus",
     // debug:true,
-    md5:"3efdfaa94325d7dbf81ae80fb4834143"
+    md5:"1d06b3a8acba255efb4826a15a7fb480"
 };
 
 // 不要用export default，update-env脚本不能解析

package/utils/JsViewVueWidget/JsvApic/JsvApic.vue

@@ -2,7 +2,7 @@
  * @Author: ChenChanghua
  * @Date: 2021-10-13 13:14:42
  * @LastEditors: ChenChanghua
- * @LastEditTime: 2022-04-25 15:37:04
+ * @LastEditTime: 2022-08-02 13:35:10
  * @Description: file content
 -->
 
@@ -175,5 +175,5 @@ export default {
 </script>
 
 <template>
-  <img alt="" ref="element" :src="src" :style="style" />
+  <img jsv_disable_apic_autoplay alt="" ref="element" :src="src" :style="style" />
 </template>

package/utils/JsViewVueWidget/JsvSwiper/JsvSwiper.vue

@@ -21,6 +21,7 @@
  *          onBlur          {Function}   失去焦点的回调
  *          swipeType          {String}   切换方式，目前只支持 translate，之后可能会添加 opacity 等方式
  *          smoothTranslate          {boolean}   平滑模式动画开关
+ *          reverseSwipe      {boolean} 反转滚动方向,默认值为false. 默认滚动方向是正向, 既向index增大的方向, 反转后为反向, 既向index减小的方向
  *     public methods:
  *          slideTo
  *          @description 滚动到指定id
@@ -123,6 +124,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    reverseSwipe: {
+      type: Boolean,
+      default: false,
+    }
   },
   computed: {
     indicatorLayout() {
@@ -263,7 +268,7 @@ export default {
           clearInterval(this.timeoutHandler);
         }
         this.timeoutHandler = setInterval(() => {
-          this._trigger(1);
+          this._trigger(this.reverseSwipe ? -1 : 1);
         }, this.autoplayInterval);
       }
     },

package/utils/JsViewVueWidget/JsvSwiper3D/JsvSwiper.vue

@@ -23,6 +23,7 @@
  *          backgroundImage          {String}   组件背景图
  *          backgroundColor          {String}   组件背景颜色
  *          scale          {float}   当前 item 的放大倍数, 默认为1
+ *          reverseSwipe      {boolean} 反转滚动方向,默认值为false. 默认滚动方向是正向, 既向index增大的方向, 反转后为反向, 既向index减小的方向
 -->
 
 <script>
@@ -120,6 +121,10 @@ export default {
     backgroundColor: {
       type: String,
     },
+    reverseSwipe: {
+      type: Boolean,
+      default: false,
+    }
   },
   computed: {
     indicatorLayout() {
@@ -311,7 +316,7 @@ export default {
       if (this.autoplayInterval > 0) {
         this.intervalHandler = setInterval(() => {
           this.preOffset = this.offset;
-          this.offset = this.offset + 1;
+          this.offset = this.offset + this.reverseSwipe ? -1 : 1;
         }, this.autoplayInterval);
       }
     },