@shijiu/jsview-vue 2.2.35 → 2.2.128

package/utils/JsViewVueWidget/JsvNativeSharedDiv.vue

@@ -5,84 +5,109 @@
  *                  getId {function} 回调函数，用于接收ID信息，ID信息用于Native端对该view进行跟踪的标识
  *                  setId {String} 给定命名ID，避免同进程不同context重名要和Context相关，
  *                                 例如`${window.JsView?.getJsContextId()}_${you_name}`
+ *                  corner {Number} 圆角的尺寸，默认为0 
+ *                  
  -->
 
-<script>
+<script setup>
 import { Forge } from "@shijiu/jsview/dom/jsv-forge-define";
 import ForgeHandles from "../JsViewVueTools/ForgeHandles";
+import { JsvTextureStoreApi } from "../JsViewVueTools/JsvTextureStore/JsvTextureStore";
+import { onUnmounted, shallowRef } from "vue";
+import JsvNinePatch from "./JsvNinePatch.vue";
 
-export default {
-  props: {
-    style: {
-      type: Object,
-      default: () => {
-        return {};
-      },
-    },
-    getId: Function,
-    setId: String,
-    seeThrough: {
-      type: Boolean,
-      default: true,
+const props = defineProps({
+  style: {
+    type: Object,
+    default: () => {
+      return {};
     },
   },
-  setup() {
-    return {
-      isBrowserDebug: window.jsvIsBrowserDebug,
-      jsvMainView: undefined,
-      innerViewId: undefined,
-    };
+  getId: Function,
+  setId: String,
+  corner: {
+    type: Number,
+    default: 0,
   },
-  beforeMount() {
-    if (this.isBrowserDebug) {
-      return;
-    }
+});
 
-    // 初始化View
-
-    // 创建JsView图层穿透的texture，抠洞处理
-    // 默认为扣洞，有的场景不需要扣洞
-    let textureSetting = null;
-    if (this.seeThrough) {
-      const seeThroughTexture =
-      ForgeHandles.TextureManager.GetColorTexture("rgba(0,0,0,0)");
-      textureSetting = new Forge.TextureSetting(
-        seeThroughTexture,
-        null,
-        null,
-        false
-      );
-    }
+let isBrowserDebug = window.jsvIsBrowserDebug;
+let jsvMainView = undefined;
+let innerViewId = -1;
+let ninePatchSet = null;
+
+if (!isBrowserDebug) {
+  // 创建JsView图层穿透的texture，抠洞处理
 
-    // 通过内置函数构造定制的NativeSharedView
-    this.jsvMainView = new Forge.NativeSharedView(textureSetting);
-    this.innerViewId = Forge.sViewStore.add(
-      new Forge.ViewInfo(this.jsvMainView)
+  // 有圆角
+  if (props.corner > 0) {
+    let presetGap = 1; // 外延距离，以保证圆角光滑
+    ninePatchSet = {
+      imageSize: (props.corner + presetGap) * 2, // 半径 + 中心点1像素
+      textureName: null,
+    };
+
+    // 用 JsvTextureStoreApi 绘制半径对等的圆形
+    let sampleImageWidth = ninePatchSet.imageSize;
+    let innerRadius2 = sampleImageWidth; // 内直径
+    let circleLineWidth = 1.5 * props.corner + presetGap - props.corner; // 线粗要把四角盖上
+    let canvasRef;
+
+    // 创建画布
+    canvasRef = JsvTextureStoreApi.canvasTexture(
+      sampleImageWidth,
+      sampleImageWidth
     );
 
-    // 更新宽高
-    if (typeof this.jsvMainView != "undefined" && this.jsvMainView) {
-      if (this.setId) {
-        // 使用设置进来的track id，而非自动生成
-        this.jsvMainView.SetTrackId(this.setId);
-      }
+    let circleRadius =
+      Math.floor(innerRadius2 / 2) +
+      Math.floor(circleLineWidth / 2) -
+      presetGap; // 圆环绘制路径是粗线的中心线，所以要减去一半的线宽
+    let customPath = canvasRef.circlePath(
+      Math.floor(sampleImageWidth / 2),
+      Math.floor(sampleImageWidth / 2),
+      circleRadius
+    ); // 创建圆环绘制路径，圆形在画布的中心点位置
+    canvasRef.drawColor("rgba(0,0,0,0)"); // 画布绘制透明底色
+    customPath.stroke(circleLineWidth, "#FF0000FF"); // 绘制alpha=1的边缘留色
 
-      this.getId?.(this.jsvMainView.GetTrackId());
-    }
-  },
-  beforeUnmount() {
-    if (this.isBrowserDebug) {
-      return;
-    }
+    // 获取填入url的内容
+    // 进行.9拉伸以适配目标尺寸
+    // 通过 alphaOverride 进行alpah叠加
+    ninePatchSet.textureName = canvasRef.commit();
+  }
+
+  // 通过内置函数构造定制的NativeSharedView
+  jsvMainView = new Forge.NativeSharedView();
+  innerViewId = Forge.sViewStore.add(new Forge.ViewInfo(jsvMainView));
 
-    // 清理View管理缓存
-    if (this.innerViewId !== -1) {
-      Forge.sViewStore.remove(this.innerViewId);
-      this.innerViewId = -1;
-      this.jsvMainView = null;
+  // 更新宽高
+  if (typeof jsvMainView != "undefined" && jsvMainView) {
+    if (props.setId) {
+      // 使用设置进来的track id，而非自动生成
+      jsvMainView.SetTrackId(props.setId);
     }
-  },
-};
+
+    props.getId?.(jsvMainView.GetTrackId());
+  }
+}
+
+onUnmounted(() => {
+  if (isBrowserDebug) {
+    return;
+  }
+
+  // 清理View管理缓存
+  if (innerViewId !== -1) {
+    Forge.sViewStore.remove(innerViewId);
+    innerViewId = -1;
+    jsvMainView = null;
+  }
+
+  if (ninePatchSet != null) {
+    JsvTextureStoreApi.deleteTexture(ninePatchSet.textureName); // 释放texture资源
+  }
+});
 </script>
 
 <template>
@@ -91,14 +116,42 @@ export default {
     :style="{
       left: style.left,
       top: style.top,
-      width: style.width,
-      height: style.height,
     }"
-    :data-jsv-vw-innerview="innerViewId"
   >
-    <slot />
+    <jsv-nine-patch
+      v-if="ninePatchSet != null"
+      :style="{
+        width: style.width,
+        height: style.height,
+      }"
+      :imageUrl="`jsvtexturestore://${ninePatchSet.textureName}`"
+      :imageWidth="ninePatchSet.imageSize"
+      :centerWidth="1"
+      :borderOutset="0"
+      :waitForInit="false"
+      imageBlendType="alphaOverride"
+    />
+    <div
+      v-else
+      :style="{
+        width: style.width,
+        height: style.height,
+        backgroundColor: 'rgba(0,0,0,0)',
+        JsvImageBlendType: 'alphaOverride',
+      }"
+    />
+    <div
+      :style="{
+        width: style.width,
+        height: style.height,
+      }"
+      :data-jsv-vw-innerview="innerViewId"
+    >
+      <slot />
+    </div>
   </div>
+
   <div v-else :style="{ ...style }">
     <slot />
   </div>
-</template>
+</template>

package/utils/JsViewVueWidget/JsvNinePatch.vue

@@ -15,6 +15,7 @@
  *          animTime    {int}       (必填)缩放动画的时长(单位秒)
  *          waitForInit {boolean}  (选填)尺寸为0时是否进行描画(例如: 首次显示不展示动画的场合，设置为true),默认值为true
  *          onTransitionEnd { Function } (选填)transition动画结束的回调
+ *          imageBlendType {String}  (选填) alpha合并模式，默认为普通合成，可设置"alphaOverride", 用于Video挖洞操作
 -->
 
 <script setup>
@@ -39,7 +40,8 @@ const props = defineProps({
   borderOutset: { type: Number, required: true },
   animTime: { type: Number, default: 0 },
   onTransitionEnd: { type: Function },
-  animation: { type: String }
+  animation: { type: String },
+  imageBlendType: { type: String, default: null },
 });
 
 const isReady = () => {
@@ -102,6 +104,7 @@ watchEffect(() => {
       borderImage: `url(${imageUrl}) ${sliceWidth} fill`,
       borderImageWidth: `${borderDspWidth}px`,
       borderImageOutset: `${convertedBorderOutset}px`,
+      JsvImageBlendType: props.imageBlendType,
     }"
     @transitionend="props.onTransitionEnd"
   />

package/utils/JsViewVueWidget/JsvPosterImage.vue

@@ -2,9 +2,12 @@
  * 【模块 export 内容】
  * JsvPosterImage：Vue高阶组件，海报描画，可设置color space 和 texture size
  *  props说明:
- *      colorSpace          {String}   颜色空间，默认RGBA_8888
  *      style    {Object}   包含left/top/width/height/border-radius的style设置
+ *      colorSpace {String} 颜色空间，调整其他颜色空间可以节省内存，默认RGBA_8888
  *      imageCompress {boolean} 是否压缩图片, 默认打开
+ *      src {string}        图片的加载地址
+ *      fadeIn: {boolean}   图片加载完成是否有淡入效果，默认为打开
+ *      isPosterImage:      标识是否用于海报位，对于海报位的内容，可以有下载线程控制等策略来优化整体体验
 -->
 
 <script setup>
@@ -14,25 +17,25 @@ import { JsvPerformance } from "../JsViewVueTools/JsvPerformance.ts";
 const props = defineProps({
   colorSpace: {
     type: String,
-    default: "RGBA_8888"
+    default: "RGBA_8888",
   },
   imageCompress: {
     type: Boolean,
-    default: true
+    default: true,
   },
   isPosterImage: {
     type: Boolean,
-    default: true
+    default: true,
   },
   fadeIn: {
     type: Boolean,
-    default: true
+    default: true,
   },
   src: {
     type: String,
-    default: null
+    default: null,
   },
-  style: Object
+  style: Object,
 });
 
 const scaleddown = computed(() => {
@@ -40,7 +43,9 @@ const scaleddown = computed(() => {
 });
 
 const isPosterImage = computed(() => {
-  return JsvPerformance.getPosterSingleThreadDecode() || props.isPosterImage ? "true" : "false";
+  return JsvPerformance.getPosterSingleThreadDecode() || props.isPosterImage
+    ? "true"
+    : "false";
 });
 
 let common_style = reactive({});
@@ -50,7 +55,15 @@ let show_background_holder = !!window.JsView; // PC浏览器模拟时, 不显示
 watchEffect(() => {
   if (props.style) {
     // 提取left, top, width, height, 并去掉干扰项 backgroundImage backgroundColor(会引起同位置重复图片绘制)
-    let { left, top, width, height, backgroundImage, backgroundColor, ...others } = props.style;
+    let {
+      left,
+      top,
+      width,
+      height,
+      backgroundImage,
+      backgroundColor,
+      ...others
+    } = props.style;
 
     // 承接x,y偏移和动画设置, 规避默认淡出动画被影响
     common_style.left = left;

package/utils/JsViewVueWidget/JsvQrcode/BrowserQrcode.vue

@@ -2,6 +2,10 @@
 import { onMounted, ref } from "vue";
 import QRCode from "qr.js";
 
+const renderDocument = window.JsvCode.Dom.RenderDocument
+  ? window.JsvCode.Dom.RenderDocument
+  : window.JsvCode.Dom.BrowserDocument;
+
 const props = defineProps({
   value: String,
   size: Number,
@@ -147,7 +151,7 @@ const qrcodeRes = renderQrcode();
 onMounted(() => {
   svgRoot.value.jsvGetProxyView().RegisterOnProxyReady(() => {
     const root = svgRoot.value.jsvGetProxyView().HtmlGetElement();
-    const doc = window.originDocument;
+    const doc = renderDocument;
     const svg = doc.createElementNS("http://www.w3.org/2000/svg", "svg");
     svg.setAttribute("type", "qrcode");
     svg.setAttribute("shapeRendering", "crispEdges");
@@ -182,4 +186,4 @@ onMounted(() => {
     <div ref="svgRoot" :style="{ width: 100, height: 100 }"></div>
     <div :style="imageStyle"></div>
   </div>
-</template>
+</template>

package/utils/JsViewVueWidget/JsvScrollBox/JsvScrollBox.vue

@@ -0,0 +1,309 @@
+<!--
+ * 【模块 export 内容】
+ * JsvScrollBox：Vue高阶组件，支持触控拖动的滚动型组件。
+ *  props说明:
+ *      style {Object}  (必填,响应式)  其中的width/height为必填项目, 决定scroll固定的底座的尺寸
+ *      sliderSize {Object} (必填,响应式) 滑动区域的尺寸，滑块的尺寸在非滑动方向不能大于组件尺寸
+ *                  { 
+ *                      width {number},  当VERTICAL滑动模式时为选填，HORIZONTAL为必填
+ *                      height {number}, 当HORIZONTAL滑动模式时为选填，VERTICAL为必填
+ *                  }
+ *      mode {ScrollStyle.DrawerMode/ScrollStyle.PinMode} 
+ *                 选填, 非响应式, 默认为 PinMode
+ *                 运动模式选择, DrawerMode: 抽屉模式,内容尺寸大于固定底座
+ *                 PinMode: 滚动杆模式,内容尺寸小于固定底座
+ *      direction  {import VERTICAL/HORIZONTAL} (必填,非响应式) 滑动方向
+ *      enableFling {boolean}  (选填，非响应式) 是否需要支持fling，默认为false
+ *      initPercent  {Number}  (选填,非响应式)  滑块起始位置，等同于mount后进行updatePercent()
+ *
+ *  template说明:
+ *      FfixedBox={boxWidth, boxHeight}:  以本组件底座左上角0,0对齐的一个slot
+ *      SliderBox={boxWidth, boxHeight}:  以滑块div的左上角0,0对齐的一个slot，
+ * 
+ *  expose函数说明:
+ *      setSensor(sensitivity:number, callback:Function<percent:number, x:number, y:number>) 设置运动后触发的回调
+ *                             sensitivity为回调敏感度, 每移动多少像素进行回调，适当放大(推荐10以上)可以极大减小对js回调过多引起的性能降低  
+ *      updatePercent(percent:number)   设置滚动调位置(百分比),百分比 = (SliderTop - 底座Top) / Slider可滑动总区域
+ *                                      Slider可滑动总区域 = 底座Height - SliderHeight
+ *                                      当为横向运动时，Top被Left代换，Height被Width代换
+ *      syncWith(otherScrollBox: JsvScrollBox, syncMode: ScrollStyle)  
+ *                              本滚动条的进度跟随给定的滚动条的进度移动
+ *                              otherScrollBox: 控制者
+ *                              syncMode: 同步模式，有 SyncParallel, SyncRevert   
+ *      addSubSync(view: div|JsvNinePatch, syncMode: ScrollStyle)
+ *                              将外部的div或者JsvNinePatch加入到同步尺寸同步改动器中。
+ *                              view只能是div或者JsvNinePatch, 并且不能有style.animation的控制
+ *                              当SyncParallel模式时, 这个div的初始位置要和本组件的0,0对齐
+ *                              当SyncRevert模式时, 这个div的初始位置要和本组件尾部位置(0, height/width)对齐
+ *
+ *
+-->
+
+<template>
+  <div
+    :style="{
+      top: rProps.style?.top,
+      left: rProps.style?.left,
+    }"
+  >
+    <div
+      ref="rFixedViewRef"
+      :style="{
+        width: rFixedBoxWidth,
+        height: rFixedBoxHeight,
+      }"
+    >
+      <slot
+        name="FixedBox"
+        :boxWidth="rFixedBoxWidth"
+        :boxHeight="rFixedBoxHeight"
+      />
+      <div
+        ref="rSliderViewRef"
+        :style="{
+          width: rSliderWidth,
+          height: rSliderHeight,
+        }"
+      >
+        <slot
+          name="SliderBox"
+          :boxWidth="rSliderWidth"
+          :boxHeight="rSliderHeight"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  shallowRef,
+  watchEffect,
+  onMounted,
+  defineExpose,
+  defineProps,
+} from "vue";
+import ActControl from "../../JsViewVueWidget/JsvFreeMoveActor/ActorControl";
+import { VERTICAL, HORIZONTAL } from "../../JsViewVueTools/ConstSymbol";
+import { ScrollStyle } from "./ScrollSymbol";
+import { ForgeConst } from "../../JsViewVueTools/ForgeConstDefine";
+
+let rProps = defineProps({
+  // 底座的尺寸
+  style: {
+    type: Object,
+    require: true,
+  },
+
+  // 滑动允许方向(VERTICAL / HORIZONTAL)
+  direction: {
+    type: Symbol,
+    require: true,
+  },
+
+  // 滑块的尺寸，垂直于direction的轴不用设置
+  sliderSize: {
+    type: Object, // {width, height}
+    require: true,
+  },
+
+  // 滑块模式
+  // ScrollStyle.PinMode: 滑块小于底座
+  // ScrollStyle.DrawerMode: 滑块大于底座
+  mode: {
+    type: Symbol,
+    default: ScrollStyle.PinMode,
+  },
+
+  // 初始进度条的进度
+  initPercent: {
+    type: Number,
+    default: 0,
+  },
+
+  enableFling: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+/** 本地常量 **/
+const cDirection = rProps.direction;
+const cMode = rProps.mode;
+const cInitPercent = rProps.initPercent;
+const cEnableFling = rProps.enableFling;
+const cSliderActor = new ActControl();
+const cFixedBoxActor = cMode == ScrollStyle.PinMode ? new ActControl() : null;
+
+// Actor condition group id(1~9可任意用)
+const cWallConditionGroup = 1;
+const cSensorConditionGroup = 2;
+
+/** 本地非响应式变量 **/
+let vMounted = false;
+let vHorizontalGap = 0;
+let vVerticalGap = 0;
+let vSubSyncList = [];
+
+/** 本地响应式变量 **/
+let rFixedBoxWidth = shallowRef(NaN);
+let rFixedBoxHeight = shallowRef(NaN);
+let rFixedViewRef = shallowRef(null);
+let rSliderWidth = shallowRef(NaN);
+let rSliderHeight = shallowRef(NaN);
+let rSliderViewRef = shallowRef(null);
+
+watchEffect(() => {
+  let fixedBoxSize = {
+    width: rProps.style!.width,
+    height: rProps.style!.height,
+  }; // 从响应式props中复制值
+
+  let sliderSize = {
+    width: rProps.sliderSize!.width,
+    height: rProps.sliderSize!.height,
+  }; // 从响应式props中复制值
+
+  // 补正slider另一个不需要设置的边
+  if (cDirection == VERTICAL) {
+    sliderSize.width = fixedBoxSize.width;
+  } else {
+    sliderSize.height = fixedBoxSize.height;
+  }
+
+  // 合理性校验
+  if (
+    cMode == ScrollStyle.PinMode &&
+    (sliderSize.height > fixedBoxSize.height ||
+      sliderSize.width > fixedBoxSize.width)
+  ) {
+    // PinMode检测错误，滑块大于了底座
+    console.error(
+      `slider oversize in pin-mode bw=${fixedBoxSize.width} bh=${fixedBoxSize.height} sw=${sliderSize.width} sh=${sliderSize.height}`
+    );
+    return;
+  } else if (
+    cMode == ScrollStyle.DrawerMode &&
+    (sliderSize.height < fixedBoxSize.height ||
+      sliderSize.width < fixedBoxSize.width)
+  ) {
+    console.error(
+      `box oversize in drawer-mode bw=${fixedBoxSize.width} bh=${fixedBoxSize.height} sw=${sliderSize.width} sh=${sliderSize.height}`
+    );
+    return;
+  }
+
+  // 变更检查，尽量减少触发template的响应式
+  if (
+    sliderSize.width != rSliderWidth.value ||
+    sliderSize.height != rSliderHeight.value ||
+    fixedBoxSize.width != rFixedBoxWidth.value ||
+    fixedBoxSize.height != rFixedBoxHeight.value
+  ) {
+    // 更新template
+    rSliderWidth.value = sliderSize.width;
+    rSliderHeight.value = sliderSize.height;
+    rFixedBoxWidth.value = fixedBoxSize.width;
+    rFixedBoxHeight.value = fixedBoxSize.height;
+
+    rebuildSliderSet();
+  }
+});
+
+function rebuildSliderSet() {
+  if (vMounted) {
+    // 计算slider的活动区域
+    // 运动区域无论正负都通用的算法
+    vHorizontalGap = rFixedBoxWidth.value - rSliderWidth.value;
+    vVerticalGap = rFixedBoxHeight.value - rSliderHeight.value;
+
+    cSliderActor.run([
+      cSliderActor.state().removeConditionByGroup(cWallConditionGroup),
+      cSliderActor
+        .condition(cWallConditionGroup, true)
+        .boxPosition(
+          vHorizontalGap > 0 ? 0 : vHorizontalGap, // left
+          vVerticalGap > 0 ? 0 : vVerticalGap, // top
+          vHorizontalGap < 0 ? 0 : vHorizontalGap, // right
+          vVerticalGap < 0 ? 0 : vVerticalGap // bottom
+        )!
+        .then([cSliderActor.action().stopMoving(true)]),
+    ]);
+  }
+}
+
+// setSensor 函数声明
+function setSensor(callback: Function, sensitivity: number) {
+  cSliderActor.run([
+    cSliderActor.state().removeConditionByGroup(cSensorConditionGroup),
+  ]);
+  if (callback != null) {
+    cSliderActor.run([
+      cSliderActor
+        .condition(cSensorConditionGroup, true)
+        .onMovement(sensitivity) // 设置x或y移动超过12时才触发回调，以此减少回调的频次，规避js的性能影响
+        .then([
+          (pointInfo: any) => {
+            let percent =
+              cDirection == HORIZONTAL
+                ? pointInfo.xPos / vHorizontalGap
+                : pointInfo.yPos / vVerticalGap;
+            callback(percent, pointInfo.xPos, pointInfo.yPos);
+          },
+        ]),
+    ]);
+  }
+}
+
+// updatePercent 函数声明
+function updatePercent(percent: number) {
+  let xPos: number = 0;
+  let yPos: number = 0;
+  if (cDirection == HORIZONTAL) {
+    xPos = Math.floor(percent * vHorizontalGap);
+  } else {
+    yPos = Math.floor(percent * vVerticalGap);
+  }
+  cSliderActor.run([cSliderActor.action().teleportTo(xPos, yPos)]);
+}
+
+onMounted(() => {
+  vMounted = true;
+
+  // 构建slider的FreeMove控制对象
+  let sliderView = (rSliderViewRef.value as any).jsvGetProxyView();
+  cSliderActor.bindForgeView(sliderView, true);
+  sliderView.DragEnables?.(
+    ForgeConst.DragFlags.TOUCH_RECV_MOVE_BIT |
+      (cEnableFling ? ForgeConst.DragFlags.TOUCH_RECV_FLING_BIT : 0) |
+      ForgeConst.DragFlags.TOUCH_RECV_FIRST_START |
+      ForgeConst.DragFlags.TOUCH_RECV_LAST_END
+  ); // 激活 Move | TouchDown | TouchEnd
+
+  // 设置初始进度
+  if (cInitPercent != 0) {
+    updatePercent(cInitPercent);
+  }
+
+  if (cFixedBoxActor != null) {
+    // 父节点激活 touchDown 和 touchAttractChild
+    // 用于点击滑动区域时，将子节点拖过来
+    let fixedBoxView = (rFixedViewRef.value as any).jsvGetProxyView();
+    cFixedBoxActor.bindForgeView(fixedBoxView, true);
+    fixedBoxView.DragEnables?.(ForgeConst.DragFlags.TOUCH_RECV_FIRST_START); // 仅激活touchDown即可捕获并触发 TouchAttractChild
+    cFixedBoxActor.run([
+      cFixedBoxActor.state().setTouchAttractChild(cSliderActor),
+    ]);
+  }
+
+  // 设置滑动区域和关联区域
+  rebuildSliderSet();
+});
+
+defineExpose({
+  setSensor,
+  updatePercent,
+});
+</script>
+
+<style lang="scss" scoped></style>

package/utils/JsViewVueWidget/JsvScrollBox/ScrollSymbol.ts

@@ -0,0 +1,15 @@
+
+
+const ScrollStyle = {
+    // 运动模式
+    DrawerMode: Symbol("DrawerMode"),
+    PinMode: Symbol("PinMode"),
+
+    // 同步模式
+    SyncParallel: Symbol("AckParallel"),  // 百分比完全对齐的同步模式
+    SyncRevert: Symbol("SyncRevert"), // (1-百分比)的同步模式
+}
+
+export {
+    ScrollStyle
+}

package/utils/JsViewVueWidget/JsvScrollBox/index.js

@@ -0,0 +1,2 @@
+export { default as JsvScrollBox } from "./JsvScrollBox.vue"
+export * from "./ScrollSymbol.ts"