@shijiu/jsview-vue 0.9.502 → 0.9.631

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);
       }
     },

package/utils/JsViewVueWidget/JsvTextureAnim/JsvTextureAnim.vue

@@ -2,14 +2,20 @@
  * @Author: ChenChanghua
  * @Date: 2022-02-07 14:21:37
  * @LastEditors: ChenChanghua
- * @LastEditTime: 2022-02-21 10:35:18
+ * @LastEditTime: 2022-08-24 13:18:21
  * @Description: file content
 -->
 <script>
 import { Forge, ForgeExtension } from "../../../dom/jsv-forge-define";
-import { numberCheckSet, urlCheckSet } from "../../JsViewVueTools/TypeCheckAndSet";
-import { toNinePatchForgeViewSet } from "../../JsViewVueTools/NinePatchHelper"
-import { DECORATE_BORDER_RADIUS, DECORATE_NINEPATCH_ALPHA_MIX } from "./CommonType"
+import {
+  numberCheckSet,
+  urlCheckSet,
+} from "../../JsViewVueTools/TypeCheckAndSet";
+import { toNinePatchForgeViewSet } from "../../JsViewVueTools/NinePatchHelper";
+import {
+  DECORATE_BORDER_RADIUS,
+  DECORATE_NINEPATCH_ALPHA_MIX,
+} from "./CommonType";
 
 /*
  * JsvTextureAnim：对view的内容进行动画的控件
@@ -29,23 +35,23 @@ import { DECORATE_BORDER_RADIUS, DECORATE_NINEPATCH_ALPHA_MIX } from "./CommonTy
  *                                        bottomLeft {number}: // 左下角圆弧半径 默认 0
  *                                        bottomRight {number}: // 右下角圆弧半径 默认 0
  *                                      }
- * 
+ *
  *                                      NinePatchAlphaMix NinePatch图片的alpha叠加
  *                                      {
  *                                        type {string}: // 装饰类型，固定值"NinePatchAlphaMix"
  *                                        url {string}: // (必填)Alpha mix叠加的图片
  *                                        imageWidth {int} // (必填)原图信息: 原图的宽度(由于正方形,宽高相同)
  *                                        centerWidth  {int} // (必填)原图信息: .9图的中心区域宽度(repeat区域)
- *                                        imageDspWidth {int} // (选填)原图缩放后的显示宽度，计算方法: 
+ *                                        imageDspWidth {int} // (选填)原图缩放后的显示宽度，计算方法:
  *                                                              四角为90度圆弧时: imageDspWidth = 显示图形的圆弧半径 / 原图中圆弧的半径 * 原图宽度
  *                                                                              原图中圆弧半径 = (原图宽度 - borderOutset * 2) / 2
  *                                                              四角为其他形状时，原图.9图的四角区域，缩放到要和显示图形重合后的宽度。
  *                                        borderOutset {int} // (必填)原图信息: 图片边缘到中心内容区域边缘的距离, 快速计算: (原图宽度 - 原图中放内容宽度) / 2
  *                                        animTime {int} // (必填)缩放动画的时长(单位毫秒)
  *                                      }
- * 
+ *
  *         animation {string}           texture的动画, 为keyframe的格式
- *         duration {number}            动画时长, 毫秒 
+ *         duration {number}            动画时长, 毫秒
  *         onAnimationEnd {function}    动画结束回调
  *         repeat {number}              动画执行次数, 默认1次, -1为无限循环
  *         delay {number}               动画延迟时间, 毫秒
@@ -53,11 +59,29 @@ import { DECORATE_BORDER_RADIUS, DECORATE_NINEPATCH_ALPHA_MIX } from "./CommonTy
  *         autoStart {boolean}          是否自动开始动画, 默认 false
  *         transform {string}           texture的transform, 计算时transform矩阵在动画矩阵右侧
  *         transformOrigin {string}     transform的锚点, 锚点不设置的话默认为中心点(0.5, 0.5)
- * 
+ *         texCoord {object}            {
+ *                                        alignAnchor: 偏差的基准点, 具体为TexAlignAnchor的enum
+ *                                        left: 距离anchor的偏差
+ *                                        top: 距离anchor的偏差
+ *                                        width: texture的宽
+ *                                        height: texture的高
+ *                                      }
  * public methods:
  *        start
  *          @description 开始动画
  */
