@next2d/text 1.18.12 → 2.0.0

package/src/TextField/usecase/TextFieldSetScrollXUseCase.js

@@ -0,0 +1,66 @@
+import { Event } from "@next2d/events";
+import { Tween, Easing } from "@next2d/ui";
+import { $clamp } from "../../TextUtil";
+import { execute as textFieldApplyChangesService } from "../service/TextFieldApplyChangesService";
+/**
+ * @description xスクロール位置を設定します
+ *              x Sets the scroll position.
+ *
+ * @param  {TextField} text_field
+ * @param  {number} scroll_x
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (text_field, scroll_x) => {
+    if (!text_field.scrollEnabled
+        || text_field.autoSize !== "none") {
+        return;
+    }
+    // check y animation
+    if (text_field.yScrollShape.hasLocalVariable("job")) {
+        return;
+    }
+    const width = text_field.width;
+    scroll_x = $clamp(scroll_x, 0, width, 0);
+    if (text_field.scrollX === scroll_x) {
+        return;
+    }
+    if (text_field.textWidth > width) {
+        textFieldApplyChangesService(text_field);
+        const xScrollShape = text_field.xScrollShape;
+        xScrollShape.width = width * width / text_field.textWidth;
+        const parent = text_field.parent;
+        if (parent) {
+            // start animation
+            if (xScrollShape.hasLocalVariable("job")) {
+                xScrollShape.getLocalVariable("job").stop();
+            }
+            // view start
+            xScrollShape.alpha = 0.9;
+            // set position
+            xScrollShape.x = text_field.x + 1
+                + (width - 1 - xScrollShape.width)
+                    / (width - 1)
+                    * (scroll_x - 1);
+            xScrollShape.y = text_field.y + text_field.height
+                - xScrollShape.height - 0.5;
+            // added sprite
+            parent.addChildAt(xScrollShape, parent.getChildIndex(text_field) + 1);
+            const job = Tween.add(xScrollShape, { "alpha": 0.9 }, { "alpha": 0 }, 0.5, 0.2, Easing.outQuad);
+            job.addEventListener(Event.COMPLETE, (event) => {
+                const shape = event.target.target;
+                shape.deleteLocalVariable("job");
+                if (shape.parent) {
+                    shape.parent.removeChild(shape);
+                }
+            });
+            job.start();
+            xScrollShape.setLocalVariable("job", job);
+        }
+        text_field.$scrollX = scroll_x;
+    }
+    if (text_field.willTrigger(Event.SCROLL)) {
+        text_field.dispatchEvent(new Event(Event.SCROLL, true));
+    }
+};

package/src/TextField/usecase/TextFieldSetScrollYUseCase.d.ts

@@ -0,0 +1,12 @@
+import type { TextField } from "../../TextField";
+/**
+ * @description yスクロール位置を設定します
+ *              y Sets the scroll position.
+ *
+ * @param  {TextField} text_field
+ * @param  {number} scroll_y
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (text_field: TextField, scroll_y: number) => void;

package/src/TextField/usecase/TextFieldSetScrollYUseCase.js

@@ -0,0 +1,66 @@
+import { Event } from "@next2d/events";
+import { Tween, Easing } from "@next2d/ui";
+import { $clamp } from "../../TextUtil";
+import { execute as textFieldApplyChangesService } from "../service/TextFieldApplyChangesService";
+/**
+ * @description yスクロール位置を設定します
+ *              y Sets the scroll position.
+ *
+ * @param  {TextField} text_field
+ * @param  {number} scroll_y
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (text_field, scroll_y) => {
+    if (!text_field.scrollEnabled
+        || text_field.autoSize !== "none"
+        || !text_field.multiline && !text_field.wordWrap) {
+        return;
+    }
+    // check x animation
+    if (text_field.xScrollShape.hasLocalVariable("job")) {
+        return;
+    }
+    const height = text_field.height;
+    scroll_y = $clamp(scroll_y, 0, height, 0);
+    if (text_field.scrollY === scroll_y) {
+        return;
+    }
+    if (text_field.textHeight > height) {
+        textFieldApplyChangesService(text_field);
+        const yScrollShape = text_field.yScrollShape;
+        yScrollShape.height = height * height / text_field.textHeight;
+        const parent = text_field.parent;
+        if (parent) {
+            // start animation
+            if (yScrollShape.hasLocalVariable("job")) {
+                yScrollShape.getLocalVariable("job").stop();
+            }
+            // view start
+            yScrollShape.alpha = 0.9;
+            // set position
+            yScrollShape.x = text_field.x + text_field.width - yScrollShape.width - 0.5;
+            yScrollShape.y = text_field.y + 0.5
+                + (height - 1 - yScrollShape.height)
+                    / (height - 1)
+                    * (scroll_y - 1);
+            // added sprite
+            parent.addChildAt(yScrollShape, parent.getChildIndex(text_field) + 1);
+            const job = Tween.add(yScrollShape, { "alpha": 0.9 }, { "alpha": 0 }, 0.5, 0.2, Easing.outQuad);
+            job.addEventListener(Event.COMPLETE, (event) => {
+                const shape = event.target.target;
+                shape.deleteLocalVariable("job");
+                if (shape.parent) {
+                    shape.parent.removeChild(shape);
+                }
+            });
+            job.start();
+            yScrollShape.setLocalVariable("job", job);
+            text_field.$scrollY = scroll_y;
+        }
+    }
+    if (text_field.willTrigger(Event.SCROLL)) {
+        text_field.dispatchEvent(new Event(Event.SCROLL, true));
+    }
+};

package/src/TextField/usecase/TextFieldUpdateStopIndexUseCase.d.ts

@@ -0,0 +1,12 @@
+import type { TextField } from "../../TextField";
+/**
+ * @description テキストの任意の表示終了位置の設定
+ *              Setting an arbitrary display end position for text.
+ *
+ * @param  {TextField} text_field
+ * @param  {number} stop_index
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (text_field: TextField, stop_index: number) => void;

package/src/TextField/usecase/TextFieldUpdateStopIndexUseCase.js

@@ -0,0 +1,82 @@
+import { execute as textFieldGetTextDataUseCase } from "./TextFieldGetTextDataUseCase";
+import { execute as textFieldApplyChangesService } from "../service/TextFieldApplyChangesService";
+/**
+ * @description テキストの任意の表示終了位置の設定
+ *              Setting an arbitrary display end position for text.
+ *
+ * @param  {TextField} text_field
+ * @param  {number} stop_index
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (text_field, stop_index) => {
+    const textData = textFieldGetTextDataUseCase(text_field);
+    if (2 > textData.textTable.length) {
+        return;
+    }
+    let currentTextWidth = 2;
+    let targetIndex = 0;
+    for (let idx = 1; idx < textData.textTable.length; ++idx) {
+        const textObject = textData.textTable[idx];
+        if (!textObject) {
+            continue;
+        }
+        let countUp = false;
+        if (textObject.mode === "text") {
+            countUp = true;
+            currentTextWidth += textObject.w;
+        }
+        if (targetIndex >= stop_index) {
+            targetIndex = idx;
+            break;
+        }
+        if (textObject.mode === "break") {
+            countUp = true;
+            currentTextWidth = 2;
+        }
+        if (countUp) {
+            targetIndex++;
+        }
+    }
+    const textObject = textData.textTable[targetIndex];
+    if (!textObject) {
+        return;
+    }
+    text_field.$scrollX = text_field.$scrollY = 0;
+    const line = textObject.line;
+    let currentTextHeight = 0;
+    for (let idx = 0; idx <= line; ++idx) {
+        currentTextHeight += textData.heightTable[idx];
+    }
+    const rawHeight = Math.abs(text_field.yMax - text_field.yMin);
+    let viewTextHeight = 0;
+    for (let idx = line; idx > -1; --idx) {
+        const lineHeight = textData.heightTable[idx];
+        if (rawHeight < viewTextHeight + lineHeight) {
+            break;
+        }
+        viewTextHeight += lineHeight;
+    }
+    if (currentTextHeight > rawHeight) {
+        const scaleY = (text_field.textHeight - rawHeight) / rawHeight;
+        text_field.$scrollY = Math.max(0, Math.min((currentTextHeight - viewTextHeight) / scaleY, rawHeight));
+    }
+    const rawWidth = Math.abs(text_field.xMax - text_field.xMin);
+    let viewTextWidth = 0;
+    for (let idx = targetIndex; idx > 0; --idx) {
+        const textObject = textData.textTable[idx];
+        if (textObject.mode !== "text") {
+            continue;
+        }
+        if (rawWidth < viewTextWidth + textObject.w) {
+            break;
+        }
+        viewTextWidth += textObject.w;
+    }
+    if (currentTextWidth > rawWidth) {
+        const scaleX = (text_field.textWidth - rawWidth) / rawWidth;
+        text_field.$scrollX = Math.max(0, Math.min((currentTextWidth - viewTextWidth) / scaleX, rawWidth + 0.5));
+    }
+    textFieldApplyChangesService(text_field);
+};