// isComposing: 是否处于输入法合成阶段
let isComposing = false;

getOrderDemo
  .on(
    "input",
    throttle(function () {
      // 合成中不触发查询
      if (isComposing) return;

      const val = $(this)
        .val()
        .replace(/\s|\r|\t|\n/g, "");

      // ... 执行查询逻辑
    }, 500)
  )
  .on("compositionstart", function () {
    // 开始拼音/输入法合成
    isComposing = true;
  })
  .on("compositionend", function () {
    // 合成结束，恢复查询
    isComposing = false;
  });

import { ref } from "vue";
import { useThrottleFn } from "@vueuse/core";

export function useComposingSearch(
  onSearch: (val: string) => void,
  delay = 500
) {
  const isComposing = ref(false);
  const keyword = ref("");

  const throttledSearch = useThrottleFn(() => {
    if (isComposing.value) return;
    onSearch(keyword.value.trim());
  }, delay);

  function handleInput(e: Event) {
    keyword.value = (e.target as HTMLInputElement).value;
    throttledSearch();
  }

  function handleCompositionStart() {
    isComposing.value = true;
  }

  function handleCompositionEnd() {
    isComposing.value = false;
    throttledSearch();
  }

  return { keyword, handleInput, handleCompositionStart, handleCompositionEnd };
}

<input
  :value="keyword"
  @input="handleInput"
  @compositionstart="handleCompositionStart"
  @compositionend="handleCompositionEnd"
/>