@shijiu/jsview-vue-samples 2.3.0 → 2.3.151-test.0

package/MetroWidgetDemos/TripleWidget/SWidgetItem.vue

@@ -7,6 +7,7 @@ const props = defineProps({
   data: Object,
   onAction: Object,
   onItemEdge: Function,
+  queryInfo: Object,
 });
 
 const focusHub = useFocusHub();
@@ -87,7 +88,12 @@ props.onAction.register("onFocus", onFocus);
   >
     <!-- 重要代码: 为了实现焦点就近移动, 需要传递onItemEdge回调 -->
     <template #renderItem="{ data, onAction, onItemEdge }">
-      <widget-item :data="data" :onAction="onAction" :onItemEdge="onItemEdge" />
+      <widget-item
+        :data="data"
+        :onAction="onAction"
+        :onItemEdge="onItemEdge"
+        :rowNum="props.queryInfo.id"
+      />
     </template>
   </metro-widget>
 </template>

package/MetroWidgetDemos/TripleWidget/WidgetItem.vue

@@ -7,6 +7,7 @@ const props = defineProps({
   data: Object,
   onItemEdge: Function,
   onAction: Object,
+  rowNum: Object,
 });
 const focusHub = useFocusHub();
 const mwRef = shallowRef(null);
@@ -104,8 +105,13 @@ props.onAction.register("onBlur", onBlur);
     :onEdge="onItemEdge"
     :sendFocusRectEvent="true"
   >
-    <template #renderItem="{ data, onAction }">
-      <item :data="data" :onAction="onAction" />
+    <template #renderItem="{ data, onAction, query }">
+      <item
+        :data="data"
+        :onAction="onAction"
+        :rowNum="props.rowNum"
+        :queryInfo="query"
+      />
     </template>
   </metro-widget>
 </template>

package/MetroWidgetDemos/routeList.js

