Method input

app/src/core/render/domElement/inputElement.tsx:23–119

* 在指定位置创建一个输入框 * @param location 输入框的左上角位置（相对于窗口左上角的位置） * @param defaultValue 一开始的默认文本 * @param onChange 输入框文本改变函数 * @param style 输入框样式 * @returns

(
    location: Vector,
    defaultValue: string,
    onChange: (value: string) => void = () => {},
    style: Partial<CSSStyleDeclaration> = {},
  )

   * @returns
   */
  input(
    location: Vector,
    defaultValue: string,
    onChange: (value: string) => void = () => {},
    style: Partial<CSSStyleDeclaration> = {},
  ): Promise<string> {
    return new Promise((resolve) => {
      const inputElement = document.createElement("input");
      inputElement.type = "text";
      inputElement.value = defaultValue;

      inputElement.style.position = "fixed";
      inputElement.style.top = `${location.y}px`;
      inputElement.style.left = `${location.x}px`;

      inputElement.id = "pg-input";
      inputElement.autocomplete = "off";
      Object.assign(inputElement.style, style);
      document.body.appendChild(inputElement);
      inputElement.focus();
      inputElement.select();
      const removeElement = () => {
        if (document.body.contains(inputElement)) {
          try {
            // 暂时关闭频繁弹窗报错。
            document.body.removeChild(inputElement);
          } catch (error) {
            console.error(error);
          }
        }
      };
      const adjustSize = () => {
        // inputElement.style.width = `${inputElement.scrollWidth + 2}px`;
      };

      const onOutsideClick = (event: Event) => {
        if (!inputElement.contains(event.target as Node)) {
          resolve(inputElement.value);
          onChange(inputElement.value);
          document.body.removeEventListener("mousedown", onOutsideClick);
          removeElement();
        }
      };
      const onOutsideWheel = () => {
        resolve(inputElement.value);
        onChange(inputElement.value);
        document.body.removeEventListener("mousedown", onOutsideClick);
        removeElement();
      };

      // 初始化
      setTimeout(() => {
        document.body.addEventListener("mousedown", onOutsideClick);
        document.body.addEventListener("touchstart", onOutsideClick);
        document.body.addEventListener("wheel", onOutsideWheel);
        adjustSize(); // 初始化时调整大小
      }, 10);