@shijiu/jsview-vue 2.1.428 → 2.1.435
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.
package/bin/jsview-vue.mjs
CHANGED
|
@@ -5180,7 +5180,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
|
|
|
5180
5180
|
|
|
5181
5181
|
|
|
5182
5182
|
*/
|
|
5183
|
-
const _sfc_main$
|
|
5183
|
+
const _sfc_main$G = {
|
|
5184
5184
|
__name: "SlotComponent",
|
|
5185
5185
|
setup(__props) {
|
|
5186
5186
|
onBeforeUpdate(() => {
|
|
@@ -5440,7 +5440,7 @@ const _sfc_main$H = {
|
|
|
5440
5440
|
|
|
5441
5441
|
|
|
5442
5442
|
*/
|
|
5443
|
-
const _sfc_main$
|
|
5443
|
+
const _sfc_main$F = {
|
|
5444
5444
|
__name: "MetroWidget",
|
|
5445
5445
|
props: {
|
|
5446
5446
|
padding: {
|
|
@@ -5703,7 +5703,7 @@ const _sfc_main$G = {
|
|
|
5703
5703
|
ref: item.slotRef,
|
|
5704
5704
|
id: `${__props.name}_${index}`
|
|
5705
5705
|
}, [
|
|
5706
|
-
createVNode(_sfc_main$
|
|
5706
|
+
createVNode(_sfc_main$G, { key: "__QcodeJsviewFreezeComponent" }, {
|
|
5707
5707
|
default: withCtx(() => [
|
|
5708
5708
|
renderSlot(_ctx.$slots, "renderItem", {
|
|
5709
5709
|
data: item.customerData,
|
|
@@ -5752,7 +5752,7 @@ const _sfc_main$G = {
|
|
|
5752
5752
|
|
|
5753
5753
|
|
|
5754
5754
|
*/
|
|
5755
|
-
const _sfc_main$
|
|
5755
|
+
const _sfc_main$E = {
|
|
5756
5756
|
__name: "ListWidget",
|
|
5757
5757
|
props: {
|
|
5758
5758
|
padding: {
|
|
@@ -6198,7 +6198,7 @@ const HUB_NS_PROVIDE_NAME = "__jsvFocusNameSpace__";
|
|
|
6198
6198
|
|
|
6199
6199
|
|
|
6200
6200
|
*/
|
|
6201
|
-
const _sfc_main$
|
|
6201
|
+
const _sfc_main$D = {
|
|
6202
6202
|
__name: "JsvFocusBlock",
|
|
6203
6203
|
props: {
|
|
6204
6204
|
name: String,
|
|
@@ -6406,7 +6406,7 @@ class JsvFocusManager {
|
|
|
6406
6406
|
}
|
|
6407
6407
|
const doAppMount = this.$_hookMount(app, options[0]);
|
|
6408
6408
|
app.mount = doAppMount;
|
|
6409
|
-
app.component("JsvFocusBlock", _sfc_main$
|
|
6409
|
+
app.component("JsvFocusBlock", _sfc_main$D);
|
|
6410
6410
|
app.config.globalProperties.$jsvFocusManager = this;
|
|
6411
6411
|
app.provide(HUB_NS_PROVIDE_NAME, null);
|
|
6412
6412
|
app.provide(ROOT_HUB_PROVIDE_NAME, new JsvFocusHubApi(this.$_topFDiv.getHub()));
|
|
@@ -8830,7 +8830,7 @@ class JsvActorMoveControl extends ActorControlBase {
|
|
|
8830
8830
|
|
|
8831
8831
|
|
|
8832
8832
|
*/
|
|
8833
|
-
const _sfc_main$
|
|
8833
|
+
const _sfc_main$C = {
|
|
8834
8834
|
__name: "JsvActorMove",
|
|
8835
8835
|
props: {
|
|
8836
8836
|
control: {
|
|
@@ -8883,7 +8883,7 @@ const _sfc_main$D = {
|
|
|
8883
8883
|
|
|
8884
8884
|
|
|
8885
8885
|
*/
|
|
8886
|
-
const _sfc_main$
|
|
8886
|
+
const _sfc_main$B = {
|
|
8887
8887
|
__name: "FreeMoveActor",
|
|
8888
8888
|
props: {
|
|
8889
8889
|
// 设置给父节点,动画节点必须top/left为0, 以保证PC端模拟通过style直接获取当前位置信息的逻辑能通过
|
|
@@ -8969,7 +8969,7 @@ const KeepFlags = {
|
|
|
8969
8969
|
|
|
8970
8970
|
|
|
8971
8971
|
*/
|
|
8972
|
-
const _sfc_main$
|
|
8972
|
+
const _sfc_main$A = {
|
|
8973
8973
|
__name: "JsvEnvBlocker",
|
|
8974
8974
|
props: {
|
|
8975
8975
|
// (支持reactive)位置信息
|
|
@@ -9119,7 +9119,7 @@ let FreeMoveFunc = {
|
|
|
9119
9119
|
|
|
9120
9120
|
|
|
9121
9121
|
*/
|
|
9122
|
-
const _sfc_main$
|
|
9122
|
+
const _sfc_main$z = {
|
|
9123
9123
|
__name: "JsvFlexDiv",
|
|
9124
9124
|
props: {
|
|
9125
9125
|
style: Object,
|
|
@@ -9240,7 +9240,7 @@ window.JsvCode.ForgeHandles.listenToReady(() => {
|
|
|
9240
9240
|
|
|
9241
9241
|
|
|
9242
9242
|
*/
|
|
9243
|
-
const _sfc_main$
|
|
9243
|
+
const _sfc_main$y = {
|
|
9244
9244
|
props: {
|
|
9245
9245
|
src: String,
|
|
9246
9246
|
style: Object,
|
|
@@ -9341,7 +9341,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
9341
9341
|
style: normalizeStyle($props.style)
|
|
9342
9342
|
}, null, 12, ["src"]);
|
|
9343
9343
|
}
|
|
9344
|
-
const JsvApic = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
9344
|
+
const JsvApic = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$c]]);
|
|
9345
9345
|
|
|
9346
9346
|
//!
|
|
9347
9347
|
//! utils/JsViewVueWidget/JsvApic/JsvApic/index.js;
|
|
@@ -9392,7 +9392,7 @@ const _JsvApic$1 = _JsvApic;
|
|
|
9392
9392
|
|
|
9393
9393
|
|
|
9394
9394
|
*/
|
|
9395
|
-
const _sfc_main$
|
|
9395
|
+
const _sfc_main$x = {
|
|
9396
9396
|
props: {
|
|
9397
9397
|
src: String,
|
|
9398
9398
|
style: Object,
|
|
@@ -9490,7 +9490,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
9490
9490
|
style: normalizeStyle($props.style)
|
|
9491
9491
|
}, null, 12, ["src"]);
|
|
9492
9492
|
}
|
|
9493
|
-
const JsvApic2 = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
9493
|
+
const JsvApic2 = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$b]]);
|
|
9494
9494
|
|
|
9495
9495
|
//!
|
|
9496
9496
|
//! utils/JsViewVueWidget/JsvApic/JsvApic2/index.js;
|
|
@@ -9517,7 +9517,7 @@ const _JsvApic2$1 = _JsvApic2;
|
|
|
9517
9517
|
|
|
9518
9518
|
|
|
9519
9519
|
*/
|
|
9520
|
-
const _sfc_main$
|
|
9520
|
+
const _sfc_main$w = {
|
|
9521
9521
|
props: {
|
|
9522
9522
|
left: {
|
|
9523
9523
|
type: Number,
|
|
@@ -9571,7 +9571,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
9571
9571
|
})
|
|
9572
9572
|
}, null, 4);
|
|
9573
9573
|
}
|
|
9574
|
-
const CursorVue = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
9574
|
+
const CursorVue = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$a]]);
|
|
9575
9575
|
|
|
9576
9576
|
//!
|
|
9577
9577
|
//! utils/JsViewVueWidget/JsvInput/JsvInput.vue;
|
|
@@ -9599,7 +9599,7 @@ const edgeMap = {
|
|
|
9599
9599
|
40: EdgeDirection.bottom
|
|
9600
9600
|
};
|
|
9601
9601
|
const MAX_WIDTH = 1920;
|
|
9602
|
-
const _sfc_main$
|
|
9602
|
+
const _sfc_main$v = {
|
|
9603
9603
|
components: {
|
|
9604
9604
|
CursorVue
|
|
9605
9605
|
},
|
|
@@ -10202,7 +10202,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10202
10202
|
_: 1
|
|
10203
10203
|
}, 8, ["name", "onAction", "style"]);
|
|
10204
10204
|
}
|
|
10205
|
-
const JsvInput = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
10205
|
+
const JsvInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$9]]);
|
|
10206
10206
|
|
|
10207
10207
|
//!
|
|
10208
10208
|
//! utils/JsViewVueWidget/JsvInput/index.js;
|
|
@@ -10273,7 +10273,7 @@ const buildDownloadInfo$1 = (url, net_setting = null, get_image_size) => {
|
|
|
10273
10273
|
// 用于格式校验
|
|
10274
10274
|
};
|
|
10275
10275
|
};
|
|
10276
|
-
const _sfc_main$
|
|
10276
|
+
const _sfc_main$u = {
|
|
10277
10277
|
__name: "JsvPreload",
|
|
10278
10278
|
props: {
|
|
10279
10279
|
preloadList: Object,
|
|
@@ -10554,7 +10554,7 @@ const _sfc_main$v = {
|
|
|
10554
10554
|
//! 考虑到.vue文件除了export default的component外,还有可能export其他对象,因此使用import * as
|
|
10555
10555
|
let _JsvPreload;
|
|
10556
10556
|
if (window.JsView) {
|
|
10557
|
-
_JsvPreload = _sfc_main$
|
|
10557
|
+
_JsvPreload = _sfc_main$u;
|
|
10558
10558
|
} else {
|
|
10559
10559
|
const BrowserPreload = await import('./browser/BrowserPreload.vue.mjs');
|
|
10560
10560
|
_JsvPreload = BrowserPreload.default;
|
|
@@ -10597,7 +10597,7 @@ class TextureInstantType {
|
|
|
10597
10597
|
|
|
10598
10598
|
|
|
10599
10599
|
*/
|
|
10600
|
-
const _sfc_main$
|
|
10600
|
+
const _sfc_main$t = {
|
|
10601
10601
|
props: {
|
|
10602
10602
|
value: String,
|
|
10603
10603
|
size: Number,
|
|
@@ -10732,7 +10732,7 @@ const _sfc_main$u = {
|
|
|
10732
10732
|
function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
10733
10733
|
return openBlock(), createElementBlock("div", { "data-jsv-vw-innerview": $data.innerViewId }, null, 8, ["data-jsv-vw-innerview"]);
|
|
10734
10734
|
}
|
|
10735
|
-
const JsvQrcode = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
10735
|
+
const JsvQrcode = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$8]]);
|
|
10736
10736
|
|
|
10737
10737
|
//!
|
|
10738
10738
|
//! utils/JsViewVueWidget/JsvQrcode/index.js;
|
|
@@ -10860,7 +10860,7 @@ let buildForgeView = (pointRes, sprayStyle, sizeRef, ignoreClip) => {
|
|
|
10860
10860
|
sizeRef.height = view_height;
|
|
10861
10861
|
return Forge$1.sViewStore.add(new Forge$1.ViewInfo(spray_view, null));
|
|
10862
10862
|
};
|
|
10863
|
-
const _sfc_main$
|
|
10863
|
+
const _sfc_main$s = {
|
|
10864
10864
|
props: {
|
|
10865
10865
|
pointRes: {
|
|
10866
10866
|
type: String,
|
|
@@ -10919,7 +10919,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10919
10919
|
"data-jsv-vw-innerview": $data.viewId
|
|
10920
10920
|
}, null, 12, ["data-jsv-vw-innerview"]);
|
|
10921
10921
|
}
|
|
10922
|
-
const JsvSpray = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
10922
|
+
const JsvSpray = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$7]]);
|
|
10923
10923
|
|
|
10924
10924
|
//!
|
|
10925
10925
|
//! utils/JsViewVueWidget/JsvSpray/index.js;
|
|
@@ -11190,7 +11190,7 @@ const JsvSpriteAnim_vue_vue_type_style_index_0_scoped_fa78d758_lang = "";
|
|
|
11190
11190
|
|
|
11191
11191
|
|
|
11192
11192
|
*/
|
|
11193
|
-
const _sfc_main$
|
|
11193
|
+
const _sfc_main$r = {
|
|
11194
11194
|
__name: "JsvSpriteAnim",
|
|
11195
11195
|
props: {
|
|
11196
11196
|
spriteInfo: Object,
|
|
@@ -11471,7 +11471,7 @@ const _sfc_main$s = {
|
|
|
11471
11471
|
};
|
|
11472
11472
|
const styleSheetsContent$1 = { "0": { "sprite-tag-fa78d758": "@keyframes sprite-tag-fa78d758 {}" } };
|
|
11473
11473
|
window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$1);
|
|
11474
|
-
const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11474
|
+
const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-fa78d758"]]);
|
|
11475
11475
|
|
|
11476
11476
|
//!
|
|
11477
11477
|
//! utils/JsViewVueWidget/JsvSpriteAnim/JsvSpriteLoader.vue;
|
|
@@ -11491,7 +11491,7 @@ const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "d
|
|
|
11491
11491
|
|
|
11492
11492
|
|
|
11493
11493
|
*/
|
|
11494
|
-
const _sfc_main$
|
|
11494
|
+
const _sfc_main$q = {
|
|
11495
11495
|
__name: "JsvSpriteLoader",
|
|
11496
11496
|
props: {
|
|
11497
11497
|
imageUrl: String,
|
|
@@ -11670,7 +11670,7 @@ class SpriteController {
|
|
|
11670
11670
|
|
|
11671
11671
|
|
|
11672
11672
|
*/
|
|
11673
|
-
const _sfc_main$
|
|
11673
|
+
const _sfc_main$p = {
|
|
11674
11674
|
__name: "JsvVisibleSensor",
|
|
11675
11675
|
props: {
|
|
11676
11676
|
// (支持reactive)可视区域设定
|
|
@@ -11793,7 +11793,7 @@ const _sfc_main$q = {
|
|
|
11793
11793
|
|
|
11794
11794
|
var JsvVisibleSensor$1 = /*#__PURE__*/Object.freeze({
|
|
11795
11795
|
__proto__: null,
|
|
11796
|
-
default: _sfc_main$
|
|
11796
|
+
default: _sfc_main$p
|
|
11797
11797
|
});
|
|
11798
11798
|
|
|
11799
11799
|
//!
|
|
@@ -11868,8 +11868,8 @@ const keyCode2EdgeDirection = (keyCode) => {
|
|
|
11868
11868
|
return null;
|
|
11869
11869
|
}
|
|
11870
11870
|
};
|
|
11871
|
-
const _sfc_main$
|
|
11872
|
-
components: { JsvActorMove: _sfc_main$
|
|
11871
|
+
const _sfc_main$o = {
|
|
11872
|
+
components: { JsvActorMove: _sfc_main$C, JsvVisibleSensor },
|
|
11873
11873
|
props: {
|
|
11874
11874
|
showIndicator: {
|
|
11875
11875
|
type: Boolean,
|
|
@@ -12350,7 +12350,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12350
12350
|
}, 8, ["name", "style", "onAction"])
|
|
12351
12351
|
], 64);
|
|
12352
12352
|
}
|
|
12353
|
-
const JsvSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
12353
|
+
const JsvSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$6]]);
|
|
12354
12354
|
|
|
12355
12355
|
//!
|
|
12356
12356
|
//! utils/JsViewVueWidget/JsvSwiper/index.js;
|
|
@@ -12383,7 +12383,7 @@ const JsvSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_rend
|
|
|
12383
12383
|
|
|
12384
12384
|
|
|
12385
12385
|
*/
|
|
12386
|
-
const _sfc_main$
|
|
12386
|
+
const _sfc_main$n = {
|
|
12387
12387
|
__name: "JsvSwiper",
|
|
12388
12388
|
props: {
|
|
12389
12389
|
dispNumber: { type: Number, require: true },
|
|
@@ -12885,7 +12885,7 @@ const TexAlignAnchor$1 = {
|
|
|
12885
12885
|
CENTER_BOTTOM: 8,
|
|
12886
12886
|
RIGHT_BOTTOM: 9
|
|
12887
12887
|
};
|
|
12888
|
-
const _sfc_main$
|
|
12888
|
+
const _sfc_main$m = {
|
|
12889
12889
|
props: {
|
|
12890
12890
|
src: String,
|
|
12891
12891
|
top: Number,
|
|
@@ -13157,7 +13157,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13157
13157
|
"data-jsv-vw-innerview": $setup.innerViewId
|
|
13158
13158
|
}, null, 12, ["data-jsv-vw-innerview"]);
|
|
13159
13159
|
}
|
|
13160
|
-
const JsvTextureAnim = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
13160
|
+
const JsvTextureAnim = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$5]]);
|
|
13161
13161
|
|
|
13162
13162
|
//!
|
|
13163
13163
|
//! utils/JsViewVueWidget/JsvTextureAnim/index.js;
|
|
@@ -13190,7 +13190,7 @@ const TexAlignAnchor = TexAlignAnchor$1;
|
|
|
13190
13190
|
|
|
13191
13191
|
|
|
13192
13192
|
*/
|
|
13193
|
-
const _sfc_main$
|
|
13193
|
+
const _sfc_main$l = {
|
|
13194
13194
|
__name: "JsvFilterView",
|
|
13195
13195
|
props: {
|
|
13196
13196
|
width: {
|
|
@@ -13343,7 +13343,7 @@ class LineType extends UpdateType {
|
|
|
13343
13343
|
this.end = end;
|
|
13344
13344
|
}
|
|
13345
13345
|
}
|
|
13346
|
-
const _sfc_main$
|
|
13346
|
+
const _sfc_main$k = {
|
|
13347
13347
|
props: {
|
|
13348
13348
|
left: {
|
|
13349
13349
|
type: Number
|
|
@@ -13843,7 +13843,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13843
13843
|
_: 3
|
|
13844
13844
|
}, 8, ["name", "onAction", "style"]);
|
|
13845
13845
|
}
|
|
13846
|
-
const JsvGrid = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
13846
|
+
const JsvGrid = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$4]]);
|
|
13847
13847
|
|
|
13848
13848
|
//!
|
|
13849
13849
|
//! utils/JsViewVueWidget/JsvNativeSharedDiv.vue;
|
|
@@ -13860,7 +13860,7 @@ const JsvGrid = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render
|
|
|
13860
13860
|
|
|
13861
13861
|
|
|
13862
13862
|
*/
|
|
13863
|
-
const _sfc_main$
|
|
13863
|
+
const _sfc_main$j = {
|
|
13864
13864
|
props: {
|
|
13865
13865
|
style: {
|
|
13866
13866
|
type: Object,
|
|
@@ -13937,7 +13937,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13937
13937
|
renderSlot(_ctx.$slots, "default")
|
|
13938
13938
|
], 4));
|
|
13939
13939
|
}
|
|
13940
|
-
const JsvNativeSharedDiv = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
13940
|
+
const JsvNativeSharedDiv = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$3]]);
|
|
13941
13941
|
|
|
13942
13942
|
//!
|
|
13943
13943
|
//! utils/JsViewVueWidget/JsvHole.js;
|
|
@@ -15744,7 +15744,7 @@ let sTextureStoreApi = {
|
|
|
15744
15744
|
|
|
15745
15745
|
|
|
15746
15746
|
*/
|
|
15747
|
-
const _sfc_main$
|
|
15747
|
+
const _sfc_main$i = {
|
|
15748
15748
|
__name: "JsvMarquee",
|
|
15749
15749
|
props: {
|
|
15750
15750
|
text: {
|
|
@@ -16150,7 +16150,7 @@ const _sfc_main$j = {
|
|
|
16150
16150
|
|
|
16151
16151
|
|
|
16152
16152
|
*/
|
|
16153
|
-
const _sfc_main$
|
|
16153
|
+
const _sfc_main$h = {
|
|
16154
16154
|
props: {
|
|
16155
16155
|
class: {
|
|
16156
16156
|
type: String
|
|
@@ -16325,7 +16325,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
16325
16325
|
})
|
|
16326
16326
|
}, null, 12, ["data-jsv-vw-innerview"]));
|
|
16327
16327
|
}
|
|
16328
|
-
const JsvMaskClipDiv = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
16328
|
+
const JsvMaskClipDiv = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$2]]);
|
|
16329
16329
|
|
|
16330
16330
|
//!
|
|
16331
16331
|
//! utils/JsViewVueWidget/JsvNinePatch.vue;
|
|
@@ -16353,7 +16353,7 @@ const JsvMaskClipDiv = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc
|
|
|
16353
16353
|
|
|
16354
16354
|
|
|
16355
16355
|
*/
|
|
16356
|
-
const _sfc_main$
|
|
16356
|
+
const _sfc_main$g = {
|
|
16357
16357
|
__name: "JsvNinePatch",
|
|
16358
16358
|
props: {
|
|
16359
16359
|
style: {
|
|
@@ -16450,7 +16450,7 @@ const _sfc_main$h = {
|
|
|
16450
16450
|
|
|
16451
16451
|
|
|
16452
16452
|
*/
|
|
16453
|
-
const _sfc_main$
|
|
16453
|
+
const _sfc_main$f = {
|
|
16454
16454
|
__name: "JsvPosterDiv",
|
|
16455
16455
|
props: {
|
|
16456
16456
|
style: Object
|
|
@@ -16500,7 +16500,7 @@ const _sfc_main$g = {
|
|
|
16500
16500
|
|
|
16501
16501
|
|
|
16502
16502
|
*/
|
|
16503
|
-
const _sfc_main$
|
|
16503
|
+
const _sfc_main$e = {
|
|
16504
16504
|
__name: "JsvPosterImage",
|
|
16505
16505
|
props: {
|
|
16506
16506
|
colorSpace: {
|
|
@@ -16583,7 +16583,7 @@ const _sfc_main$f = {
|
|
|
16583
16583
|
|
|
16584
16584
|
|
|
16585
16585
|
*/
|
|
16586
|
-
const _sfc_main$
|
|
16586
|
+
const _sfc_main$d = {
|
|
16587
16587
|
props: {
|
|
16588
16588
|
definitionScale: {
|
|
16589
16589
|
type: String
|
|
@@ -16595,7 +16595,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
16595
16595
|
renderSlot(_ctx.$slots, "default")
|
|
16596
16596
|
], 8, ["data-jsv-vw-text-definition"]);
|
|
16597
16597
|
}
|
|
16598
|
-
const JsvScaleTextBox = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
16598
|
+
const JsvScaleTextBox = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$1]]);
|
|
16599
16599
|
|
|
16600
16600
|
//!
|
|
16601
16601
|
//! utils/JsViewVueWidget/JsvSoundPool.js;
|
|
@@ -16826,7 +16826,7 @@ class JsvSoundPool {
|
|
|
16826
16826
|
/*! <!--
|
|
16827
16827
|
* Created by chunfeng.luo@qcast.cn on 10/13/20.
|
|
16828
16828
|
*/
|
|
16829
|
-
const _sfc_main$
|
|
16829
|
+
const _sfc_main$c = {
|
|
16830
16830
|
__name: "JsvTextBox",
|
|
16831
16831
|
props: {
|
|
16832
16832
|
style: Object,
|
|
@@ -16859,7 +16859,7 @@ const _sfc_main$d = {
|
|
|
16859
16859
|
}
|
|
16860
16860
|
});
|
|
16861
16861
|
return (_ctx, _cache) => {
|
|
16862
|
-
return openBlock(), createBlock(unref(_sfc_main$
|
|
16862
|
+
return openBlock(), createBlock(unref(_sfc_main$z), {
|
|
16863
16863
|
style: normalizeStyle({
|
|
16864
16864
|
...props.style,
|
|
16865
16865
|
flexDirection: "row",
|
|
@@ -16906,7 +16906,7 @@ const _sfc_main$d = {
|
|
|
16906
16906
|
-->
|
|
16907
16907
|
|
|
16908
16908
|
*/
|
|
16909
|
-
const _sfc_main$
|
|
16909
|
+
const _sfc_main$b = {
|
|
16910
16910
|
__name: "JsvRadarChart",
|
|
16911
16911
|
props: {
|
|
16912
16912
|
style: {
|
|
@@ -17150,7 +17150,7 @@ const JsvRippleShape = {
|
|
|
17150
17150
|
|
|
17151
17151
|
|
|
17152
17152
|
*/
|
|
17153
|
-
const _sfc_main$
|
|
17153
|
+
const _sfc_main$a = {
|
|
17154
17154
|
__name: "JsvRipple",
|
|
17155
17155
|
props: {
|
|
17156
17156
|
width: {
|
|
@@ -17324,7 +17324,7 @@ const JsvLine_vue_vue_type_style_index_0_scoped_10b9ebcf_lang = "";
|
|
|
17324
17324
|
|
|
17325
17325
|
|
|
17326
17326
|
*/
|
|
17327
|
-
const _sfc_main$
|
|
17327
|
+
const _sfc_main$9 = {
|
|
17328
17328
|
__name: "JsvLine",
|
|
17329
17329
|
props: {
|
|
17330
17330
|
startPos: { type: Object, require: true },
|
|
@@ -17385,7 +17385,7 @@ const _sfc_main$a = {
|
|
|
17385
17385
|
};
|
|
17386
17386
|
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
17387
|
window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
|
|
17388
|
-
const JsvLine = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
17388
|
+
const JsvLine = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-10b9ebcf"]]);
|
|
17389
17389
|
|
|
17390
17390
|
//!
|
|
17391
17391
|
//! utils/JsViewVueWidget/JsvLine/index.js;
|
|
@@ -17411,7 +17411,7 @@ const JsvLine = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-
|
|
|
17411
17411
|
|
|
17412
17412
|
|
|
17413
17413
|
*/
|
|
17414
|
-
const _sfc_main$
|
|
17414
|
+
const _sfc_main$8 = {
|
|
17415
17415
|
__name: "JsvSector",
|
|
17416
17416
|
props: {
|
|
17417
17417
|
centerPosition: { type: Object, require: true },
|
|
@@ -17525,7 +17525,7 @@ const _sfc_main$9 = {
|
|
|
17525
17525
|
|
|
17526
17526
|
|
|
17527
17527
|
*/
|
|
17528
|
-
const _sfc_main$
|
|
17528
|
+
const _sfc_main$7 = {
|
|
17529
17529
|
__name: "JsvPieChart",
|
|
17530
17530
|
props: {
|
|
17531
17531
|
centerPosition: { type: Object, required: true },
|
|
@@ -17611,7 +17611,7 @@ const _sfc_main$8 = {
|
|
|
17611
17611
|
}, [
|
|
17612
17612
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(finalData).slice().reverse(), (item, index) => {
|
|
17613
17613
|
return openBlock(), createElementBlock("div", null, [
|
|
17614
|
-
(openBlock(), createBlock(_sfc_main$
|
|
17614
|
+
(openBlock(), createBlock(_sfc_main$8, {
|
|
17615
17615
|
radius: props.radius,
|
|
17616
17616
|
config: {
|
|
17617
17617
|
startAngle: Number(item.startAngle),
|
|
@@ -17719,7 +17719,7 @@ class ConnectLineTexture {
|
|
|
17719
17719
|
|
|
17720
17720
|
|
|
17721
17721
|
*/
|
|
17722
|
-
const _sfc_main$
|
|
17722
|
+
const _sfc_main$6 = {
|
|
17723
17723
|
__name: "JsvConnectLine",
|
|
17724
17724
|
props: {
|
|
17725
17725
|
startPos: {
|
|
@@ -17987,7 +17987,7 @@ const _sfc_main$7 = {
|
|
|
17987
17987
|
|
|
17988
17988
|
|
|
17989
17989
|
*/
|
|
17990
|
-
const _sfc_main$
|
|
17990
|
+
const _sfc_main$5 = {
|
|
17991
17991
|
__name: "JsvProgressBar",
|
|
17992
17992
|
props: {
|
|
17993
17993
|
width: { type: Number, required: true },
|
|
@@ -18064,7 +18064,7 @@ const _sfc_main$6 = {
|
|
|
18064
18064
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
18065
18065
|
props.isCanvas ? (openBlock(), createElementBlock("div", { key: 0 }, [
|
|
18066
18066
|
withDirectives(createElementVNode("div", null, [
|
|
18067
|
-
createVNode(_sfc_main$
|
|
18067
|
+
createVNode(_sfc_main$g, {
|
|
18068
18068
|
style: normalizeStyle({
|
|
18069
18069
|
left: 0,
|
|
18070
18070
|
top: 0,
|
|
@@ -18106,7 +18106,7 @@ const _sfc_main$6 = {
|
|
|
18106
18106
|
}, null, 4)
|
|
18107
18107
|
], 4)
|
|
18108
18108
|
])),
|
|
18109
|
-
createVNode(_sfc_main$
|
|
18109
|
+
createVNode(_sfc_main$g, {
|
|
18110
18110
|
style: normalizeStyle({
|
|
18111
18111
|
left: 0,
|
|
18112
18112
|
top: 0,
|
|
@@ -18125,147 +18125,6 @@ const _sfc_main$6 = {
|
|
|
18125
18125
|
}
|
|
18126
18126
|
};
|
|
18127
18127
|
|
|
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
18128
|
//!
|
|
18270
18129
|
//! utils/JsViewVueWidget/JsvEnableRenderBreak.vue;
|
|
18271
18130
|
//!
|
|
@@ -21541,4 +21400,4 @@ if (!window.JsView) {
|
|
|
21541
21400
|
//! utils/index.js;
|
|
21542
21401
|
//!
|
|
21543
21402
|
|
|
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$
|
|
21403
|
+
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
|
@@ -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>
|