@shijiu/jsview-vue 2.1.428 → 2.1.448-test.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2615,8 +2615,8 @@ class ConditionPackBuilder {
2615
2615
  * OnNexusEvent
2616
2616
  * 响应 actRef 关联的 action 所发出的内部状态信息
2617
2617
  *
2618
- * @param {NexusNode} nexusRecv 一个进行Action时传给action的空的{}, 内容被action内部填写
2619
- * @param {number} detailEventType 监听的事件类型
2618
+ * @param {NexusNode} nexusRecv FreeMoveFunc.newNexus() 创建, 作为通讯句柄,类似电话号,被fireNexusEvent调用
2619
+ * @param {number} detailEventType 监听的事件类型, 类比与分机号,和fireNexusEvent发出的id约定, 自定义内容要求1000以上
2620
2620
  */
2621
2621
  onNexusEvent(nexusRecv, detailEventType) {
2622
2622
  if (!this._CheckCommonInfo()) {
@@ -3148,6 +3148,8 @@ class StatePackBuilder {
3148
3148
  }
3149
3149
  /*
3150
3150
  * fireNexusEvent 发出Nexus event
3151
+ * @param {NexusNode} nexusRecv 由 FreeMoveFunc.newNexus() 创建, 作为通讯句柄,类似电话号,在onNexusEvent监听
3152
+ * @param {number} detailEventType 监听的事件类型, 类比与分机号,和onNexusEvent约定, 自定义内容要求1000以上
3151
3153
  */
3152
3154
  fireNexusEvent(nexusRecv, detailEventType) {
3153
3155
  return CmdPackBuilder.InitStateCmdPack(StateCmdBuilder.FireNexusEvent(detailEventType, nexusRecv.token));
@@ -5180,7 +5182,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
5180
5182
 
5181
5183
 
5182
5184
  */
5183
- const _sfc_main$H = {
5185
+ const _sfc_main$G = {
5184
5186
  __name: "SlotComponent",
5185
5187
  setup(__props) {
5186
5188
  onBeforeUpdate(() => {
@@ -5440,7 +5442,7 @@ const _sfc_main$H = {
5440
5442
 
5441
5443
 
5442
5444
  */
5443
- const _sfc_main$G = {
5445
+ const _sfc_main$F = {
5444
5446
  __name: "MetroWidget",
5445
5447
  props: {
5446
5448
  padding: {
@@ -5703,7 +5705,7 @@ const _sfc_main$G = {
5703
5705
  ref: item.slotRef,
5704
5706
  id: `${__props.name}_${index}`
5705
5707
  }, [
5706
- createVNode(_sfc_main$H, { key: "__QcodeJsviewFreezeComponent" }, {
5708
+ createVNode(_sfc_main$G, { key: "__QcodeJsviewFreezeComponent" }, {
5707
5709
  default: withCtx(() => [
5708
5710
  renderSlot(_ctx.$slots, "renderItem", {
5709
5711
  data: item.customerData,
@@ -5752,7 +5754,7 @@ const _sfc_main$G = {
5752
5754
 
5753
5755
 
5754
5756
  */
5755
- const _sfc_main$F = {
5757
+ const _sfc_main$E = {
5756
5758
  __name: "ListWidget",
5757
5759
  props: {
5758
5760
  padding: {
@@ -6198,7 +6200,7 @@ const HUB_NS_PROVIDE_NAME = "__jsvFocusNameSpace__";
6198
6200
 
6199
6201
 
6200
6202
  */
6201
- const _sfc_main$E = {
6203
+ const _sfc_main$D = {
6202
6204
  __name: "JsvFocusBlock",
6203
6205
  props: {
6204
6206
  name: String,
@@ -6406,7 +6408,7 @@ class JsvFocusManager {
6406
6408
  }
6407
6409
  const doAppMount = this.$_hookMount(app, options[0]);
6408
6410
  app.mount = doAppMount;
6409
- app.component("JsvFocusBlock", _sfc_main$E);
6411
+ app.component("JsvFocusBlock", _sfc_main$D);
6410
6412
  app.config.globalProperties.$jsvFocusManager = this;
6411
6413
  app.provide(HUB_NS_PROVIDE_NAME, null);
6412
6414
  app.provide(ROOT_HUB_PROVIDE_NAME, new JsvFocusHubApi(this.$_topFDiv.getHub()));
@@ -8830,7 +8832,7 @@ class JsvActorMoveControl extends ActorControlBase {
8830
8832
 
8831
8833
 
8832
8834
  */
8833
- const _sfc_main$D = {
8835
+ const _sfc_main$C = {
8834
8836
  __name: "JsvActorMove",
8835
8837
  props: {
8836
8838
  control: {
@@ -8883,7 +8885,7 @@ const _sfc_main$D = {
8883
8885
 
8884
8886
 
8885
8887
  */
8886
- const _sfc_main$C = {
8888
+ const _sfc_main$B = {
8887
8889
  __name: "FreeMoveActor",
8888
8890
  props: {
8889
8891
  // 设置给父节点,动画节点必须top/left为0, 以保证PC端模拟通过style直接获取当前位置信息的逻辑能通过
@@ -8969,7 +8971,7 @@ const KeepFlags = {
8969
8971
 
8970
8972
 
8971
8973
  */
8972
- const _sfc_main$B = {
8974
+ const _sfc_main$A = {
8973
8975
  __name: "JsvEnvBlocker",
8974
8976
  props: {
8975
8977
  // (支持reactive)位置信息
@@ -9119,7 +9121,7 @@ let FreeMoveFunc = {
9119
9121
 
9120
9122
 
9121
9123
  */
9122
- const _sfc_main$A = {
9124
+ const _sfc_main$z = {
9123
9125
  __name: "JsvFlexDiv",
9124
9126
  props: {
9125
9127
  style: Object,
@@ -9240,7 +9242,7 @@ window.JsvCode.ForgeHandles.listenToReady(() => {
9240
9242
 
9241
9243
 
9242
9244
  */
9243
- const _sfc_main$z = {
9245
+ const _sfc_main$y = {
9244
9246
  props: {
9245
9247
  src: String,
9246
9248
  style: Object,
@@ -9341,7 +9343,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
9341
9343
  style: normalizeStyle($props.style)
9342
9344
  }, null, 12, ["src"]);
9343
9345
  }
9344
- const JsvApic = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$c]]);
9346
+ const JsvApic = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$c]]);
9345
9347
 
9346
9348
  //!
9347
9349
  //! utils/JsViewVueWidget/JsvApic/JsvApic/index.js;
@@ -9392,7 +9394,7 @@ const _JsvApic$1 = _JsvApic;
9392
9394
 
9393
9395
 
9394
9396
  */
9395
- const _sfc_main$y = {
9397
+ const _sfc_main$x = {
9396
9398
  props: {
9397
9399
  src: String,
9398
9400
  style: Object,
@@ -9490,7 +9492,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
9490
9492
  style: normalizeStyle($props.style)
9491
9493
  }, null, 12, ["src"]);
9492
9494
  }
9493
- const JsvApic2 = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$b]]);
9495
+ const JsvApic2 = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$b]]);
9494
9496
 
9495
9497
  //!
9496
9498
  //! utils/JsViewVueWidget/JsvApic/JsvApic2/index.js;
@@ -9517,7 +9519,7 @@ const _JsvApic2$1 = _JsvApic2;
9517
9519
 
9518
9520
 
9519
9521
  */
9520
- const _sfc_main$x = {
9522
+ const _sfc_main$w = {
9521
9523
  props: {
9522
9524
  left: {
9523
9525
  type: Number,
@@ -9571,7 +9573,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
9571
9573
  })
9572
9574
  }, null, 4);
9573
9575
  }
9574
- const CursorVue = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$a]]);
9576
+ const CursorVue = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$a]]);
9575
9577
 
9576
9578
  //!
9577
9579
  //! utils/JsViewVueWidget/JsvInput/JsvInput.vue;
@@ -9599,7 +9601,7 @@ const edgeMap = {
9599
9601
  40: EdgeDirection.bottom
9600
9602
  };
9601
9603
  const MAX_WIDTH = 1920;
9602
- const _sfc_main$w = {
9604
+ const _sfc_main$v = {
9603
9605
  components: {
9604
9606
  CursorVue
9605
9607
  },
@@ -10202,7 +10204,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
10202
10204
  _: 1
10203
10205
  }, 8, ["name", "onAction", "style"]);
10204
10206
  }
10205
- const JsvInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$9]]);
10207
+ const JsvInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$9]]);
10206
10208
 
10207
10209
  //!
10208
10210
  //! utils/JsViewVueWidget/JsvInput/index.js;
@@ -10273,7 +10275,7 @@ const buildDownloadInfo$1 = (url, net_setting = null, get_image_size) => {
10273
10275
  // 用于格式校验
10274
10276
  };
10275
10277
  };
10276
- const _sfc_main$v = {
10278
+ const _sfc_main$u = {
10277
10279
  __name: "JsvPreload",
10278
10280
  props: {
10279
10281
  preloadList: Object,
@@ -10554,7 +10556,7 @@ const _sfc_main$v = {
10554
10556
  //! 考虑到.vue文件除了export default的component外,还有可能export其他对象,因此使用import * as
10555
10557
  let _JsvPreload;
10556
10558
  if (window.JsView) {
10557
- _JsvPreload = _sfc_main$v;
10559
+ _JsvPreload = _sfc_main$u;
10558
10560
  } else {
10559
10561
  const BrowserPreload = await import('./browser/BrowserPreload.vue.mjs');
10560
10562
  _JsvPreload = BrowserPreload.default;
@@ -10597,7 +10599,7 @@ class TextureInstantType {
10597
10599
 
10598
10600
 
10599
10601
  */
10600
- const _sfc_main$u = {
10602
+ const _sfc_main$t = {
10601
10603
  props: {
10602
10604
  value: String,
10603
10605
  size: Number,
@@ -10732,7 +10734,7 @@ const _sfc_main$u = {
10732
10734
  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
10733
10735
  return openBlock(), createElementBlock("div", { "data-jsv-vw-innerview": $data.innerViewId }, null, 8, ["data-jsv-vw-innerview"]);
10734
10736
  }
10735
- const JsvQrcode = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$8]]);
10737
+ const JsvQrcode = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$8]]);
10736
10738
 
10737
10739
  //!
10738
10740
  //! utils/JsViewVueWidget/JsvQrcode/index.js;
@@ -10860,7 +10862,7 @@ let buildForgeView = (pointRes, sprayStyle, sizeRef, ignoreClip) => {
10860
10862
  sizeRef.height = view_height;
10861
10863
  return Forge$1.sViewStore.add(new Forge$1.ViewInfo(spray_view, null));
10862
10864
  };
10863
- const _sfc_main$t = {
10865
+ const _sfc_main$s = {
10864
10866
  props: {
10865
10867
  pointRes: {
10866
10868
  type: String,
@@ -10919,7 +10921,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
10919
10921
  "data-jsv-vw-innerview": $data.viewId
10920
10922
  }, null, 12, ["data-jsv-vw-innerview"]);
10921
10923
  }
10922
- const JsvSpray = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$7]]);
10924
+ const JsvSpray = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$7]]);
10923
10925
 
10924
10926
  //!
10925
10927
  //! utils/JsViewVueWidget/JsvSpray/index.js;
@@ -11190,7 +11192,7 @@ const JsvSpriteAnim_vue_vue_type_style_index_0_scoped_fa78d758_lang = "";
11190
11192
 
11191
11193
 
11192
11194
  */
11193
- const _sfc_main$s = {
11195
+ const _sfc_main$r = {
11194
11196
  __name: "JsvSpriteAnim",
11195
11197
  props: {
11196
11198
  spriteInfo: Object,
@@ -11471,7 +11473,7 @@ const _sfc_main$s = {
11471
11473
  };
11472
11474
  const styleSheetsContent$1 = { "0": { "sprite-tag-fa78d758": "@keyframes sprite-tag-fa78d758 {}" } };
11473
11475
  window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$1);
11474
- const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-fa78d758"]]);
11476
+ const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-fa78d758"]]);
11475
11477
 
11476
11478
  //!
11477
11479
  //! utils/JsViewVueWidget/JsvSpriteAnim/JsvSpriteLoader.vue;
@@ -11491,7 +11493,7 @@ const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "d
11491
11493
 
11492
11494
 
11493
11495
  */
11494
- const _sfc_main$r = {
11496
+ const _sfc_main$q = {
11495
11497
  __name: "JsvSpriteLoader",
11496
11498
  props: {
11497
11499
  imageUrl: String,
@@ -11670,7 +11672,7 @@ class SpriteController {
11670
11672
 
11671
11673
 
11672
11674
  */
11673
- const _sfc_main$q = {
11675
+ const _sfc_main$p = {
11674
11676
  __name: "JsvVisibleSensor",
11675
11677
  props: {
11676
11678
  // (支持reactive)可视区域设定
@@ -11793,7 +11795,7 @@ const _sfc_main$q = {
11793
11795
 
11794
11796
  var JsvVisibleSensor$1 = /*#__PURE__*/Object.freeze({
11795
11797
  __proto__: null,
11796
- default: _sfc_main$q
11798
+ default: _sfc_main$p
11797
11799
  });
11798
11800
 
11799
11801
  //!
@@ -11868,8 +11870,8 @@ const keyCode2EdgeDirection = (keyCode) => {
11868
11870
  return null;
11869
11871
  }
11870
11872
  };
11871
- const _sfc_main$p = {
11872
- components: { JsvActorMove: _sfc_main$D, JsvVisibleSensor },
11873
+ const _sfc_main$o = {
11874
+ components: { JsvActorMove: _sfc_main$C, JsvVisibleSensor },
11873
11875
  props: {
11874
11876
  showIndicator: {
11875
11877
  type: Boolean,
@@ -12350,7 +12352,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
12350
12352
  }, 8, ["name", "style", "onAction"])
12351
12353
  ], 64);
12352
12354
  }
12353
- const JsvSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$6]]);
12355
+ const JsvSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$6]]);
12354
12356
 
12355
12357
  //!
12356
12358
  //! utils/JsViewVueWidget/JsvSwiper/index.js;
@@ -12383,7 +12385,7 @@ const JsvSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_rend
12383
12385
 
12384
12386
 
12385
12387
  */
12386
- const _sfc_main$o = {
12388
+ const _sfc_main$n = {
12387
12389
  __name: "JsvSwiper",
12388
12390
  props: {
12389
12391
  dispNumber: { type: Number, require: true },
@@ -12885,7 +12887,7 @@ const TexAlignAnchor$1 = {
12885
12887
  CENTER_BOTTOM: 8,
12886
12888
  RIGHT_BOTTOM: 9
12887
12889
  };
12888
- const _sfc_main$n = {
12890
+ const _sfc_main$m = {
12889
12891
  props: {
12890
12892
  src: String,
12891
12893
  top: Number,
@@ -13157,7 +13159,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
13157
13159
  "data-jsv-vw-innerview": $setup.innerViewId
13158
13160
  }, null, 12, ["data-jsv-vw-innerview"]);
13159
13161
  }
13160
- const JsvTextureAnim = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$5]]);
13162
+ const JsvTextureAnim = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$5]]);
13161
13163
 
13162
13164
  //!
13163
13165
  //! utils/JsViewVueWidget/JsvTextureAnim/index.js;
@@ -13190,7 +13192,7 @@ const TexAlignAnchor = TexAlignAnchor$1;
13190
13192
 
13191
13193
 
13192
13194
  */
13193
- const _sfc_main$m = {
13195
+ const _sfc_main$l = {
13194
13196
  __name: "JsvFilterView",
13195
13197
  props: {
13196
13198
  width: {
@@ -13343,7 +13345,7 @@ class LineType extends UpdateType {
13343
13345
  this.end = end;
13344
13346
  }
13345
13347
  }
13346
- const _sfc_main$l = {
13348
+ const _sfc_main$k = {
13347
13349
  props: {
13348
13350
  left: {
13349
13351
  type: Number
@@ -13843,7 +13845,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
13843
13845
  _: 3
13844
13846
  }, 8, ["name", "onAction", "style"]);
13845
13847
  }
13846
- const JsvGrid = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$4]]);
13848
+ const JsvGrid = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$4]]);
13847
13849
 
13848
13850
  //!
13849
13851
  //! utils/JsViewVueWidget/JsvNativeSharedDiv.vue;
@@ -13860,7 +13862,7 @@ const JsvGrid = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render
13860
13862
 
13861
13863
 
13862
13864
  */
13863
- const _sfc_main$k = {
13865
+ const _sfc_main$j = {
13864
13866
  props: {
13865
13867
  style: {
13866
13868
  type: Object,
@@ -13937,7 +13939,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
13937
13939
  renderSlot(_ctx.$slots, "default")
13938
13940
  ], 4));
13939
13941
  }
13940
- const JsvNativeSharedDiv = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$3]]);
13942
+ const JsvNativeSharedDiv = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$3]]);
13941
13943
 
13942
13944
  //!
13943
13945
  //! utils/JsViewVueWidget/JsvHole.js;
@@ -15526,7 +15528,7 @@ class CanvasTexture extends TextureBase {
15526
15528
  }
15527
15529
  /**
15528
15530
  * drawColor
15529
- * 以给定颜色
15531
+ * 将整个Canvas绘制成指定颜色
15530
15532
  *
15531
15533
  * @param {String} color 颜色设定,例如rgba(red:0~255, green:0~255, blue:0~255, alpla:0~1.0), 或则 #AARRGGBB
15532
15534
  */
@@ -15570,7 +15572,7 @@ class CanvasTexture extends TextureBase {
15570
15572
  }
15571
15573
  }
15572
15574
  /**
15573
- * CirclePath
15575
+ * circlePath
15574
15576
  * 获得CirclePath操作对象,通过 stroke 或者 fill 来完成绘制
15575
15577
  *
15576
15578
  * @param {Number} centerX 圆心x
@@ -15609,8 +15611,9 @@ class CanvasTexture extends TextureBase {
15609
15611
  });
15610
15612
  }
15611
15613
  /**
15612
- * fillLinearGradient
15613
- * 用渐变色填充一个矩形区域
15614
+ * drawLinearGradientRect
15615
+ * 用渐变色填充一个整个Canvas区域
15616
+ * TODO: 后续如果有需求填充Canvas中子区域内容时,再加一个参数来指定填充区域
15614
15617
  *
15615
15618
  * @param {int} fromX 绘制起点X
15616
15619
  * @param {int} fromY 绘制起点Y
@@ -15744,7 +15747,7 @@ let sTextureStoreApi = {
15744
15747
 
15745
15748
 
15746
15749
  */
15747
- const _sfc_main$j = {
15750
+ const _sfc_main$i = {
15748
15751
  __name: "JsvMarquee",
15749
15752
  props: {
15750
15753
  text: {
@@ -16150,7 +16153,7 @@ const _sfc_main$j = {
16150
16153
 
16151
16154
 
16152
16155
  */
16153
- const _sfc_main$i = {
16156
+ const _sfc_main$h = {
16154
16157
  props: {
16155
16158
  class: {
16156
16159
  type: String
@@ -16325,7 +16328,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
16325
16328
  })
16326
16329
  }, null, 12, ["data-jsv-vw-innerview"]));
16327
16330
  }
16328
- const JsvMaskClipDiv = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$2]]);
16331
+ const JsvMaskClipDiv = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$2]]);
16329
16332
 
16330
16333
  //!
16331
16334
  //! utils/JsViewVueWidget/JsvNinePatch.vue;
@@ -16353,7 +16356,7 @@ const JsvMaskClipDiv = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc
16353
16356
 
16354
16357
 
16355
16358
  */
16356
- const _sfc_main$h = {
16359
+ const _sfc_main$g = {
16357
16360
  __name: "JsvNinePatch",
16358
16361
  props: {
16359
16362
  style: {
@@ -16450,7 +16453,7 @@ const _sfc_main$h = {
16450
16453
 
16451
16454
 
16452
16455
  */
16453
- const _sfc_main$g = {
16456
+ const _sfc_main$f = {
16454
16457
  __name: "JsvPosterDiv",
16455
16458
  props: {
16456
16459
  style: Object
@@ -16500,7 +16503,7 @@ const _sfc_main$g = {
16500
16503
 
16501
16504
 
16502
16505
  */
16503
- const _sfc_main$f = {
16506
+ const _sfc_main$e = {
16504
16507
  __name: "JsvPosterImage",
16505
16508
  props: {
16506
16509
  colorSpace: {
@@ -16583,7 +16586,7 @@ const _sfc_main$f = {
16583
16586
 
16584
16587
 
16585
16588
  */
16586
- const _sfc_main$e = {
16589
+ const _sfc_main$d = {
16587
16590
  props: {
16588
16591
  definitionScale: {
16589
16592
  type: String
@@ -16595,7 +16598,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
16595
16598
  renderSlot(_ctx.$slots, "default")
16596
16599
  ], 8, ["data-jsv-vw-text-definition"]);
16597
16600
  }
16598
- const JsvScaleTextBox = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$1]]);
16601
+ const JsvScaleTextBox = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$1]]);
16599
16602
 
16600
16603
  //!
16601
16604
  //! utils/JsViewVueWidget/JsvSoundPool.js;
@@ -16826,7 +16829,7 @@ class JsvSoundPool {
16826
16829
  /*! <!--
16827
16830
  * Created by chunfeng.luo@qcast.cn on 10/13/20.
16828
16831
  */
16829
- const _sfc_main$d = {
16832
+ const _sfc_main$c = {
16830
16833
  __name: "JsvTextBox",
16831
16834
  props: {
16832
16835
  style: Object,
@@ -16859,7 +16862,7 @@ const _sfc_main$d = {
16859
16862
  }
16860
16863
  });
16861
16864
  return (_ctx, _cache) => {
16862
- return openBlock(), createBlock(unref(_sfc_main$A), {
16865
+ return openBlock(), createBlock(unref(_sfc_main$z), {
16863
16866
  style: normalizeStyle({
16864
16867
  ...props.style,
16865
16868
  flexDirection: "row",
@@ -16906,7 +16909,7 @@ const _sfc_main$d = {
16906
16909
  -->
16907
16910
 
16908
16911
  */
16909
- const _sfc_main$c = {
16912
+ const _sfc_main$b = {
16910
16913
  __name: "JsvRadarChart",
16911
16914
  props: {
16912
16915
  style: {
@@ -17150,7 +17153,7 @@ const JsvRippleShape = {
17150
17153
 
17151
17154
 
17152
17155
  */
17153
- const _sfc_main$b = {
17156
+ const _sfc_main$a = {
17154
17157
  __name: "JsvRipple",
17155
17158
  props: {
17156
17159
  width: {
@@ -17324,7 +17327,7 @@ const JsvLine_vue_vue_type_style_index_0_scoped_10b9ebcf_lang = "";
17324
17327
 
17325
17328
 
17326
17329
  */
17327
- const _sfc_main$a = {
17330
+ const _sfc_main$9 = {
17328
17331
  __name: "JsvLine",
17329
17332
  props: {
17330
17333
  startPos: { type: Object, require: true },
@@ -17385,7 +17388,7 @@ const _sfc_main$a = {
17385
17388
  };
17386
17389
  const styleSheetsContent = { "0": { "fadeIn-10b9ebcf": "@keyframes fadeIn-10b9ebcf {0%{opacity:0;}100%{opacity:1;}}", "fadeOut-10b9ebcf": "@keyframes fadeOut-10b9ebcf {0%{opacity:1;}100%{opacity:0;}}" } };
17387
17390
  window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
17388
- const JsvLine = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-10b9ebcf"]]);
17391
+ const JsvLine = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-10b9ebcf"]]);
17389
17392
 
17390
17393
  //!
17391
17394
  //! utils/JsViewVueWidget/JsvLine/index.js;
@@ -17411,7 +17414,7 @@ const JsvLine = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-
17411
17414
 
17412
17415
 
17413
17416
  */
17414
- const _sfc_main$9 = {
17417
+ const _sfc_main$8 = {
17415
17418
  __name: "JsvSector",
17416
17419
  props: {
17417
17420
  centerPosition: { type: Object, require: true },
@@ -17525,7 +17528,7 @@ const _sfc_main$9 = {
17525
17528
 
17526
17529
 
17527
17530
  */
17528
- const _sfc_main$8 = {
17531
+ const _sfc_main$7 = {
17529
17532
  __name: "JsvPieChart",
17530
17533
  props: {
17531
17534
  centerPosition: { type: Object, required: true },
@@ -17611,7 +17614,7 @@ const _sfc_main$8 = {
17611
17614
  }, [
17612
17615
  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(finalData).slice().reverse(), (item, index) => {
17613
17616
  return openBlock(), createElementBlock("div", null, [
17614
- (openBlock(), createBlock(_sfc_main$9, {
17617
+ (openBlock(), createBlock(_sfc_main$8, {
17615
17618
  radius: props.radius,
17616
17619
  config: {
17617
17620
  startAngle: Number(item.startAngle),
@@ -17719,7 +17722,7 @@ class ConnectLineTexture {
17719
17722
 
17720
17723
 
17721
17724
  */
17722
- const _sfc_main$7 = {
17725
+ const _sfc_main$6 = {
17723
17726
  __name: "JsvConnectLine",
17724
17727
  props: {
17725
17728
  startPos: {
@@ -17987,7 +17990,7 @@ const _sfc_main$7 = {
17987
17990
 
17988
17991
 
17989
17992
  */
17990
- const _sfc_main$6 = {
17993
+ const _sfc_main$5 = {
17991
17994
  __name: "JsvProgressBar",
17992
17995
  props: {
17993
17996
  width: { type: Number, required: true },
@@ -18064,7 +18067,7 @@ const _sfc_main$6 = {
18064
18067
  return openBlock(), createElementBlock(Fragment, null, [
18065
18068
  props.isCanvas ? (openBlock(), createElementBlock("div", { key: 0 }, [
18066
18069
  withDirectives(createElementVNode("div", null, [
18067
- createVNode(_sfc_main$h, {
18070
+ createVNode(_sfc_main$g, {
18068
18071
  style: normalizeStyle({
18069
18072
  left: 0,
18070
18073
  top: 0,
@@ -18106,7 +18109,7 @@ const _sfc_main$6 = {
18106
18109
  }, null, 4)
18107
18110
  ], 4)
18108
18111
  ])),
18109
- createVNode(_sfc_main$h, {
18112
+ createVNode(_sfc_main$g, {
18110
18113
  style: normalizeStyle({
18111
18114
  left: 0,
18112
18115
  top: 0,
@@ -18125,147 +18128,6 @@ const _sfc_main$6 = {
18125
18128
  }
18126
18129
  };
18127
18130
 
18128
- //!
18129
- //! utils/JsViewVueWidget/JsvSceneTransition.vue;
18130
- //!
18131
- /*! <!--
18132
- * 【模块 export 内容】
18133
- * JsvSceneTransition:场景过渡组件。
18134
- * props说明:
18135
- * imageUrl {String} (必填) 显示图片的加载地址
18136
- * displayWidth {Number} (必填) 想要展示的宽度
18137
- * ArraySet {Array} (必填) 模板配置项,包括:每个模块的width,height,left,top,url
18138
- * style {Object} (必填) 横纵模板总长度和总宽度。(width,height)
18139
- * onOff {Boolean} (必填) 组件挂载好后是否立即动画的开关,后续可通过改值为true开启。
18140
- -->
18141
-
18142
-
18143
-
18144
-
18145
-
18146
-
18147
- */
18148
- const _sfc_main$5 = {
18149
- __name: "JsvSceneTransition",
18150
- props: {
18151
- imageUrl: { type: String, require: true },
18152
- displayWidth: { type: Number, require: true },
18153
- ArraySet: { type: Array, require: true },
18154
- style: { type: Object, require: true },
18155
- onOff: { type: Boolean, require: true }
18156
- },
18157
- setup(__props) {
18158
- const props = __props;
18159
- const refArray = [];
18160
- const controlArray = new Array(props.ArraySet.length).fill(null);
18161
- watch(
18162
- () => props.onOff,
18163
- (n, o) => {
18164
- if (n == true) {
18165
- MoveFunc();
18166
- }
18167
- }
18168
- );
18169
- const MoveFunc = () => {
18170
- controlArray[0].run([
18171
- controlArray[0].action().setSpdAndAccel(-6, -9, 0, 1, null, null),
18172
- controlArray[0].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[0].action().stopMoving()])
18173
- ]);
18174
- controlArray[1].run([
18175
- controlArray[1].action().setSpdAndAccel(0, -5, 0, 1, null, null),
18176
- controlArray[1].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[1].action().stopMoving()])
18177
- ]);
18178
- controlArray[2].run([
18179
- controlArray[2].action().setSpdAndAccel(6, -9, 0, 1, null, null),
18180
- controlArray[2].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[2].action().stopMoving()])
18181
- ]);
18182
- controlArray[3].run([
18183
- controlArray[3].action().setSpdAndAccel(-6, -7, 0, 1, null, null),
18184
- controlArray[3].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[3].action().stopMoving()])
18185
- ]);
18186
- controlArray[4].run([
18187
- controlArray[4].action().setSpdAndAccel(0, -8, 0, 1, null, null),
18188
- controlArray[4].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[4].action().stopMoving()])
18189
- ]);
18190
- controlArray[5].run([
18191
- controlArray[5].action().setSpdAndAccel(6, -7, 0, 1, null, null),
18192
- controlArray[5].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[5].action().stopMoving()])
18193
- ]);
18194
- controlArray[6].run([
18195
- controlArray[6].action().setSpdAndAccel(-6, -4, 0, 1, null, null),
18196
- controlArray[6].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[6].action().stopMoving()])
18197
- ]);
18198
- controlArray[7].run([
18199
- controlArray[7].action().setSpdAndAccel(0, -8, 0, 1, null, null),
18200
- controlArray[7].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[7].action().stopMoving()])
18201
- ]);
18202
- controlArray[8].run([
18203
- controlArray[8].action().setSpdAndAccel(2, -7, 0, 1, null, null),
18204
- controlArray[8].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[8].action().stopMoving()])
18205
- ]);
18206
- controlArray[9].run([
18207
- controlArray[9].action().setSpdAndAccel(6, -7, 0, 1, null, null),
18208
- controlArray[9].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[9].action().stopMoving()])
18209
- ]);
18210
- controlArray[10].run([
18211
- controlArray[10].action().setSpdAndAccel(4, -4, 0, 1, null, null),
18212
- controlArray[10].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[10].action().stopMoving()])
18213
- ]);
18214
- controlArray[11].run([
18215
- controlArray[11].action().setSpdAndAccel(6, -4, 0, 1, null, null),
18216
- controlArray[11].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[11].action().stopMoving()])
18217
- ]);
18218
- };
18219
- onMounted(() => {
18220
- for (let i = 0; i < refArray.length; i++) {
18221
- controlArray[i] = refArray[i].control;
18222
- }
18223
- if (props.onOff == true) {
18224
- MoveFunc();
18225
- }
18226
- });
18227
- return (_ctx, _cache) => {
18228
- return openBlock(), createElementBlock("div", {
18229
- style: normalizeStyle({
18230
- width: 1280,
18231
- height: 720,
18232
- transform: `scale3d(${props.displayWidth / 1280},${props.displayWidth / 1280},1)`,
18233
- transformOrigin: "left top"
18234
- })
18235
- }, [
18236
- (openBlock(true), createElementBlock(Fragment, null, renderList(props.ArraySet, (item, index) => {
18237
- return openBlock(), createBlock(unref(_sfc_main$C), {
18238
- ref_for: true,
18239
- ref: (el) => refArray[index] = el,
18240
- top: item.top,
18241
- left: item.left,
18242
- width: item.width,
18243
- height: item.height
18244
- }, {
18245
- default: withCtx(() => [
18246
- createVNode(JsvMaskClipDiv, {
18247
- style: normalizeStyle({
18248
- top: 0,
18249
- left: 0,
18250
- width: item.width,
18251
- height: item.height
18252
- }),
18253
- viewSrc: props.imageUrl,
18254
- maskSrc: item.url,
18255
- maskLeft: item.left / props.style.width,
18256
- maskTop: item.top / props.style.height,
18257
- maskWidth: item.width / props.style.width,
18258
- maskHeight: item.height / props.style.height
18259
- }, null, 8, ["style", "viewSrc", "maskSrc", "maskLeft", "maskTop", "maskWidth", "maskHeight"])
18260
- ]),
18261
- _: 2
18262
- }, 1032, ["top", "left", "width", "height"]);
18263
- }), 256))
18264
- ], 4);
18265
- };
18266
- }
18267
- };
18268
-
18269
18131
  //!
18270
18132
  //! utils/JsViewVueWidget/JsvEnableRenderBreak.vue;
18271
18133
  //!
@@ -21541,4 +21403,4 @@ if (!window.JsView) {
21541
21403
  //! utils/index.js;
21542
21404
  //!
21543
21405
 
21544
- export { BaseDispatcher, DECORATE_BORDER_RADIUS, DECORATE_NINEPATCH_ALPHA_MIX, DebugObjectRefer, DebugTools, DebugWrap81ErrorStack, DebugWrap81WarnStack, DefaultKeyCodeMap, EdgeDirection, FixPositionSlide, FocusMoveType, FreeMoveDef, FreeMoveFunc, HORIZONTAL, InputType, instance as JSBridge, JsvAccount, _sfc_main$D as JsvActorMove, JsvActorMoveControl, _JsvApic$1 as JsvApic, _JsvApic2$1 as JsvApic2, _JsvAudio as JsvAudio, _sfc_main$7 as JsvConnectLine, _sfc_main$4 as JsvEnableRenderBreak, _sfc_main$B as JsvEnvBlocker, _sfc_main$m as JsvFilterView, _sfc_main$A as JsvFlexDiv, _sfc_main$E as JsvFocusBlock, _sfc_main$C as JsvFreeMoveActor, JsvGrid, JsvNativeSharedDiv as JsvHole, JsvInput, _JsvLatex as JsvLatex, JsvLine, _sfc_main$j as JsvMarquee, JsvMaskClipDiv, _sfc_main$3 as JsvMindMap, JsvNativeSharedDiv, _sfc_main$h as JsvNinePatch, JsvPerformance, _sfc_main$8 as JsvPieChart, _JsvPlayer as JsvPlayer, _sfc_main$g as JsvPosterDiv, _sfc_main$f as JsvPosterImage, exportObj as JsvPreDownloader, JsvPreload, _sfc_main$6 as JsvProgressBar, _JsvQrcode$1 as JsvQrcode, _sfc_main$c as JsvRadarChart, _sfc_main$b as JsvRipple, JsvRippleShape, JsvScaleTextBox, _sfc_main$5 as JsvSceneTransition, _sfc_main$9 as JsvSector, JsvSoundPool, _JsvSpray$1 as JsvSpray, JsvSpriteAnim, _sfc_main$r as JsvSpriteLoader, JsvStyleClass, JsvStyleSheetsDeclarer, JsvSwiper, _sfc_main$o as JsvSwiper3D, _sfc_main$d as JsvTextBox, JsvTextStyleClass, _JsvTextureAnim$1 as JsvTextureAnim, sJsvTextureConst as JsvTextureConst, sTextureStoreApi as JsvTextureStoreApi, JsvNativeSharedDiv as JsvTransparentDiv, JsvVisibleSensor, LineType, _sfc_main$F as ListWidget, LoopType, METRO_WIDGET, METRO_WIDGET as METRO_WIDGET_CONST, _sfc_main$G as MetroWidget, PageType, RENDER_ITEM_BREAK_KEY, Dispatcher as SWidgetDispatcher, SeamlessSlide, _sfc_main$G as SimpleWidget, SlideSetting, SlideStyle, SpriteController, TexAlignAnchor, TextTools, TextureInstantType, VERTICAL, WholePageSlide, buildDownloadInfo, buildPreloadInfo, combinedStyles, createImpactAutoFroze, createImpactCallback, createImpactTracer, disableNativeViewListener, enableNativeViewListener, getCssStyleGroup, getJsvPlayerCapabilitySet, getJsvPlayerRunningNum, getKeyFramesGroup, getMeasureObj, getPositionRelativeToView, getTextWidth, globalLoadJsvAudioPlugin, globalLoadJsvLatexPlugin, globalLoadJsvPlayerPlugin, globalLoadSetOperator, globalPreLoadJsvPlayerPlugin, bridge as jJsvRuntimeBridge, jsvCreateFocusManager, jsvCreateHashHistory, numberCheckSet, setJsvPlayerDebugMode, toHtmlBorderSet, toNinePatchForgeViewSet, updateImpactAutoFroze, urlCheckSet, useFocusHub };
21406
+ export { BaseDispatcher, DECORATE_BORDER_RADIUS, DECORATE_NINEPATCH_ALPHA_MIX, DebugObjectRefer, DebugTools, DebugWrap81ErrorStack, DebugWrap81WarnStack, DefaultKeyCodeMap, EdgeDirection, FixPositionSlide, FocusMoveType, FreeMoveDef, FreeMoveFunc, HORIZONTAL, InputType, instance as JSBridge, JsvAccount, _sfc_main$C as JsvActorMove, JsvActorMoveControl, _JsvApic$1 as JsvApic, _JsvApic2$1 as JsvApic2, _JsvAudio as JsvAudio, _sfc_main$6 as JsvConnectLine, _sfc_main$4 as JsvEnableRenderBreak, _sfc_main$A as JsvEnvBlocker, _sfc_main$l as JsvFilterView, _sfc_main$z as JsvFlexDiv, _sfc_main$D as JsvFocusBlock, _sfc_main$B as JsvFreeMoveActor, JsvGrid, JsvNativeSharedDiv as JsvHole, JsvInput, _JsvLatex as JsvLatex, JsvLine, _sfc_main$i as JsvMarquee, JsvMaskClipDiv, _sfc_main$3 as JsvMindMap, JsvNativeSharedDiv, _sfc_main$g as JsvNinePatch, JsvPerformance, _sfc_main$7 as JsvPieChart, _JsvPlayer as JsvPlayer, _sfc_main$f as JsvPosterDiv, _sfc_main$e as JsvPosterImage, exportObj as JsvPreDownloader, JsvPreload, _sfc_main$5 as JsvProgressBar, _JsvQrcode$1 as JsvQrcode, _sfc_main$b as JsvRadarChart, _sfc_main$a as JsvRipple, JsvRippleShape, JsvScaleTextBox, _sfc_main$8 as JsvSector, JsvSoundPool, _JsvSpray$1 as JsvSpray, JsvSpriteAnim, _sfc_main$q as JsvSpriteLoader, JsvStyleClass, JsvStyleSheetsDeclarer, JsvSwiper, _sfc_main$n as JsvSwiper3D, _sfc_main$c as JsvTextBox, JsvTextStyleClass, _JsvTextureAnim$1 as JsvTextureAnim, sJsvTextureConst as JsvTextureConst, sTextureStoreApi as JsvTextureStoreApi, JsvNativeSharedDiv as JsvTransparentDiv, JsvVisibleSensor, LineType, _sfc_main$E as ListWidget, LoopType, METRO_WIDGET, METRO_WIDGET as METRO_WIDGET_CONST, _sfc_main$F as MetroWidget, PageType, RENDER_ITEM_BREAK_KEY, Dispatcher as SWidgetDispatcher, SeamlessSlide, _sfc_main$F as SimpleWidget, SlideSetting, SlideStyle, SpriteController, TexAlignAnchor, TextTools, TextureInstantType, VERTICAL, WholePageSlide, buildDownloadInfo, buildPreloadInfo, combinedStyles, createImpactAutoFroze, createImpactCallback, createImpactTracer, disableNativeViewListener, enableNativeViewListener, getCssStyleGroup, getJsvPlayerCapabilitySet, getJsvPlayerRunningNum, getKeyFramesGroup, getMeasureObj, getPositionRelativeToView, getTextWidth, globalLoadJsvAudioPlugin, globalLoadJsvLatexPlugin, globalLoadJsvPlayerPlugin, globalLoadSetOperator, globalPreLoadJsvPlayerPlugin, bridge as jJsvRuntimeBridge, jsvCreateFocusManager, jsvCreateHashHistory, numberCheckSet, setJsvPlayerDebugMode, toHtmlBorderSet, toNinePatchForgeViewSet, updateImpactAutoFroze, urlCheckSet, useFocusHub };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shijiu/jsview-vue",
3
- "version": "2.1.428",
3
+ "version": "2.1.448-test.0",
4
4
  "license": "MIT",
5
5
  "repository": "system/jsview-framework",
6
6
  "author": "mengxk",
@@ -38,7 +38,7 @@ class CanvasTexture extends TextureBase {
38
38
 
39
39
  /**
40
40
  * drawColor
41
- * 以给定颜色
41
+ * 将整个Canvas绘制成指定颜色
42
42
  *
43
43
  * @param {String} color 颜色设定,例如rgba(red:0~255, green:0~255, blue:0~255, alpla:0~1.0), 或则 #AARRGGBB
44
44
  */
@@ -85,7 +85,7 @@ class CanvasTexture extends TextureBase {
85
85
  }
86
86
 
87
87
  /**
88
- * CirclePath
88
+ * circlePath
89
89
  * 获得CirclePath操作对象,通过 stroke 或者 fill 来完成绘制
90
90
  *
91
91
  * @param {Number} centerX 圆心x
@@ -126,8 +126,9 @@ class CanvasTexture extends TextureBase {
126
126
  }
127
127
 
128
128
  /**
129
- * fillLinearGradient
130
- * 用渐变色填充一个矩形区域
129
+ * drawLinearGradientRect
130
+ * 用渐变色填充一个整个Canvas区域
131
+ * TODO: 后续如果有需求填充Canvas中子区域内容时,再加一个参数来指定填充区域
131
132
  *
132
133
  * @param {int} fromX 绘制起点X
133
134
  * @param {int} fromY 绘制起点Y
@@ -113,7 +113,7 @@ class ConditionPackBuilder {
113
113
  this._CommonInfoValid = false;
114
114
  let direction = 0;
115
115
  if (xEnable) { direction |= 1; }
116
- if (yEnable) { direction |= 2; }
116
+ if (yEnable) { direction |= 2; }
117
117
 
118
118
  return this._BuildPack(ConditionSetBuilder.StartMove(direction, this._CommonInfo));
119
119
  }
@@ -140,8 +140,8 @@ class ConditionPackBuilder {
140
140
  * OnNexusEvent
141
141
  * 响应 actRef 关联的 action 所发出的内部状态信息
142
142
  *
143
- * @param {NexusNode} nexusRecv 一个进行Action时传给action的空的{}, 内容被action内部填写
144
- * @param {number} detailEventType 监听的事件类型
143
+ * @param {NexusNode} nexusRecv FreeMoveFunc.newNexus() 创建, 作为通讯句柄,类似电话号,被fireNexusEvent调用
144
+ * @param {number} detailEventType 监听的事件类型, 类比与分机号,和fireNexusEvent发出的id约定, 自定义内容要求1000以上
145
145
  */
146
146
  onNexusEvent(nexusRecv: NexusNode, detailEventType: number): Object | null {
147
147
  // CommonInfo 只能使用一次,规避多次使用问题
@@ -93,6 +93,8 @@ class StatePackBuilder {
93
93
 
94
94
  /*
95
95
  * fireNexusEvent 发出Nexus event
96
+ * @param {NexusNode} nexusRecv 由 FreeMoveFunc.newNexus() 创建, 作为通讯句柄,类似电话号,在onNexusEvent监听
97
+ * @param {number} detailEventType 监听的事件类型, 类比与分机号,和onNexusEvent约定, 自定义内容要求1000以上
96
98
  */
97
99
  fireNexusEvent(nexusRecv: NexusNode, detailEventType: number) {
98
100
  return CmdPackBuilder.InitStateCmdPack(StateCmdBuilder.FireNexusEvent(detailEventType, nexusRecv.token));
@@ -49,7 +49,6 @@ export { default as JsvPieChart } from "./JsvPieChart.vue";
49
49
  export { default as JsvSector } from "./JsvSector.vue";
50
50
  export { default as JsvConnectLine } from "./JsvConnectLine";
51
51
  export { default as JsvProgressBar } from "./JsvProgressBar.vue"
52
- export { default as JsvSceneTransition } from "./JsvSceneTransition.vue"
53
52
  //! 合并透过层样例, 更便于有声音无画面问题的调试
54
53
  import JsvNativeSharedDiv from "./JsvNativeSharedDiv.vue";
55
54
  export {
@@ -1,174 +0,0 @@
1
- <!--
2
- * 【模块 export 内容】
3
- * JsvSceneTransition:场景过渡组件。
4
- * props说明:
5
- * imageUrl {String} (必填) 显示图片的加载地址
6
- * displayWidth {Number} (必填) 想要展示的宽度
7
- * ArraySet {Array} (必填) 模板配置项,包括:每个模块的width,height,left,top,url
8
- * style {Object} (必填) 横纵模板总长度和总宽度。(width,height)
9
- * onOff {Boolean} (必填) 组件挂载好后是否立即动画的开关,后续可通过改值为true开启。
10
- -->
11
-
12
- <template>
13
- <div
14
- :style="{
15
- width: 1280,
16
- height: 720,
17
- transform: `scale3d(${props.displayWidth / 1280},${
18
- props.displayWidth / 1280
19
- },1)`,
20
- transformOrigin: 'left top',
21
- }"
22
- >
23
- <jsv-free-move-actor
24
- v-for="(item, index) in props.ArraySet"
25
- :ref="(el) => (refArray[index] = el)"
26
- :top="item.top"
27
- :left="item.left"
28
- :width="item.width"
29
- :height="item.height"
30
- >
31
- <jsv-mask-clip-div
32
- :style="{
33
- top: 0,
34
- left: 0,
35
- width: item.width,
36
- height: item.height,
37
- }"
38
- :viewSrc="props.imageUrl"
39
- :maskSrc="item.url"
40
- :maskLeft="item.left / props.style.width"
41
- :maskTop="item.top / props.style.height"
42
- :maskWidth="item.width / props.style.width"
43
- :maskHeight="item.height / props.style.height"
44
- />
45
- </jsv-free-move-actor>
46
- </div>
47
- </template>
48
-
49
- <script setup>
50
- import JsvMaskClipDiv from "./JsvMaskClipDiv.vue";
51
- import { JsvFreeMoveActor } from "./JsvFreeMoveActor";
52
- import { onMounted, onBeforeUnmount, watch, shallowRef } from "vue";
53
-
54
- const props = defineProps({
55
- imageUrl: { type: String, require: true },
56
- displayWidth: { type: Number, require: true },
57
- ArraySet: { type: Array, require: true },
58
- style: { type: Object, require: true },
59
- onOff: { type: Boolean, require: true },
60
- });
61
-
62
- //12个FreeMove引用
63
- const refArray = [];
64
- const controlArray = new Array(props.ArraySet.length).fill(null);
65
-
66
- //监听控制开关的值
67
- watch(
68
- () => props.onOff,
69
- (n, o) => {
70
- if (n == true) {
71
- MoveFunc();
72
- }
73
- }
74
- );
75
-
76
- //运动函数
77
- const MoveFunc = () => {
78
- controlArray[0].run([
79
- controlArray[0].action().setSpdAndAccel(-6, -9, 0, 1, null, null),
80
- controlArray[0]
81
- .condition()
82
- .reachPosition(undefined, props.style.height + 100)
83
- .then([controlArray[0].action().stopMoving()]),
84
- ]);
85
-
86
- controlArray[1].run([
87
- controlArray[1].action().setSpdAndAccel(0, -5, 0, 1, null, null),
88
- controlArray[1]
89
- .condition()
90
- .reachPosition(undefined, props.style.height + 100)
91
- .then([controlArray[1].action().stopMoving()]),
92
- ]);
93
- controlArray[2].run([
94
- controlArray[2].action().setSpdAndAccel(6, -9, 0, 1, null, null),
95
- controlArray[2]
96
- .condition()
97
- .reachPosition(undefined, props.style.height + 100)
98
- .then([controlArray[2].action().stopMoving()]),
99
- ]);
100
- controlArray[3].run([
101
- controlArray[3].action().setSpdAndAccel(-6, -7, 0, 1, null, null),
102
- controlArray[3]
103
- .condition()
104
- .reachPosition(undefined, props.style.height + 100)
105
- .then([controlArray[3].action().stopMoving()]),
106
- ]);
107
- controlArray[4].run([
108
- controlArray[4].action().setSpdAndAccel(0, -8, 0, 1, null, null),
109
- controlArray[4]
110
- .condition()
111
- .reachPosition(undefined, props.style.height + 100)
112
- .then([controlArray[4].action().stopMoving()]),
113
- ]);
114
- controlArray[5].run([
115
- controlArray[5].action().setSpdAndAccel(6, -7, 0, 1, null, null),
116
- controlArray[5]
117
- .condition()
118
- .reachPosition(undefined, props.style.height + 100)
119
- .then([controlArray[5].action().stopMoving()]),
120
- ]);
121
- controlArray[6].run([
122
- controlArray[6].action().setSpdAndAccel(-6, -4, 0, 1, null, null),
123
- controlArray[6]
124
- .condition()
125
- .reachPosition(undefined, props.style.height + 100)
126
- .then([controlArray[6].action().stopMoving()]),
127
- ]);
128
- controlArray[7].run([
129
- controlArray[7].action().setSpdAndAccel(0, -8, 0, 1, null, null),
130
- controlArray[7]
131
- .condition()
132
- .reachPosition(undefined, props.style.height + 100)
133
- .then([controlArray[7].action().stopMoving()]),
134
- ]);
135
- controlArray[8].run([
136
- controlArray[8].action().setSpdAndAccel(2, -7, 0, 1, null, null),
137
- controlArray[8]
138
- .condition()
139
- .reachPosition(undefined, props.style.height + 100)
140
- .then([controlArray[8].action().stopMoving()]),
141
- ]);
142
- controlArray[9].run([
143
- controlArray[9].action().setSpdAndAccel(6, -7, 0, 1, null, null),
144
- controlArray[9]
145
- .condition()
146
- .reachPosition(undefined, props.style.height + 100)
147
- .then([controlArray[9].action().stopMoving()]),
148
- ]);
149
- controlArray[10].run([
150
- controlArray[10].action().setSpdAndAccel(4, -4, 0, 1, null, null),
151
- controlArray[10]
152
- .condition()
153
- .reachPosition(undefined, props.style.height + 100)
154
- .then([controlArray[10].action().stopMoving()]),
155
- ]);
156
- controlArray[11].run([
157
- controlArray[11].action().setSpdAndAccel(6, -4, 0, 1, null, null),
158
- controlArray[11]
159
- .condition()
160
- .reachPosition(undefined, props.style.height + 100)
161
- .then([controlArray[11].action().stopMoving()]),
162
- ]);
163
- };
164
- onMounted(() => {
165
- for (let i = 0; i < refArray.length; i++) {
166
- controlArray[i] = refArray[i].control;
167
- }
168
- if (props.onOff == true) {
169
- MoveFunc();
170
- }
171
- });
172
- </script>
173
-
174
- <style scoped></style>