@shijiu/jsview-vue-samples 2.2.373 → 2.2.426-test.0

package/Basic/components/text/TextDirection.vue

@@ -91,7 +91,6 @@ const rtlText = "شلؤيثبلاهتنمةىخحضقسفعررصءغئا";
   font-size: 25;
   white-space: nowrap;
   text-overflow: ellipsis;
-  overflow: hidden;
 }
 
 .explain {

package/ColorSpace/App.vue

@@ -10,7 +10,7 @@ const router = useRouter();
 const onKeyDown = (ev) => {
   // 8:Backspace, 27:Escape, 10000:盒子返回键
   if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 10000) {
-    window.JsView?.setGlobalConfig({
+    window.JsvCoreApi?.setRenderGlobalConfig({
       texCache: -1,
     });
 
@@ -123,4 +123,4 @@ const onKeyDown = (ev) => {
   color: #ffffff;
   font-size: 20;
 }
-</style>
+</style>

package/CssPreprocessor/Stylus/components/stylus-group1/StylusOperations.vue

@@ -19,7 +19,6 @@ export default {
 
 <style scoped lang="stylus">
 .stylus-op {
-  color: #001100 * 16;
   font-size: 20 - 6;
 
   left: 10;

package/CssPreprocessor/utils/ContentBlock.vue

@@ -44,10 +44,10 @@ const titleStyle = {
 
 <template>
   <div :style=props.style>
-    <div class="container-font" :style=titleStyle>
+    <div class="container-config" :style=titleStyle>
       {{ title }}
     </div>
-    <div class="content-font" :style="{
+    <div class="content-config" :style="{
       top: titleStyle.lineHeight,
       width: props.style.width, height: props.style.height - 18,
       backgroundColor: 'rgba(0,0,0,' + blockOpacity + ')'
@@ -59,5 +59,5 @@ const titleStyle = {
 
 <style>
 /* css文件要单独放到没有scoped设置的style标签中，规避css属性redefine的warning */
-@import "./FontStyle.css";
+@import "./FontConfig.css";
 </style>  

package/CssPreprocessor/utils/{FontStyle.css → FontConfig.css}

@@ -1,18 +1,18 @@
 
-.title-font {
+.title-config {
   color:#877c4a;
   font-family: 黑体;
   font-size: 16;
   text-align: center;
 }
 
-.container-font {
+.container-config {
   color: #FFFFFF;
   font-family: 黑体;
   font-size: 16;
 }
 
-.content-font {
+.content-config {
   color: #000000;
   font-family: 黑体;
   font-size: 10;

package/CssPreprocessor/utils/TitleBar.vue

@@ -8,7 +8,7 @@ const props = defineProps({
 <template>
   <div>
     <template v-for="(title, index) in props.titleData" :key="index">
-      <div class='title-font title-range' :style="{ left: props.style.width * index }">
+      <div class='title-config title-range' :style="{ left: props.style.width * index }">
         {{ title }}
       </div>
     </template>
@@ -25,5 +25,5 @@ const props = defineProps({
 </style>
 <style>
 /* css文件要单独放到没有scoped设置的style标签中，规避css属性redefine的warning */
-@import "./FontStyle.css";
+@import "./FontConfig.css";
 </style>

package/CustomShader/App.vue

@@ -112,11 +112,11 @@ const onKeyDown = (ev) => {
 };
 
 onMounted(() => {
-  window.JsView?.enableFpsDisplay(true);
+  window.JsvCoreApi.enableFpsDisplay(true);
 });
 
 onUnmounted(() => {
-  window.JsView?.enableFpsDisplay(false);
+  window.JsvCoreApi.enableFpsDisplay(false);
 });
 </script>
 

package/DemoHomepage/views/Homepage.vue

@@ -129,10 +129,6 @@ let onDialogAction = (msg) => {
   switch (msg) {
     case "ok":
       jJsvRuntimeBridge.closePage();
-      // if (!window.JsView) {
-      //   // 浏览器调试
-      //   window.location.href = "about:blank";
-      // }
       break;
     case "back":
     case "cancel":

package/DivMetroPerformance/components/ContentItem.vue

@@ -336,7 +336,6 @@ export default ContentItem;
   font-size: 21;
   color: #73665c;
   line-height: 29;
-  overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   text-align: center;

package/FlexCellDemo/TestFrame1.vue

@@ -19,10 +19,6 @@ let vInvToken = setInterval(() => {
   rIndex.value++;
   rMyWidth.value = cWidth[rIndex.value % cWidth.length];
   rMyHeight.value = cHeight[rIndex.value % cHeight.length];
-  if (!window.JsView) {
-    // PC模拟环境要通过key来刷新确保界面flex正常
-    rRefreshId.value = rIndex.value;
-  }
 }, 2000);
 
 onUnmounted(() => {

package/GiftRain/App.vue

@@ -268,7 +268,4 @@ onBeforeUnmount(() => {
     transform: translate3d(0, 0, 0);
   }
 }
-
-;
-;
 </style>

package/HashParams/App.vue

@@ -55,6 +55,5 @@ const query = JSON.stringify(route.query);
   color: #ffffff;
   white-space: pre-wrap;
   text-overflow: clip;
-  overflow: hidden;
 }
 </style>

package/JsvPreDownloader/App.vue

@@ -144,7 +144,6 @@ const onKeyDown = (ev) => {
   font-size: 30;
   white-space: pre-wrap;
   text-overflow: clip;
-  overflow: hidden;
 }
 .block {
   width: 170;
@@ -154,6 +153,5 @@ const onKeyDown = (ev) => {
   font-size: 24;
   white-space: pre-wrap;
   text-overflow: clip;
-  overflow: hidden;
 }
 </style>

package/Marquee/App.vue

@@ -24,7 +24,7 @@ const style = {
 const style2 = Object.assign({ textAlign: "center" }, style);
 const style3 = Object.assign({ textAlign: "end" }, style);
 const longText =
-  "石室诗士施氏，嗜狮，誓食十狮。施氏时时适市视狮。十时，适十狮适市。是时，适施氏适市。施氏视是十狮，恃矢势，使是十狮逝世。氏拾是十狮尸，适石室。石室湿，氏使侍拭石室。石室拭，施氏始试食是十狮尸。食时，始识是十狮尸，实十石狮尸。试释是事。";
+  "1.石室诗士施氏，嗜狮，誓食十狮。2.施氏时时适市视狮。3.十时，适十狮适市。4.是时，适施氏适市。5.施氏视是十狮，恃矢势，使是十狮逝世。6.氏拾是十狮尸，适石室。7.石室湿，氏使侍拭石室。8.石室拭，施氏始试食是十狮尸。9.食时，始识是十狮尸，实十石狮尸。10.试释是事。";
 const shortText = "测试文字";
 const littleLongText = "君不见，黄河之水天上来，奔流到海不复回。";
 const rtlText = 'ABC انجليزي "abc" سعر الملابس 180 ';
@@ -784,7 +784,7 @@ onMounted(() => {
           top: 210,
           width: width,
           height: height,
-          backgroundColor: '#FFFFFF'
+          backgroundColor: '#FFFFFF',
         }"
       >
         <jsv-marquee

package/MetroWidgetDemos/MassiveItems/ContentItem.vue

@@ -339,7 +339,6 @@ const soldTotalText = computed(() => {
   font-size: 21;
   color: #73665c;
   line-height: 29;
-  overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   text-align: center;

package/MetroWidgetDemos/PerformanceTest/components/ContentItem.vue

@@ -337,7 +337,6 @@ const soldTotalText = computed(() => {
   font-size: 21;
   color: #73665c;
   line-height: 29;
-  overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   text-align: center;

package/MetroWidgetDemos/PerformanceTest/components/MyTab.vue

@@ -12,7 +12,7 @@ const props = defineProps({
   name: String,
   onEdgeDown: Function,
   onItemFocus: Function,
-})
+});
 
 let activeId = shallowRef(0);
 let focused = shallowRef(false);
@@ -25,7 +25,7 @@ const tab1Class = computed(() => {
   } else {
     return "text-normal item-normal";
   }
-})
+});
 const tab2Class = computed(() => {
   if (activeId.value == 1) {
     return focused.value
@@ -34,7 +34,7 @@ const tab2Class = computed(() => {
   } else {
     return "text-normal item-normal";
   }
-})
+});
 const tab3Class = computed(() => {
   if (activeId.value == 2) {
     return focused.value
@@ -43,8 +43,7 @@ const tab3Class = computed(() => {
   } else {
     return "text-normal item-normal";
   }
-})
-
+});
 
 const onKeyDown = (ev) => {
   switch (ev.keyCode) {
@@ -54,35 +53,37 @@ const onKeyDown = (ev) => {
         activeId.value = 2;
       }
       props.onItemFocus(activeId.value);
-      break;
+      return true;
     case 39:
       activeId.value++;
       if (activeId.value > 2) {
         activeId.value = 0;
       }
       props.onItemFocus(activeId.value);
-      break;
+      return true;
     case 40:
       props.onEdgeDown();
-      break;
+      return true;
   }
-}
+};
 const onFocus = () => {
   focused.value = true;
-}
+};
 const onBlur = () => {
   focused.value = false;
-}
+};
 const actionDefines = {
   onBlur,
   onFocus,
-  onKeyDown
-}
-
+  onKeyDown,
+};
 </script>
 
 <template>
-  <jsv-focus-block :name="props.name" :onAction="actionDefines"></jsv-focus-block>
+  <jsv-focus-block
+    :name="props.name"
+    :onAction="actionDefines"
+  ></jsv-focus-block>
   <div :class="tab1Class">Tab1</div>
   <div :class="tab2Class" :style="{ left: 220 }">Tab2</div>
   <div :class="tab3Class" :style="{ left: 440 }">Tab3</div>
@@ -115,6 +116,6 @@ const actionDefines = {
 .item-normal {
   width: 200;
   height: 50;
-  background-color: #87CECB;
+  background-color: #87cecb;
 }
-</style>
+</style>

package/PosterPacker/App.vue

@@ -114,11 +114,11 @@ const myEnd = () => {
   console.log("动画结束");
 };
 onMounted(() => {
-  window.JsView?.enableFpsDisplay(true);
+  window.JsvCoreApi.enableFpsDisplay(true);
 });
 
 onUnmounted(() => {
-  window.JsView?.enableFpsDisplay(false);
+  window.JsvCoreApi.enableFpsDisplay(false);
 });
 </script>
 

package/PosterPacker/tools/geniePakcer/Genie.vue

@@ -609,7 +609,7 @@ watchEffect(() => {
   console.log("rShow", rShow.value);
 });
 onMounted(() => {
-  window.JsView?.enableFpsDisplay(true);
+  window.JsvCoreApi.enableFpsDisplay(true);
 });
 
 onUnmounted(() => {
@@ -618,7 +618,7 @@ onUnmounted(() => {
     vNextTickStartAnimTimer = -1;
   }
 
-  window.JsView?.enableFpsDisplay(false);
+  window.JsvCoreApi.enableFpsDisplay(false);
 });
 onBeforeUnmount(() => {
   cStyleShell.removeRule("contract");

package/PosterPacker/tools/vortexPacker/Vortex.vue

@@ -50,7 +50,7 @@ let myY = 0.5;
 let keyNum = shallowRef(0);
 //ref
 const rWidgetRef = shallowRef();
-let vSTRENGTH = '10.'
+let vSTRENGTH = "10.";
 //替换
 let replacedShader = shallowRef(
   vortexShader
@@ -58,28 +58,28 @@ let replacedShader = shallowRef(
     .replace(/\$\{myCustomCenterY\}/g, myY)
     .replace(/\$\{STRENGTH\}/g, vSTRENGTH)
 );
-console.log(9998,vortexShader);
+console.log(9998, vortexShader);
 
 //随机替换
 const getRandomDecimal = () => {
   myX = 0.9;
   myY = 0.1;
   //根据x轴的位置确定转数
-  if(myX>=0.8||myX<=0.2){
-    console.log('很小或很大');
-    vSTRENGTH = '40.'
-  }else if(myX>0.2<=0.4){
-     vSTRENGTH = '30.'
-  }else if(myX >=0.6 && myX < 0.8 ){
-     vSTRENGTH = '30.'
-  }else if(myX>0.4 && myX<0.6){
-    vSTRENGTH = '10.'
+  if (myX >= 0.8 || myX <= 0.2) {
+    console.log("很小或很大");
+    vSTRENGTH = "40.";
+  } else if (myX > 0.2 <= 0.4) {
+    vSTRENGTH = "30.";
+  } else if (myX >= 0.6 && myX < 0.8) {
+    vSTRENGTH = "30.";
+  } else if (myX > 0.4 && myX < 0.6) {
+    vSTRENGTH = "10.";
   }
 
   replacedShader.value = vortexShader
     .replace(/\$\{myCustomCenterX\}/g, myX)
     .replace(/\$\{myCustomCenterY\}/g, myY)
-    .replace(/\$\{STRENGTH\}/g, vSTRENGTH)
+    .replace(/\$\{STRENGTH\}/g, vSTRENGTH);
   keyNum.value += 1;
 };
 //接收外部设定中心点
@@ -118,11 +118,11 @@ const rShaderInfo = computed(() => {
   return cShaderSettings;
 });
 onMounted(() => {
-  window.JsView?.enableFpsDisplay(true);
+  window.JsvCoreApi.enableFpsDisplay(true);
 });
 
 onUnmounted(() => {
-  window.JsView?.enableFpsDisplay(false);
+  window.JsvCoreApi.enableFpsDisplay(false);
 });
 //向父组件暴露方法
 defineExpose({

package/ScaleDownNeon/App.vue

@@ -9,19 +9,22 @@
 import { useRouter } from "vue-router";
 const router = useRouter();
 
-const test1 = "url(https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/ScaleDownTest/test_1.jpeg)";
-const test2 = "url(https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/ScaleDownTest/test_2.jpeg)";
-const test3 = "url(https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/ScaleDownTest/test_3.jpeg)";
-const test4 = "url(https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/ScaleDownTest/test_4.jpeg)";
+const test1 =
+  "url(https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/ScaleDownTest/test_1.jpeg)";
+const test2 =
+  "url(https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/ScaleDownTest/test_2.jpeg)";
+const test3 =
+  "url(https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/ScaleDownTest/test_3.jpeg)";
+const test4 =
+  "url(https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/ScaleDownTest/test_4.jpeg)";
 
 const onKeyDown = (ev) => {
   // 8:Backspace, 27:Escape, 10000:盒子返回键
   if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 10000) {
-    if (window.JsView) {
-      window.JsView.setGlobalConfig({
-        texCache: -1,
-      });
-    }
+    // 关掉TextureCache(通过将waterLevel设置成-1)
+    window.JsvCoreApi.setRenderGlobalConfig({
+      texCache: -1,
+    });
 
     router.go(-1); // 有router时，回退
     return true;
@@ -104,4 +107,4 @@ const style2 = {
 .top250 {
   top: 250;
 }
-</style>
+</style>

package/SceneTransition/App.vue

@@ -18,7 +18,9 @@
       </div>
       <!-- 文字说明 -->
       <div class="textLong" :style="{ left: 20, top: 20 }">
-        {{ "操作说明：按【下】键进行随机碎片下落过渡效果。按【上】键进行过渡还原。" }}
+        {{
+          "操作说明：按【下】键进行随机碎片下落过渡效果。按【上】键进行过渡还原。"
+        }}
       </div>
       <div class="text" :style="{ left: 810, top: 20 }">{{ "素材展示" }}</div>
       <div class="text" :style="{ left: 400, top: 500 }">
@@ -133,8 +135,7 @@ const onKeyDown = (ev) => {
           boxSwitch.value = false;
         }, 1000);
       }
-
-      break;
+      return true;
 
     //按方向键上调用组件的恢复函数
     case 38:
@@ -142,7 +143,7 @@ const onKeyDown = (ev) => {
         control.value.fireNeEvent();
         down.value = false;
       }
-      break;
+      return true;
     default:
       break;
   }

package/TextureAnimation/App.vue

@@ -1,13 +1,8 @@
 <script setup>
-import {
-  jJsvRuntimeBridge,
-  getKeyFramesGroup,
-  JsvTextureAnim,
-  DefaultKeyCodeMap,
-} from "jsview";
+import { jJsvRuntimeBridge, getKeyFramesGroup, JsvTextureAnim } from "jsview";
 import img from "./assets/borderOpacity.png";
 import swipLight from "./assets/swipLight.png";
-import { onMounted, onBeforeUnmount, shallowRef } from "vue";
+import { onMounted, onBeforeUnmount } from "vue";
 import { useRouter } from "vue-router";
 const router = useRouter();
 const styleShell = getKeyFramesGroup();
@@ -18,9 +13,6 @@ const borderRadius = 40;
 const repeat = -1;
 const duration = 3000;
 
-let sTranslateTextureRef = shallowRef(null);
-let sTranslateTextureTrigger = shallowRef(1);
-
 const translateAnim =
   "{from {transform: translate3d(-100%, -50%, 0);} to {transform: translate3d(100%, 50%, 0);}}";
 const rotateAnim =
@@ -38,9 +30,6 @@ const onKeyDown = (ev) => {
   // 8:Backspace, 27:Escape, 10000:盒子返回键
   if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 10000) {
     router?.go(-1); // 有router时，是从DemoHomepage进入，回退
-  } else if (ev.keyCode == DefaultKeyCodeMap.Ok) {
-    sTranslateTextureRef.value.start();
-    sTranslateTextureTrigger.value = sTranslateTextureTrigger.value + 1;
   }
   return true;
 };
@@ -79,7 +68,6 @@ onBeforeUnmount(() => {
         }"
       />
       <jsv-texture-anim
-        ref="sTranslateTextureRef"
         :src="img"
         :width="300"
         :height="150"
@@ -87,16 +75,18 @@ onBeforeUnmount(() => {
         :duration="duration"
         :transform="null"
         :borderRadius="borderRadius"
+        :repeat="repeat"
         :autoStart="true"
       ></jsv-texture-anim>
       <div
-        :key="sTranslateTextureTrigger"
         :style="{
           width: 300,
           height: 150,
           backgroundColor: 'rgba(255,0,0,0.5)',
           transform: null,
-          animation: `texture-anim-translate ${duration / 1000}s linear 1`,
+          animation: `texture-anim-translate ${
+            duration / 1000
+          }s linear infinite`,
         }"
       />
     </div>

package/TextureSize/App.vue

@@ -10,11 +10,10 @@ const router = useRouter();
 const onKeyDown = (ev) => {
   // 8:Backspace, 27:Escape, 10000:盒子返回键
   if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 10000) {
-    if (window.JsView) {
-      window.JsView.setGlobalConfig({
-        texCache: -1,
-      });
-    }
+    // 关掉TextureCache(通过将waterLevel设置成-1)
+    window.JsvCoreApi.setRenderGlobalConfig({
+      texCache: -1,
+    });
 
     router.go(-1); // 有router时，回退
     return true;
@@ -129,4 +128,4 @@ const onKeyDown = (ev) => {
   color: #ffffff;
   font-size: 20;
 }
-</style>
+</style>

package/ViewOpacity/App.vue

@@ -18,11 +18,10 @@ const test2 =
 const onKeyDown = (ev) => {
   // 8:Backspace, 27:Escape, 10000:盒子返回键
   if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 10000) {
-    if (window.JsView) {
-      window.JsView.setGlobalConfig({
-        texCache: -1,
-      });
-    }
+    // 关掉TextureCache(通过将waterLevel设置成-1)
+    window.JsvCoreApi.setRenderGlobalConfig({
+      texCache: -1,
+    });
 
     router.go(-1); // 有router时，回退
     return true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shijiu/jsview-vue-samples",
-  "version": "2.2.373",
+  "version": "2.2.426-test.0",
   "license": "MIT",
   "repository": "system/jsview-framework",
   "author": "mengxk",