@next2d/text 1.18.11 → 2.0.0

package/src/TextField/usecase/TextFieldReloadUseCase.js

@@ -0,0 +1,25 @@
+import { execute as textFieldResetUseCase } from "./TextFieldResetUseCase";
+import { execute as textFieldGetTextDataUseCase } from "./TextFieldGetTextDataUseCase";
+import { execute as textFieldResizeUseCase } from "./TextFieldResizeUseCase";
+import { execute as textFieldResizeAutoFontSizeUseCase } from "./TextFieldResizeAutoFontSizeUseCase";
+/**
+ * @description テキストフィールドの描画生成情報を再計算します
+ *              Recalculates the drawing generation information of the text field
+ *
+ * @param  {TextField} text_field
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (text_field) => {
+    // 初期化
+    textFieldResetUseCase(text_field);
+    // 描画情報を生成
+    textFieldGetTextDataUseCase(text_field);
+    // テキストフィールドの自動フォントサイズ設定がonならば、自動フォントサイズを適用する
+    if (text_field.autoSize === "none" && text_field.autoFontSize) {
+        textFieldResizeAutoFontSizeUseCase(text_field);
+    }
+    // テキストエリアをリサイズ
+    textFieldResizeUseCase(text_field);
+};

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

@@ -0,0 +1,14 @@
+import type { TextField } from "../../TextField";
+/**
+ * @description 指定した範囲の文字列を置き換える
+ *              Replaces strings in the specified range
+ *
+ * @param  {TextField} text_filed
+ * @param  {string} new_text
+ * @param  {number} begin_index
+ * @param  {number} end_index
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (text_filed: TextField, new_text: string, begin_index: number, end_index: number) => void;

package/src/TextField/usecase/TextFieldReplaceTextUseCase.js

@@ -0,0 +1,24 @@
+/**
+ * @description 指定した範囲の文字列を置き換える
+ *              Replaces strings in the specified range
+ *
+ * @param  {TextField} text_filed
+ * @param  {string} new_text
+ * @param  {number} begin_index
+ * @param  {number} end_index
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (text_filed, new_text, begin_index, end_index) => {
+    if (0 > begin_index || begin_index > end_index) {
+        return;
+    }
+    const text = text_filed.text;
+    const beginText = begin_index
+        ? text.slice(0, begin_index)
+        : "";
+    text_filed.text = beginText
+        + new_text
+        + text.slice(end_index, text.length);
+};

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

@@ -0,0 +1,11 @@
+import type { TextField } from "../../TextField";
+/**
+ * @description 指定したテキストフィールドのテキストデータをリセットします。
+ *              Resets the text data in the specified text field.
+ *
+ * @param  {TextField} text_field
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (text_field: TextField) => void;

package/src/TextField/usecase/TextFieldResetUseCase.js

@@ -0,0 +1,20 @@
+import { $cacheStore } from "@next2d/cache";
+import { execute as textFieldApplyChangesService } from "../service/TextFieldApplyChangesService";
+/**
+ * @description 指定したテキストフィールドのテキストデータをリセットします。
+ *              Resets the text data in the specified text field.
+ *
+ * @param  {TextField} text_field
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (text_field) => {
+    text_field.$textData = null;
+    textFieldApplyChangesService(text_field);
+    // Remove cache
+    if (text_field.uniqueKey !== "" && $cacheStore.has(text_field.uniqueKey)) {
+        $cacheStore.removeById(text_field.uniqueKey);
+        $cacheStore.$removeIds.push(+text_field.uniqueKey);
+    }
+};

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

@@ -0,0 +1,11 @@
+import type { TextField } from "../../TextField";
+/**
+ * @description 現在の TextField のエリア内に収まる最大のフォントサイズを計算し、描画情報を生成します
+ *              Calculates the maximum font size that will fit within the current TextField area and generates drawing information
+ *
+ * @param  {TextField} text_field
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (text_field: TextField) => void;

package/src/TextField/usecase/TextFieldResizeAutoFontSizeUseCase.js

@@ -0,0 +1,37 @@
+import { execute as textFieldGetTextDataUseCase } from "./TextFieldGetTextDataUseCase";
+import { execute as textFieldResetUseCase } from "./TextFieldResetUseCase";
+import { execute as textFieldApplyChangesService } from "../service/TextFieldApplyChangesService";
+/**
+ * @description 現在の TextField のエリア内に収まる最大のフォントサイズを計算し、描画情報を生成します
+ *              Calculates the maximum font size that will fit within the current TextField area and generates drawing information
+ *
+ * @param  {TextField} text_field
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (text_field) => {
+    let maxFontSize = 0;
+    const textData = textFieldGetTextDataUseCase(text_field);
+    for (let idx = 0; idx < textData.textTable.length; ++idx) {
+        const textObject = textData.textTable[idx];
+        maxFontSize = Math.max(maxFontSize, textObject.textFormat.size || 0);
+    }
+    let subSize = 1;
+    if (text_field.width && text_field.textWidth) {
+        while (maxFontSize > subSize
+            && text_field.textWidth + 4 > text_field.width) {
+            textFieldResetUseCase(text_field);
+            textFieldGetTextDataUseCase(text_field, subSize++);
+        }
+    }
+    if (text_field.height && text_field.textHeight) {
+        while (maxFontSize > subSize
+            && text_field.textHeight + 4 > text_field.height) {
+            textFieldResetUseCase(text_field);
+            textFieldGetTextDataUseCase(text_field, subSize++);
+        }
+    }
+    // Apply changes
+    textFieldApplyChangesService(text_field);
+};

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

@@ -0,0 +1,11 @@
+import type { TextField } from "../../TextField";
+/**
+ * @description 設定に合わせてテキストフィールドのサイズを変更します
+ *              Resize the text field to fit your settings
+ *
+ * @param  {TextField} text_field
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (text_field: TextField) => void;

package/src/TextField/usecase/TextFieldResizeUseCase.js

@@ -0,0 +1,49 @@
+import { execute as textFormatGetWidthMarginService } from "../../TextFormat/service/TextFormatGetWidthMarginService";
+import { execute as textFieldApplyChangesService } from "../../TextField/service/TextFieldApplyChangesService";
+/**
+ * @description 設定に合わせてテキストフィールドのサイズを変更します
+ *              Resize the text field to fit your settings
+ *
+ * @param  {TextField} text_field
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (text_field) => {
+    // apply changes
+    textFieldApplyChangesService(text_field);
+    // update bounds
+    if (text_field.autoSize === "none") {
+        text_field.xMin = text_field.bounds.xMin;
+        text_field.yMin = text_field.bounds.yMin;
+        text_field.xMax = text_field.bounds.xMax;
+        text_field.yMax = text_field.bounds.yMax;
+        return;
+    }
+    const textFormat = text_field.defaultTextFormat;
+    // 4は左右の1pxのボーダーと1pxのマージンの合計値
+    const width = text_field.textWidth + 4 + textFormatGetWidthMarginService(textFormat);
+    if (text_field.wordWrap) {
+        text_field.xMin = text_field.bounds.xMin;
+        text_field.xMax = text_field.bounds.xMax;
+    }
+    else {
+        switch (text_field.autoSize) {
+            case "left":
+                text_field.xMax = width + text_field.xMin;
+                break;
+            case "center":
+                text_field.xMax = width + text_field.xMin;
+                break;
+            case "right":
+                text_field.xMax = text_field.bounds.xMax
+                    - (text_field.bounds.xMax - text_field.bounds.xMin
+                        - (width - text_field.bounds.xMin));
+                break;
+            default:
+                break;
+        }
+    }
+    // 4は上下の1pxのボーダーと1pxのマージンの合計値
+    text_field.yMax = text_field.textHeight + text_field.bounds.yMin + 4;
+};

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

@@ -0,0 +1,11 @@
+import type { TextField } from "@next2d/text";
+/**
+ * @description テキストフィールドの全選択を実行する
+ *              Execute the text field's select all
+ *
+ * @param  {TextField} text_field
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (text_field: TextField) => void;

package/src/TextField/usecase/TextFieldSelectAllUseCase.js

@@ -0,0 +1,20 @@
+import { execute as textFieldApplyChangesService } from "../service/TextFieldApplyChangesService";
+import { execute as textFieldGetTextDataUseCase } from "./TextFieldGetTextDataUseCase";
+/**
+ * @description テキストフィールドの全選択を実行する
+ *              Execute the text field's select all
+ *
+ * @param  {TextField} text_field
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (text_field) => {
+    const textData = textFieldGetTextDataUseCase(text_field);
+    if (2 > textData.textTable.length) {
+        return;
+    }
+    text_field.selectIndex = 1;
+    text_field.focusIndex = textData.textTable.length;
+    textFieldApplyChangesService(text_field);
+};

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

@@ -0,0 +1,11 @@
+import type { TextField } from "../../TextField";
+/**
+ * @description テキストフィールドの選択中のテキスト位置にスクロールを移動します。
+ *              Move the scroll to the selected text position in the text field.
+ *
+ * @param  {TextField} text_field
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (text_field: TextField) => void;

package/src/TextField/usecase/TextFieldSelectedFocusMoveUseCase.js

@@ -0,0 +1,90 @@
+import { execute as textFieldGetTextDataUseCase } from "./TextFieldGetTextDataUseCase";
+/**
+ * @description テキストフィールドの選択中のテキスト位置にスクロールを移動します。
+ *              Move the scroll to the selected text position in the text field.
+ *
+ * @param  {TextField} text_field
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (text_field) => {
+    if (text_field.selectIndex === -1) {
+        return;
+    }
+    const textData = textFieldGetTextDataUseCase(text_field);
+    if (2 > textData.textTable.length) {
+        return;
+    }
+    const textObject = textData.textTable[text_field.selectIndex];
+    if (!textObject) {
+        return;
+    }
+    const line = textObject.mode === "text"
+        ? textObject.line
+        : textObject.line - 1;
+    const height = text_field.height;
+    const scaleY = (text_field.textHeight - height) / height;
+    let currentHeight = -text_field.scrollY * scaleY - 2;
+    let endLine = 0;
+    for (let idx = 0; idx < textData.heightTable.length; ++idx) {
+        currentHeight += textData.heightTable[idx];
+        if (currentHeight > height) {
+            break;
+        }
+        endLine++;
+    }
+    currentHeight = -text_field.scrollY * scaleY - 2;
+    let startLine = 0;
+    for (let idx = 0; idx < textData.heightTable.length; ++idx) {
+        currentHeight += textData.heightTable[idx];
+        if (currentHeight > 0) {
+            break;
+        }
+        startLine++;
+    }
+    if (startLine >= textObject.line) {
+        if (text_field.xScrollShape.hasLocalVariable("job")) {
+            text_field.xScrollShape.deleteLocalVariable("job");
+        }
+        text_field.scrollY -= textData.heightTable[textObject.line] / scaleY;
+    }
+    if (textObject.line >= endLine) {
+        if (text_field.xScrollShape.hasLocalVariable("job")) {
+            text_field.xScrollShape.deleteLocalVariable("job");
+        }
+        text_field.scrollY += textData.heightTable[textObject.line] / scaleY;
+    }
+    const width = text_field.width;
+    const scaleX = (text_field.textWidth - width) / width;
+    let textWidth = 2;
+    let limitWidth = text_field.scrollX * scaleX - 2 + width;
+    for (let idx = 1; text_field.selectIndex >= idx; ++idx) {
+        const textObject = textData.textTable[idx];
+        if (!textObject || textObject.line > line) {
+            break;
+        }
+        if (textObject.line !== line) {
+            continue;
+        }
+        if (text_field.selectIndex !== idx) {
+            textWidth += textObject.w;
+        }
+        limitWidth -= textObject.w;
+        if (limitWidth > 0) {
+            continue;
+        }
+        if (text_field.yScrollShape.hasLocalVariable("job")) {
+            text_field.yScrollShape.deleteLocalVariable("job");
+        }
+        text_field.scrollX += textObject.w / scaleX;
+        break;
+    }
+    const scrollWidth = text_field.scrollX * scaleX - 2;
+    if (scrollWidth > textWidth) {
+        if (text_field.yScrollShape.hasLocalVariable("job")) {
+            text_field.yScrollShape.deleteLocalVariable("job");
+        }
+        text_field.scrollX = text_field.width * ((textWidth - 2) / text_field.textWidth);
+    }
+};

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

@@ -0,0 +1,14 @@
+import type { TextField } from "../../TextField";
+/**
+ * @description テキストフィールドのフォーカスしてるテキスト位置（インデックス）を設定します。
+ *              Set the text position (index) that the text field is focusing on.
+ *
+ * @param  {TextField} text_field
+ * @param  {number} stage_x
+ * @param  {number} stage_y
+ * @param  {boolean} [selected=false]
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (text_field: TextField, stage_x: number, stage_y: number, selected?: boolean) => void;

package/src/TextField/usecase/TextFieldSetFocusIndexUseCase.js

@@ -0,0 +1,197 @@
+import { Point } from "@next2d/geom";
+import { execute as textFieldGetTextDataUseCase } from "./TextFieldGetTextDataUseCase";
+import { execute as textFieldBlinkingUseCase } from "./TextFieldBlinkingUseCase";
+import { execute as textFieldApplyChangesService } from "../service/TextFieldApplyChangesService";
+import { execute as textFieldBlinkingClearTimeoutService } from "../service/TextFieldBlinkingClearTimeoutService";
+import { execute as textFieldSelectedFocusMoveUseCase } from "./TextFieldSelectedFocusMoveUseCase";
+import { $getBlinkingTimerId } from "../../TextUtil";
+/**
+ * @description テキストフィールドのフォーカスしてるテキスト位置（インデックス）を設定します。
+ *              Set the text position (index) that the text field is focusing on.
+ *
+ * @param  {TextField} text_field
+ * @param  {number} stage_x
+ * @param  {number} stage_y
+ * @param  {boolean} [selected=false]
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (text_field, stage_x, stage_y, selected = false) => {
+    if (text_field.type !== "input") {
+        return;
+    }
+    const textData = textFieldGetTextDataUseCase(text_field);
+    if (2 > textData.textTable.length) {
+        text_field.focusIndex = 1;
+        text_field.selectIndex = -1;
+        if ($getBlinkingTimerId() === undefined) {
+            textFieldBlinkingUseCase(text_field);
+        }
+        return;
+    }
+    const width = text_field.width;
+    const height = text_field.height;
+    let tx = 0;
+    if (text_field.scrollX > 0) {
+        tx += text_field.scrollX * (text_field.textWidth - width) / width;
+    }
+    let ty = 0;
+    if (text_field.scrollY > 0) {
+        ty += text_field.scrollY * (text_field.textHeight - height) / height;
+    }
+    const point = text_field.globalToLocal(new Point(stage_x, stage_y));
+    const x = point.x + tx;
+    const y = point.y + ty;
+    let w = 2;
+    let yMin = 2;
+    let yMax = yMin + textData.heightTable[0];
+    for (let idx = 1; idx < textData.textTable.length; ++idx) {
+        const textObject = textData.textTable[idx];
+        if (!textObject) {
+            continue;
+        }
+        switch (textObject.mode) {
+            case "break":
+            case "wrap":
+                if (x > w && y > yMin
+                    && yMax > y
+                    && width > x) {
+                    const index = idx;
+                    if (selected) {
+                        if (text_field.selectIndex !== index) {
+                            text_field.selectIndex = index;
+                            if (text_field.focusVisible) {
+                                text_field.focusVisible = false;
+                                textFieldBlinkingClearTimeoutService();
+                            }
+                            textFieldSelectedFocusMoveUseCase(text_field);
+                            textFieldApplyChangesService(text_field);
+                        }
+                    }
+                    else {
+                        if (text_field.focusIndex !== index || text_field.selectIndex > -1) {
+                            text_field.focusIndex = index;
+                            text_field.selectIndex = -1;
+                            textFieldApplyChangesService(text_field);
+                        }
+                    }
+                    return;
+                }
+                w = 2;
+                yMin += textData.heightTable[textObject.line - 1];
+                yMax = yMin + textData.heightTable[textObject.line];
+                break;
+            case "text":
+                if (x > w && y > yMin
+                    && yMax > y
+                    && w + textObject.w > x) {
+                    let index = idx;
+                    if (selected) {
+                        if (text_field.focusIndex > index) {
+                            // left
+                            if (text_field.focusIndex === index + 1) {
+                                if (w + textObject.w / 2 < x) {
+                                    index = -1;
+                                }
+                            }
+                            else {
+                                if (w + textObject.w / 2 < x) {
+                                    index += 1;
+                                }
+                            }
+                        }
+                        else {
+                            // right
+                            if (text_field.focusIndex === index) {
+                                if (w + textObject.w / 2 > x) {
+                                    index = -1;
+                                }
+                            }
+                            else {
+                                if (w + textObject.w / 2 > x) {
+                                    index -= 1;
+                                }
+                            }
+                        }
+                        if (text_field.selectIndex !== index) {
+                            text_field.selectIndex = index;
+                            if (text_field.selectIndex > -1) {
+                                text_field.focusVisible = false;
+                                textFieldBlinkingClearTimeoutService();
+                            }
+                            textFieldSelectedFocusMoveUseCase(text_field);
+                            textFieldApplyChangesService(text_field);
+                        }
+                    }
+                    else {
+                        if (w + textObject.w / 2 < x) {
+                            const textObject = textData.textTable[index + 1];
+                            if (!textObject || textObject.mode === "text") {
+                                index += 1;
+                            }
+                        }
+                        if (text_field.focusIndex !== index || text_field.selectIndex > -1) {
+                            text_field.focusIndex = index;
+                            text_field.selectIndex = -1;
+                            textFieldApplyChangesService(text_field);
+                        }
+                    }
+                    return;
+                }
+                if (idx === textData.textTable.length - 1
+                    && x > w && y > yMin && yMax > y
+                    && width > x) {
+                    const index = textData.textTable.length;
+                    if (selected) {
+                        if (text_field.selectIndex !== index) {
+                            text_field.selectIndex = index;
+                            if (text_field.focusVisible) {
+                                text_field.focusVisible = false;
+                                textFieldBlinkingClearTimeoutService();
+                            }
+                            textFieldApplyChangesService(text_field);
+                        }
+                    }
+                    else {
+                        if (text_field.focusIndex !== index || text_field.selectIndex > -1) {
+                            text_field.focusIndex = index;
+                            text_field.selectIndex = -1;
+                            textFieldApplyChangesService(text_field);
+                        }
+                    }
+                    return;
+                }
+                w += textObject.w;
+                break;
+            default:
+                break;
+        }
+        if (!selected) {
+            text_field.focusIndex = textData.textTable.length;
+            text_field.selectIndex = -1;
+            if ($getBlinkingTimerId() === undefined) {
+                textFieldBlinkingUseCase(text_field);
+            }
+            else {
+                textFieldApplyChangesService(text_field);
+            }
+        }
+        else {
+            let height = 0;
+            for (let idx = 0; textData.heightTable.length > idx; ++idx) {
+                height += textData.heightTable[idx];
+            }
+            if (y > height || 2 > y) {
+                text_field.selectIndex = 2 > y
+                    ? 1
+                    : textData.textTable.length;
+                if (text_field.focusVisible) {
+                    text_field.focusVisible = false;
+                    textFieldBlinkingClearTimeoutService();
+                }
+                textFieldApplyChangesService(text_field);
+            }
+        }
+    }
+};

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

@@ -0,0 +1,11 @@
+import type { TextField } from "../../TextField";
+/**
+ * @description フォーカス
+ *
+ * @param  {TextField} text_field
+ * @param  {string} name
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (text_field: TextField, name: string) => void;

package/src/TextField/usecase/TextFieldSetFocusUseCase.js

@@ -0,0 +1,43 @@
+import { FocusEvent } from "@next2d/events";
+import { execute as textFieldApplyChangesService } from "../service/TextFieldApplyChangesService";
+import { execute as textFieldBlinkingClearTimeoutService } from "../service/TextFieldBlinkingClearTimeoutService";
+import { execute as textFieldBlinkingUseCase } from "./TextFieldBlinkingUseCase";
+import { $textArea, $getBlinkingTimerId } from "../../TextUtil";
+/**
+ * @description フォーカス
+ *
+ * @param  {TextField} text_field
+ * @param  {string} name
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (text_field, name) => {
+    if (text_field.willTrigger(name)) {
+        text_field.dispatchEvent(new FocusEvent(name));
+    }
+    $textArea.value = "";
+    if (text_field.focus) {
+        setTimeout(() => {
+            $textArea.focus();
+        }, 300);
+        if ($getBlinkingTimerId() === undefined) {
+            if (text_field.focusIndex === -1) {
+                text_field.focusIndex = 1;
+                text_field.selectIndex = -1;
+            }
+            textFieldBlinkingUseCase(text_field);
+        }
+    }
+    else {
+        // params reset
+        text_field.focusIndex = -1;
+        text_field.selectIndex = -1;
+        text_field.focusVisible = false;
+        // clear blinking
+        textFieldBlinkingClearTimeoutService();
+        // blur event
+        $textArea.blur();
+    }
+    textFieldApplyChangesService(text_field);
+};

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

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