+const TexAlignAnchor = {
+  LEFT_TOP: 1,
+  CENTER_TOP: 2,
+  RIGHT_TOP: 3,
+  LEFT_MIDDLE: 4,
+  CENTER: 5,
+  RIGHT_MIDDLE: 6,
+  LEFT_BOTTOM: 7,
+  CENTER_BOTTOM: 8,
+  RIGHT_BOTTOM: 9,
+};
+export { TexAlignAnchor };
 
 export default {
   props: {
@@ -88,7 +112,18 @@ export default {
     autoStart: {
       type: Boolean,
       default: false,
-    }
+    },
+    texCoord: {
+      type: Object,
+    },
+  },
+  watch: {
+    texCoord: {
+      handler(newValue, oldValue) {
+        this._updateTexCoord();
+      },
+      deep: true,
+    },
   },
   setup() {
     return {
@@ -100,7 +135,10 @@ export default {
   methods: {
     _createForgeView(view_texture, decorate_setting) {
       if (decorate_setting) {
-        return this._createLayoutViewWithDecorate(view_texture, decorate_setting);
+        return this._createLayoutViewWithDecorate(
+          view_texture,
+          decorate_setting
+        );
       } else {
         // 无特异修饰类型的view
         let texture_set = new Forge.ExternalTextureSetting(view_texture);
@@ -120,24 +158,27 @@ export default {
             topLeft: top_left,
             topRight: top_right,
             bottomRight: match.length > 2 ? match[2] : top_left,
-            bottomLeft: match.length > 3 ? match[3] : top_right
-          }
+            bottomLeft: match.length > 3 ? match[3] : top_right,
+          };
         }
       }
       return null;
     },
 
     _createLayoutViewWithDecorate(view_texture, decorate_setting) {
-      if (decorate_setting && typeof decorate_setting == 'object') {
-        switch(decorate_setting.type) {
+      if (decorate_setting && typeof decorate_setting == "object") {
+        switch (decorate_setting.type) {
           case DECORATE_NINEPATCH_ALPHA_MIX: {
             // NinePatch alpha mix view
-            return this._createNinePatchAlphaMixView(view_texture, decorate_setting);
-          };
+            return this._createNinePatchAlphaMixView(
+              view_texture,
+              decorate_setting
+            );
+          }
           case DECORATE_BORDER_RADIUS: {
             // 圆角view
             return this._createBorderRadius(view_texture, decorate_setting);
-          };
+          }
           default:
             console.error("Unknown set=", decorate_setting);
             return null;
@@ -157,8 +198,7 @@ export default {
       if (decorate_setting.url) {
         let converted_url = urlCheckSet(decorate_setting.url);
         let view_texture = textureManager.GetImage2(converted_url);
-
-        nine_patch_view.EnableAlphaMix(view_texture, true);
+        nine_patch_view.EnableAlphaMix(view_texture);
       } else {
         console.error("ninepatch url not set");
         return null;
@@ -166,13 +206,17 @@ export default {
 
       // calculate padding and repeat
       let view_set = toNinePatchForgeViewSet(
-                    numberCheckSet(decorate_setting.imageWidth),
-                    numberCheckSet(decorate_setting.centerWidth),
-                    decorate_setting.imageDspWidth, 
-                    numberCheckSet(decorate_setting.borderOutset));
+        numberCheckSet(decorate_setting.imageWidth),
+        numberCheckSet(decorate_setting.centerWidth),
+        decorate_setting.imageDspWidth,
+        numberCheckSet(decorate_setting.borderOutset)
+      );
       nine_patch_view.SetPadding(view_set.padding, view_set.padding); // 方图横纵一致
       nine_patch_view.SetRepeat(view_set.repeat, view_set.repeat); // 方图横纵一致
-      nine_patch_view.SetImageDspSize(view_set.imageDspSize, view_set.imageDspSize); // 方图横纵一致
+      nine_patch_view.SetImageDspSize(
+        view_set.imageDspSize,
+        view_set.imageDspSize
+      ); // 方图横纵一致
 
       return nine_patch_view;
     },
@@ -180,11 +224,15 @@ export default {
     _createBorderRadius(view_texture, decorate_setting) {
       // 圆角view
       let texture_mask = new Forge.ViewRoundCornerMask(
-                  numberCheckSet(decorate_setting.topLeft),
-                  numberCheckSet(decorate_setting.topRight),
-                  numberCheckSet(decorate_setting.bottomLeft),
-                  numberCheckSet(decorate_setting.bottomRight));
-      let texture_set = new Forge.ExternalTextureSetting(view_texture, texture_mask);
+        numberCheckSet(decorate_setting.topLeft),
+        numberCheckSet(decorate_setting.topRight),
+        numberCheckSet(decorate_setting.bottomLeft),
+        numberCheckSet(decorate_setting.bottomRight)
+      );
+      let texture_set = new Forge.ExternalTextureSetting(
+        view_texture,
+        texture_mask
+      );
       return new Forge.LayoutView(texture_set);
     },
 
@@ -192,6 +240,31 @@ export default {
       this.onAnimationEnd?.();
     },
 
+    _updateTexCoord() {
+      if (this.texCoord) {
+        if (this.texCoord.width > 0 && this.texCoord.height > 0) {
+          const offsetLeft = !isNaN(this.texCoord.left)
+            ? this.texCoord.left
+            : -this.texCoord.width / 2;
+          const offsetTop = !isNaN(this.texCoord.top)
+            ? this.texCoord.top
+            : -this.texCoord.height / 2;
+          const anchor = Number.isInteger(this.texCoord.alignAnchor)
+            ? this.texCoord.alignAnchor
+            : 5;
+          this.innerView.SetTextureCoord(
+            offsetLeft,
+            offsetTop,
+            this.texCoord.width,
+            this.texCoord.height,
+            anchor
+          );
+        } else {
+          console.error("JsvTextureAnim");
+        }
+      }
+    },
+
     start() {
       if (this.forgeAnimation && this.innerView) {
         this.innerView.StartTextureAnimation(this.forgeAnimation);
@@ -200,15 +273,20 @@ export default {
 
     getTransition() {
       let transition = "";
-      let decorate = this.$props.decorate;
+      let decorate = this.decorate;
 
-      if (decorate && decorate.type == DECORATE_NINEPATCH_ALPHA_MIX && decorate.animTime > 0) {
+      if (
+        decorate &&
+        decorate.type == DECORATE_NINEPATCH_ALPHA_MIX &&
+        decorate.animTime > 0
+      ) {
         // Ninepatch模式可以设置长宽的过渡动画
-        transition = `left ${this.animTime}s, top ${this.animTime}s, width ${this.animTime}s, height ${this.animTime}s`;
+        let anim_time = decorate.animTime;
+        transition = `left ${anim_time}s, top ${anim_time}s, width ${anim_time}s, height ${anim_time}s`;
       }
 
       return transition;
-    }
+    },
   },
 
   created() {
@@ -217,8 +295,13 @@ export default {
 
       // 1.获得主view的展示内容图片 texture
       let image_url = urlCheckSet(this.src);
-      let view_texture = textureManager.GetImage2(image_url, false, null, "RGB_8888", null);
-
+      let view_texture = textureManager.GetImage2(
+        image_url,
+        false,
+        null,
+        "RGB_8888",
+        null
+      );
       // 1.1 兼容border转为decorate
       let decorate = this.$props.decorate;
       if (this.$props.borderRadius) {
@@ -227,7 +310,6 @@ export default {
 
       // 2.创建view
       this.innerView = this._createForgeView(view_texture, decorate);
-
       // 3.设置texture基本形变
       if (this.transform) {
         this.innerView.ResetTextureCssTransform(
@@ -235,23 +317,24 @@ export default {
           this.transformOrigin
         );
       }
+      this._updateTexCoord();
 
       // 4.设置texture的动画形变
-      this.forgeAnimation = new Forge.CssKeyframeAnimation(
-        "@keyframes test" + this.animation,
-        this.duration,
-        null,
-        1,
-        1
-      );
-      this.forgeAnimation.EnableDelay(this.delay).SetRepeat(this.repeat);
-      this.forgeAnimation.SetAnimationListener(
-        new Forge.AnimationListener(
+      if (this.animation) {
+        this.forgeAnimation = new Forge.CssKeyframeAnimation(
+          "@keyframes test" + this.animation,
+          this.duration,
           null,
-          this._onAnimationEnd,
-          null
-        )
-  		);
+          1,
+          1
+        );
+        this.forgeAnimation.EnableDelay(this.delay).SetRepeat(this.repeat);
+        this.forgeAnimation.SetAnimationListener(
+          new Forge.AnimationListener(null, this._onAnimationEnd, null)
+        );
+      } else {
+        this.forgeAnimation = null;
+      }
 
       // 5. inner view标准处理
       this.viewStoreRef = ForgeExtension.RootActivity
@@ -259,12 +342,7 @@ export default {
         : Forge.sViewStore;
 
       this.innerViewId = this.viewStoreRef.add(
-        new Forge.ViewInfo(this.innerView, {
-          x: 0,
-          y: 0,
-          width: this.width,
-          height: this.height,
-        })
+        new Forge.ViewInfo(this.innerView)
       );
     }
   },
@@ -283,11 +361,14 @@ export default {
 </script>
 
 <template>
-  <div 
+  <div
     :style="{
+      top: top,
+      left: left,
+      width: width,
+      height: height,
       transition: getTransition(),
     }"
-    :jsv_innerview="innerViewId">
-
-  </div>
+    :jsv_innerview="innerViewId"
+  ></div>
 </template>

package/utils/JsViewVueWidget/JsvTextureAnim/index.js

@@ -2,16 +2,20 @@
  * @Author: ChenChanghua
  * @Date: 2021-10-13 15:14:29
  * @LastEditors: ChenChanghua
- * @LastEditTime: 2022-02-11 13:34:48
+ * @LastEditTime: 2022-08-18 11:17:37
  * @Description: file content
  */
 //考虑到.vue文件除了export default的component外，还有可能export其他对象,因此使用import * as
 import * as JsvTextureAnim from "./JsvTextureAnim.vue";
-console.log("cchtest texture anim", JsvTextureAnim)
 let _JsvTextureAnim = JsvTextureAnim;
-if (window.JsvWidgetWrapperGroup && window.JsvWidgetWrapperGroup.BrowserTextureAnim) {
+if (
+  window.JsvWidgetWrapperGroup &&
+  window.JsvWidgetWrapperGroup.BrowserTextureAnim
+) {
   _JsvTextureAnim = window.JsvWidgetWrapperGroup.BrowserTextureAnim;
 }
 
-export * from "./CommonType"
-export default _JsvTextureAnim.default
+export * from "./CommonType";
+export default _JsvTextureAnim.default;
+const TexAlignAnchor = JsvTextureAnim.TexAlignAnchor;
+export { TexAlignAnchor };

package/utils/JsViewVueWidget/JsvTransparentDiv.vue

@@ -41,15 +41,9 @@ export default {
         // 通过内置函数构造定制的LayoutView
         this.innerView = new Forge.LayoutView(textureSetting);
         this.innerViewId = ForgeExtension.RootActivity.ViewStore.add(
-          new Forge.ViewInfo(this.innerView, null)
+          new Forge.ViewInfo(this.innerView)
         );
       }
-
-      // 更新宽高
-      this.innerView.ResetLayoutParams({
-        width: this.style.width,
-        height: this.style.height,
-      });
     },
   },
   created() {
@@ -81,7 +75,12 @@ export default {
   ></div>
   <div
     :jsv_innerview="innerViewId"
-    :style="{ left: style.left, top: style.top }"
+    :style="{ 
+      left: style.left, 
+      top: style.top,
+      width: style.width, 
+      height: style.height 
+    }"
   >
     <slot></slot>
   </div>

package/utils/JsViewVueWidget/JsvVideo.vue

@@ -10,21 +10,18 @@
 --> 
 
 <script>
-import { Options, Vue } from "vue-class-component";
-
-@Options({
+export default {
   props: {
-    onRef: { type: Function, default: () => {} },
-    useTexture: { type: Boolean, default: false },
+    onRef: {
+      type: Function,
+      default: () => {}
+    },
+    useTexture: {
+      type: Boolean,
+      default: false
+    },
   },
-})
-class JsvVideo extends Vue {
-  constructor(props) {
-    super(props);
-  }
 }
-
-export default JsvVideo;
 </script>
 
 <template>

package/utils/JsViewVueWidget/JsvVisibleSensor/JsvVisibleSensor.vue

@@ -0,0 +1,141 @@
+<!--
+ * 【模块 export 内容】
+ * JsvVisibleSensor: 可视区域监控器
+ * props说明:
+ *     horizonShown  {number}  (可选, 可响应式, 默认1.0完全露出)横轴百分比区域完全显示时(左边或右边完全露出，仅中间段判断会失效),
+ *                             横轴切换到显示状态，否则为不可视状态
+ *     verticalShown  {number} (可选, 可响应式)纵轴百分比区域完全显示时(上边或下边完全露出，仅中间段判断会失效),
+ *                             纵轴切换到显示状态，否则为不可视状态
+ *     left   {number}  (可选, 可响应式)可视检测区域的left
+ *     top   {number}  (可选, 可响应式)可视检测区域的top
+ *     width   {number}  (可选, 可响应式)可视检测区域的width
+ *     height   {number}  (可选, 可响应式)可视检测区域的height
+ *
+ *     container {div reference}  (可选, 可响应式)子区域参照，若为null，则认为检测可视区域为全屏幕
+ *
+ *     callback {function} (必须, 可响应式)可视变化时的回调处理, 参数
+ *               (old_horizantal_visible, new_horizantal_visible, old_vertical_visible, new_vertical_visible)
+ -->
+
+<template>
+    <div ref="viewRef" :style="{
+        top: props.top,
+        left: props.left,
+        width: props.width,
+        height: props.height,
+        }" >
+        <slot/>
+    </div>
+</template>
+
+<script setup>
+import { reactive, ref, toRaw, watchEffect, onMounted, defineExpose } from 'vue'
+import { Forge } from "jsview/dom/jsv-forge-define";
+
+const props = defineProps({
+    // (支持reactive)可视区域设定
+    horizonShown: Number,
+    verticalShown: Number,
+
+    // (支持reactive)Container, 父区域的div引用, 
+    container: Object,
+
+    // (不支持reactive)回调处理
+    callback: Function,
+
+    // (支持reactive)位置信息
+    left: {
+        type: Number,
+        default: 0,
+    },
+    top: {
+        type: Number,
+        default: 0,
+    },
+    width: {
+        type: Number,
+        require: true,
+    },
+    height: {
+        type: Number,
+        require: true,
+    },
+
+    // (支持reactive)是否激活，仍然在渲染树时，非必须可以通过enable关闭以节省CPU开销
+    enable: {
+        type: Boolean,
+        default: true,
+    }
+});
+
+// 内部状态变量
+const viewRef = ref(null);
+const viewMounted = reactive({status: false})
+let sensorRef = null;
+
+// 变更检测范围
+watchEffect(()=>{
+    if (viewMounted.status) {
+        let horizon = fixAreaValue(props.horizonShown);
+        let vertical = fixAreaValue(props.verticalShown);
+
+        sensorRef.ResetArea({horizon, vertical})
+    }
+})
+
+// 变更enable状态
+watchEffect(()=>{
+    if (viewMounted.status) {
+        sensorRef.Enable(props.enable)
+    }
+})
+
+// 检测container变化
+watchEffect(()=>{
+    if (viewMounted.status) {
+        if (props.container) {
+            window.MyContainerView = toRaw(props.container);
+
+            let jsv_main_view_ref = toRaw(props.container).jsvMainView;
+            if (jsv_main_view_ref) {
+                sensorRef.ResetContainer(toRaw(props.container).jsvMainView);
+            } else {
+                console.error("Error: container is NOT a div");
+            }
+        } else {
+            sensorRef.ResetContainer(null); // 无container
+        }
+    }
+})
+
+onMounted(()=>{
+    console.log("JsvVisibleSensor: on mounted");
+
+    sensorRef = new Forge.VisibleSensor(toRaw(viewRef.value).jsvMainView, (old_h, new_h, old_v, new_v)=>{
+        // 获得横向和纵向的新旧状态值
+        if (props.callback) {
+            props.callback(old_h, new_h, old_v, new_v);
+        }
+    });
+    viewMounted.status = true;
+})
+
+// 外部方法
+defineExpose({
+
+})
+
+// 内部方法
+function fixAreaValue(origin_value) {
+    if (origin_value > 1) {
+        console.warn(`will limited to 1 origin=${origin_value}`);
+        return 1;
+    } else if (origin_value < 0) {
+        console.warn(`will limited to 0 origin=${origin_value}`);
+        return 0;
+    } else {
+        return origin_value;
+    }
+}
+
+</script>

package/utils/JsViewVueWidget/JsvVisibleSensor/index.js

@@ -0,0 +1,9 @@
+//考虑到.vue文件除了export default的component外，还有可能export其他对象,因此使用import * as
+import * as JsvVisibleSensor from "./JsvVisibleSensor.vue";
+
+let _JsvVisibleSensor = JsvVisibleSensor;
+// if (window.JsvWidgetWrapperGroup && window.JsvWidgetWrapperGroup.BrowserVisibleSensor) {
+//     JsvVisibleSensor = window.JsvWidgetWrapperGroup.BrowserVisibleSensor;
+// }
+
+export default _JsvVisibleSensor.default

package/utils/JsViewVueWidget/index.js

@@ -0,0 +1,42 @@
+/*
+ * @Author: ChenChanghua
+ * @Date: 2022-07-05 11:00:51
+ * @LastEditors: ChenChanghua
+ * @LastEditTime: 2022-08-18 13:17:17
+ * @Description: file content
+ */
+export { default as JsvActorMove, JsvActorMoveControl } from "./JsvActorMove";
+export { default as JsvApic, LoopType } from "./JsvApic";
+export { default as JsvInput, InputType } from "./JsvInput";
+export {
+  default as JsvPreload,
+  buildPreloadInfo,
+  buildDownloadInfo,
+} from "./JsvPreload";
+export { default as JsvQrcode } from "./JsvQrcode";
+export { default as JsvSpray } from "./JsvSpray";
+export { default as JsvSpriteAnim, SpriteController } from "./JsvSpriteAnim";
+export { default as JsvSwiper } from "./JsvSwiper";
+export { default as JsvSwiper3D } from "./JsvSwiper3D";
+export { default as JsvTextureAnim, TexAlignAnchor, DECORATE_NINEPATCH_ALPHA_MIX, DECORATE_BORDER_RADIUS } from "./JsvTextureAnim";
+export { default as JsvVisibleSensor } from "./JsvVisibleSensor";
+export { default as JsvFilterView } from "./JsvFilterView.vue";
+export {
+  default as JsvGrid,
+  PageType,
+  LineType,
+  FocusMoveType,
+} from "./JsvGrid.vue";
+export { default as JsvHole } from "./JsvHole.js";
+export { default as JsvMarquee } from "./JsvMarquee.vue";
+export { default as JsvMaskClipDiv } from "./JsvMaskClipDiv.vue";
+export { default as JsvNativeSharedDiv } from "./JsvNativeSharedDiv.vue";
+export { default as JsvNinePatch } from "./JsvNinePatch.vue";
+export { default as JsvPosterDiv } from "./JsvPosterDiv.vue";
+export { default as JsvPosterImage } from "./JsvPosterImage.vue";
+export { default as JsvScaleTextBox } from "./JsvScaleTextBox.vue";
+export { JsvSoundPool } from "./JsvSoundPool.js";
+export { default as JsvTextBox } from "./JsvTextBox.vue";
+export { default as JsvTouchContainer } from "./JsvTouchContainer.vue";
+export { default as JsvTransparentDiv } from "./JsvTransparentDiv.vue";
+export { default as JsvVideo } from "./JsvVideo.vue";