@@ -6,94 +6,111 @@
 export default [
   {
     meta: { nameText: "基础示例", },
+    name: "metroWidget-基础示例",
     path: "/metroWidget/basic",
     component: () => import("@shijiu/jsview-vue-samples/MetroWidgetDemos/basic/App.vue"),
   },
   {
     meta: { nameText: "direction", },
+    name: "metroWidget-direction",
     path: "/metroWidget/direction",
     component: () => import("@shijiu/jsview-vue-samples/MetroWidgetDemos/direction/App.vue"),
   },
   {
     meta: { nameText: "padding", },
+    name: "metroWidget-padding",
     path: "/metroWidget/padding",
     component: () => import("@shijiu/jsview-vue-samples/MetroWidgetDemos/padding/App.vue"),
   },
   {
     meta: { nameText: "slideSetting", },
+    name: "metroWidget-slideSetting",
     path: "/metroWidget/slideSetting",
     component: () => import("@shijiu/jsview-vue-samples/MetroWidgetDemos/slideSetting/App.vue"),
   },
   {
     meta: { nameText: "layoutType", },
+    name: "metroWidget-layoutType",
     path: "/metroWidget/layoutType",
     component: () => import("@shijiu/jsview-vue-samples/MetroWidgetDemos/layoutType/App.vue"),
   },
   {
     meta: { nameText: "嵌套(基础)", },
+    name: "metroWidget-嵌套(基础)",
     path: "/metroWidget/focusableItemBasic",
     component: () => import("@shijiu/jsview-vue-samples/MetroWidgetDemos/focusableItemBasic/App.vue"),
   },
   {
     meta: { nameText: "嵌套(混合)", },
+    name: "metroWidget-嵌套(混合)",
     path: "/metroWidget/focusableItemMix",
     component: () => import("@shijiu/jsview-vue-samples/MetroWidgetDemos/focusableItemMix/App.vue"),
   },
   {
     meta: { nameText: "嵌套(MetroWidget)", },
+    name: "metroWidget-嵌套(MetroWidget)",
     path: "/metroWidget/focusableItemMetroWidget",
     component: () => import("@shijiu/jsview-vue-samples/MetroWidgetDemos/focusableItemMetroWidget/App.vue"),
   },
   {
     meta: { nameText: "乒乓模式", },
+    name: "metroWidget-乒乓模式",
     path: "/metroWidget/PingPong",
     component: () =>
       import("@shijiu/jsview-vue-samples/MetroWidgetDemos/PingPong/App.vue"),
   },
   {
     meta: { nameText: "性能测试", },
+    name: "metroWidget-性能测试",
     path: "/metroWidget/PerformanceTest",
     component: () =>
       import("@shijiu/jsview-vue-samples/MetroWidgetDemos/PerformanceTest/App.vue"),
   },
   {
     meta: { nameText: "骨架图", },
+    name: "metroWidget-骨架图",
     path: "/metroWidget/SkeletonDiagram",
     component: () =>
       import("@shijiu/jsview-vue-samples/MetroWidgetDemos/SkeletonDiagram/App.vue"),
   },
   {
     meta: { nameText: ".9焦点页面", },
+    name: "metroWidget-.9焦点页面",
     path: "/metroWidget/ninePatchFocusPage",
     component: () =>
       import("@shijiu/jsview-vue-samples/MetroWidgetDemos/ninePatchFocusPage/App.vue"),
   },
   {
     meta: { nameText: "item尺寸更新", },
+    name: "metroWidget-item尺寸更新",
     path: "/metroWidget/itemSizeUpdate",
     component: () =>
       import("@shijiu/jsview-vue-samples/MetroWidgetDemos/itemSizeUpdate/App.vue"),
   },
   {
     meta: { nameText: "三层嵌套", },
+    name: "metroWidget-三层嵌套",
     path: "/metroWidget/TripleWidget",
     component: () =>
       import("@shijiu/jsview-vue-samples/MetroWidgetDemos/TripleWidget/App.vue"),
   },
   {
     meta: { nameText: "数据刷新demo", },
+    name: "metroWidget-数据刷新demo",
     path: "/metroWidget/RefreshDemo",
     component: () =>
       import("@shijiu/jsview-vue-samples/MetroWidgetDemos/RefreshDemo/App.vue"),
   },
   {
     meta: { nameText: "剧集翻页", },
+    name: "metroWidget-剧集翻页",
     path: "/metroWidget/SeamlessSlide",
     component: () =>
       import("@shijiu/jsview-vue-samples/MetroWidgetDemos/SeamlessSlide/App.vue"),
   },
   {
     meta: { nameText: "多item分段显示", },
+    name: "metroWidget-多item分段显示",
     path: "/metroWidget/MassiveItems",
     component: () =>
       import("@shijiu/jsview-vue-samples/MetroWidgetDemos/MassiveItems/App.vue"),

package/PosterPacker/App.vue

@@ -79,9 +79,9 @@ const onKeyDown = (ev) => {
     }
     case 13: {
       if (rKeyCount.value == 0) {
-        cChildRef1.value.getRandomDecimal();
+        cChildRef1.value?.getRandomDecimal();
       } else {
-        cChildRef2.value.switcher();
+        cChildRef2.value?.switcher();
       }
 
       return true;

package/ViewOpacity/App.vue

@@ -81,6 +81,25 @@ onUnmounted(() => {
           />
         </div>
       </div>
+      <div class="block">
+        <div :style="{ left: 120, top: 320 }">
+          <img
+            :style="{
+              ...style1,
+            }"
+            :src="test1"
+          />
+        </div>
+
+        <div :style="{ left: 500, top: 320 }">
+          <img
+            :style="{
+              ...style1,
+            }"
+            :src="test2"
+          />
+        </div>
+      </div>
     </div>
   </jsv-focus-block>
 </template>

package/package.json

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

package/DashPath/DashPath.vue

@@ -1,118 +0,0 @@
-<template>
-  <div :style="{ ...layout, backgroundImage: `url(jsvtexturestore://${sourceId})` }" />
-</template>
-
-<script setup>
-import { JsvTextureStoreApi } from "jsview";
-import { onBeforeUnmount, computed } from "vue";
-
-const props = defineProps({
-  // 点数组，每个点包含 x 和 y 坐标
-  points: {
-    type: Array,
-    required: true,
-    validator: (value) => {
-      return value.every(point => 'x' in point && 'y' in point);
-    }
-  },
-  // 虚线配置，例如 [10, 5] 表示10px实线，5px空白
-  dash: {
-    type: Array,
-    default: () => [10, 10]
-  },
-  // 虚线起始位置偏移
-  phase: {
-    type: Number,
-    default: 0
-  },
-  // 线条颜色
-  color: {
-    type: String,
-    default: "#FFFFFF"
-  },
-  // 线条宽度
-  lineWidth: {
-    type: Number,
-    default: 2
-  },
-  // 布局样式
-  layout: {
-    type: Object,
-    required: true
-  }
-});
-
-// 计算坐标系调整值和画布尺寸
-const canvasInfo = computed(() => {
-  const xValues = props.points.map(p => p.x);
-  const yValues = props.points.map(p => p.y);
-  
-  // 找出最小坐标值
-  const minX = Math.min(...xValues);
-  const minY = Math.min(...yValues);
-  
-  // 计算偏移量（考虑线宽）
-  const offsetX = minX < 0 ? Math.abs(minX) : 0;
-  const offsetY = minY < 0 ? Math.abs(minY) : 0;
-  const lineOffset = Math.ceil(props.lineWidth / 2);
-  
-  // 计算画布尺寸（考虑线宽）
-  const width = Math.max(...xValues) - minX + props.lineWidth * 2;
-  const height = Math.max(...yValues) - minY + props.lineWidth * 2;
-  
-  return {
-    offsetX: offsetX + lineOffset,
-    offsetY: offsetY + lineOffset,
-    width,
-    height
-  };
-});
-
-// 创建画布纹理
-let sourceId = '';
-const canvasRef = JsvTextureStoreApi.canvasTexture(
-  canvasInfo.value.width,
-  canvasInfo.value.height
-);
-
-// 绘制透明背景
-canvasRef.drawColor("rgba(0,0,0,0)");
-
-// 创建自定义路径
-const path = canvasRef.customPath();
-
-// 移动到第一个调整后的点
-if (props.points.length > 0) {
-  const firstPoint = props.points[0];
-  path.moveTo(
-    firstPoint.x + canvasInfo.value.offsetX,
-    firstPoint.y + canvasInfo.value.offsetY
-  );
-  
-  // 连接后续的调整后的点
-  for (let i = 1; i < props.points.length; i++) {
-    const point = props.points[i];
-    path.lineTo(
-      point.x + canvasInfo.value.offsetX,
-      point.y + canvasInfo.value.offsetY
-    );
-  }
-  path.close();
-}
-
-// 使用虚线样式绘制路径
-path.strokeWithSetting({
-  lineWidth: props.lineWidth,
-  color: props.color,
-  dash: props.dash,
-  phase: props.phase
-});
-
-// 提交纹理并获取sourceId
-sourceId = canvasRef.commit();
-
-// 组件卸载时清理纹理
-onBeforeUnmount(() => {
-  JsvTextureStoreApi.deleteTexture(sourceId);
-});
-</script> 

package/DemoForOperator/ScalePoster/App.vue

@@ -1,4 +0,0 @@
-<template></template>
-<script setup>
-const posterUrl = "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/DemoForOperator/ScalePoster/App/element_228277_icon_20230530144223.png"
-</script>