create-jsview 2.1.367-test.0 → 2.1.428

package/template-vue-vite/dist-test-jsview-chunk/js/App.754fa30e.js

@@ -0,0 +1,776 @@
+import { a as useRouter, c as bridge, G as _sfc_main$i } from "./jsview-vue-entry.415721d8.js";
+import { s as shallowRef, t as onMounted, b as resolveComponent, o as openBlock, A as createBlock, l as withCtx, u as unref, e as createElementBlock, f as createBaseVNode, k as createVNode, g as normalizeStyle, q as createCommentVNode, G as toDisplayString } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+import "./export-sfc.2749ebea.js";
+const longLongText = "艾因小萌班用户服务协议及隐私权保护政策特别提示：欢迎您使用“艾因小萌班”。本用户服务协议及隐私权保护政策（下称“本协议”）是您与运营方之间订立的具有法律效力的合同。请您仔细阅读并充分理解本协议各条款内容，特别是涉及免除或者限制责任的条款、权利许可和信息使用的条款、同意开通和使用特殊单项服务的条款、法律适用和争议解决条款等。其中，免除或者限制责任条款等重要内容可能以下划线/加粗进行提示您，您应重点阅读。未成年人用户请在法定监护人陪同下仔细阅读并充分理解本协议，并征得法定监护人的同意后使用“艾因小萌班”。除非您完全接受本协议的全部内容，否则您无权下载、注册、登录、使用（以下统称“使用”）“艾因小萌班”，或者通过任何方式使用“艾因小萌班”服务，或者获得“艾因小萌班”提供的任何服务（本协议中统称“使用”）。若您使用“艾因小萌班”及相关服务，则视为您已充分理解本协议并承诺作为本协议的一方当事人接受协议的约束，您不得以未仔细阅读、未充分理解等理由拒绝接受本协议的约束。本协议内容或不能保证完全符合未来业务发展需求。为此，您同意运营方保留随时修改本协议的权利。本协议条款修改后，运营方将及时公布，您同意予以密切关注。如果您继续使用艾因小萌班，即视为您完全接受修改后的协议。如果您不接受修改后的协议，请立即停止使用艾因小萌班。关于艾因小萌班的使用您使用“艾因小萌班”及相关服务，登录后，系统将为您自动匹配一个不可更改的用户ID,您应妥善保管该用户ID并对以您用户ID所进行的所有活动负法律责任。";
+const rtlLongLongText = "نحن لا نضع أي فرضيات مسبقة عن التكنولوجيا الأخرى التي تستخدمها، فلهذا يمكنك تطوير ميزات و إضافات باستخدام دون الحاجة الى إعادة كتابة أي شيفرة مكتوبة سابقاً الواجهات المُعرّفة (التصريحية)، تجعل الشيفرة الخاصة بالبرنامج سهلة التوقع عند تنفيذها و سهلة التصحيح في حالة وجود أخطاء للغاية، ﻻ يجب عليك سوى أن تصمم واجهة بسيطة لكل حالة من حالات التطبيق و بعدها React يتكفل وبفاعلية بتحديث و إعادة رسم المكّون المعني بالتحديث فقط عند تغيُّر البيانات تُدير حالتها الخاصّة، ومن ثمّ تُركِّب هذه المكوّنات مع بعضها لإنشاء واجهات مستخدم مُعقّدة نحن لا نضع أي فرضيات مسبقة عن التكنولوجيا الأخرى التي تستخدمها، فلهذا يمكنك تطوير ميزات و إضافات باستخدام";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const slideSpeed = 240;
+    const width = 600, height = 70;
+    const style = {
+      width,
+      height,
+      lineHeight: 70,
+      fontSize: 50,
+      color: "#000000"
+    };
+    const style2 = Object.assign({ textAlign: "center" }, style);
+    const style3 = Object.assign({ textAlign: "end" }, style);
+    const longText = "石室诗士施氏，嗜狮，誓食十狮。施氏时时适市视狮。十时，适十狮适市。是时，适施氏适市。施氏视是十狮，恃矢势，使是十狮逝世。氏拾是十狮尸，适石室。石室湿，氏使侍拭石室。石室拭，施氏始试食是十狮尸。食时，始识是十狮尸，实十石狮尸。试释是事。";
+    const shortText = "测试文字";
+    const littleLongText = "君不见，黄河之水天上来，奔流到海不复回。";
+    const rtlText = 'ABC انجليزي "abc" سعر الملابس 180 ';
+    const router = useRouter();
+    const index = shallowRef(1);
+    let changeText = shallowRef("响应式文字");
+    setInterval(() => {
+      if (changeText.value.length <= 20) {
+        changeText.value += changeText.value;
+      } else {
+        changeText.value = changeText.value.slice(0, 5);
+      }
+    }, 5e3);
+    const _onKeyDown = (ev) => {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
+        router.go(-1);
+      } else if (ev.keyCode == 37) {
+        index.value = --index.value > 1 ? index.value : 1;
+      } else if (ev.keyCode == 39) {
+        index.value = ++index.value < 4 ? index.value : 4;
+      }
+      return true;
+    };
+    onMounted(() => {
+      bridge.notifyPageLoaded();
+    });
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        autoFocus: "",
+        onAction: {
+          onKeyDown: _onKeyDown
+        },
+        style: {
+          width: 1280,
+          height: 720,
+          backgroundColor: "#007788"
+        }
+      }, {
+        default: withCtx(() => [
+          unref(index) == 1 ? (openBlock(), createElementBlock("div", { key: 0 }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 50,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style,
+                text: longText,
+                slideSpeed,
+                forceSlide: false
+              }),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 长文字滚动 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 130,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style,
+                text: littleLongText,
+                forceSlide: false,
+                slideSpeed
+              }),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 略长文字滚动 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 210,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style,
+                text: shortText,
+                slideSpeed,
+                forceSlide: true
+              }),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 短文字滚动 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 290,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style: normalizeStyle({
+                  width,
+                  height,
+                  lineHeight: 70,
+                  fontSize: 50,
+                  color: "#000000",
+                  direction: "rtl"
+                }),
+                text: rtlText,
+                slideSpeed
+              }, null, 8, ["style"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " rtl文字 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 370,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style: normalizeStyle({
+                  width,
+                  height,
+                  lineHeight: 70,
+                  fontSize: 50,
+                  color: "#000000",
+                  direction: "rtl"
+                }),
+                text: "انجليزي",
+                slideSpeed,
+                forceSlide: true
+              }, null, 8, ["style"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " rtl短文字滚动 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 450,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style,
+                text: unref(longLongText),
+                slideSpeed: 2e3,
+                forceSlide: false
+              }, null, 8, ["text"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 超长文字 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 530,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style: normalizeStyle({
+                  width,
+                  height,
+                  lineHeight: 70,
+                  fontSize: 50,
+                  color: "#000000",
+                  direction: "rtl"
+                }),
+                text: unref(rtlLongLongText),
+                slideSpeed: 2e3,
+                forceSlide: false
+              }, null, 8, ["style", "text"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 超长rtl文字 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 610,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style: normalizeStyle({
+                  width,
+                  height,
+                  lineHeight: 70,
+                  fontSize: 50,
+                  color: "#000000"
+                }),
+                text: "测试文字",
+                forceSlide: true,
+                slideSpeed,
+                slideDirection: "ets"
+              }, null, 8, ["style"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 反向滚动示例 ", 4)
+            ], 4)
+          ])) : createCommentVNode("", true),
+          unref(index) == 2 ? (openBlock(), createElementBlock("div", { key: 1 }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 50,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style,
+                text: shortText,
+                forceSlide: false
+              }),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 不滚动文字居左 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 130,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style: normalizeStyle(unref(style2)),
+                text: "测试文字",
+                slideSpeed,
+                forceSlide: false
+              }, null, 8, ["style"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 不滚动文字居中 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 210,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style: normalizeStyle(unref(style3)),
+                text: "测试文字",
+                forceSlide: false
+              }, null, 8, ["style"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 不滚动文字居右 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 290,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style: normalizeStyle(unref(style2)),
+                text: "انجليزي",
+                slideSpeed,
+                forceSlide: false
+              }, null, 8, ["style"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " rtl文字不滚动居中 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 370,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style: normalizeStyle(unref(style3)),
+                text: "انجليزي",
+                slideSpeed,
+                forceSlide: false
+              }, null, 8, ["style"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " rtl文字不滚动居左 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 450,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style,
+                text: "انجليزي",
+                slideSpeed,
+                forceSlide: false
+              }),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " rtl文字不滚动居右 ", 4)
+            ], 4)
+          ])) : unref(index) == 3 ? (openBlock(), createElementBlock("div", { key: 2 }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 50,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style,
+                text: longText,
+                slideSpeed,
+                forceSlide: false,
+                textGap: 300
+              }),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 长文字滚动间隔300 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 130,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style,
+                text: littleLongText,
+                forceSlide: false,
+                textGap: 300,
+                slideSpeed
+              }),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 略长文字滚动间隔300 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 210,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style,
+                text: shortText,
+                slideSpeed,
+                forceSlide: true,
+                textGap: width - 100
+              }, null, 8, ["textGap"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 短文字滚动间隔500 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 290,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style: normalizeStyle({
+                  width,
+                  height,
+                  lineHeight: 70,
+                  fontSize: 50,
+                  color: "#000000",
+                  direction: "rtl"
+                }),
+                text: rtlText,
+                slideSpeed,
+                textGap: 300
+              }, null, 8, ["style"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " rtl文字间隔300 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 370,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style: normalizeStyle({
+                  width,
+                  height,
+                  lineHeight: 70,
+                  fontSize: 50,
+                  color: "#000000",
+                  direction: "rtl"
+                }),
+                text: "انجليزي",
+                slideSpeed,
+                forceSlide: true,
+                textGap: width - 100
+              }, null, 8, ["style", "textGap"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " rtl短文字滚动间隔500 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 450,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style,
+                text: unref(longLongText),
+                slideSpeed: 2e3,
+                forceSlide: false,
+                textGap: 300
+              }, null, 8, ["text"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 超长文字间隔300 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 530,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style: normalizeStyle({
+                  width,
+                  height,
+                  lineHeight: 70,
+                  fontSize: 50,
+                  color: "#000000",
+                  direction: "rtl"
+                }),
+                text: unref(rtlLongLongText),
+                slideSpeed: 2e3,
+                forceSlide: false,
+                textGap: 300
+              }, null, 8, ["style", "text"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 超长rtl文字间隔300 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 610,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style: normalizeStyle({
+                  width,
+                  height,
+                  lineHeight: 70,
+                  fontSize: 50,
+                  color: "#000000"
+                }),
+                text: "测试文字",
+                forceSlide: true,
+                slideSpeed,
+                slideDirection: "ets",
+                textGap: width - 100
+              }, null, 8, ["style", "textGap"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 反向滚动示例间隔500 ", 4)
+            ], 4)
+          ])) : unref(index) == 4 ? (openBlock(), createElementBlock("div", { key: 3 }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 50,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style,
+                text: "انجليزي",
+                slideSpeed,
+                forceSlide: true,
+                slideDirection: "ets"
+              }),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " rtl短文字反向 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 130,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style,
+                text: shortText,
+                slideSpeed,
+                forceSlide: true,
+                textGap: 200
+              }),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 短文字滚动失败 ", 4)
+            ], 4),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                left: 50,
+                top: 210,
+                width,
+                height,
+                backgroundColor: "#FFFFFF"
+              })
+            }, [
+              createVNode(unref(_sfc_main$i), {
+                style,
+                text: unref(changeText),
+                slideSpeed,
+                forceSlide: false
+              }, null, 8, ["text"]),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: width + 20,
+                  height,
+                  color: "#ffffff",
+                  fontSize: 50,
+                  lineHeight: 50
+                })
+              }, " 每五秒文字响应式变化 ", 4)
+            ], 4)
+          ])) : createCommentVNode("", true),
+          createBaseVNode("div", { style: {
+            left: 1e3,
+            top: 680,
+            width: 300,
+            height: 30,
+            lineHeight: 28,
+            fontSize: 30,
+            color: "#000000"
+          } }, toDisplayString(`左右键翻页 ${unref(index)}/4`), 1)
+        ]),
+        _: 1
+      }, 8, ["onAction"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.754fa30e.js.map
+
+/*jsvmd5:d2ecf31c12ffbc755a7786f193f23afd*/