Method createCustomSelect

src/core/nodeviews/code-block.ts:1082–1153

* 创建自定义下拉选择器

(
    options: { value: string; label: string }[],
    currentValue: string,
    onChange: (value: string) => void
  )

   * 创建自定义下拉选择器
   */
  private createCustomSelect(
    options: { value: string; label: string }[],
    currentValue: string,
    onChange: (value: string) => void
  ): HTMLElement {
    const container = document.createElement("div");
    container.className = "milkup-custom-select";

    const button = document.createElement("button");
    button.className = "milkup-custom-select-button";
    button.type = "button";
    const currentOption = options.find((o) => o.value === currentValue);
    button.textContent = currentOption?.label || options[0].label;

    const dropdown = document.createElement("div");
    dropdown.className = "milkup-custom-select-dropdown";

    for (const option of options) {
      const item = document.createElement("div");
      item.className = "milkup-custom-select-item";
      if (option.value === currentValue) {
        item.classList.add("selected");
      }
      item.textContent = option.label;
      item.dataset.value = option.value;
      item.addEventListener("click", (e) => {
        e.stopPropagation();
        button.textContent = option.label;
        // 更新选中状态
        dropdown.querySelectorAll(".milkup-custom-select-item").forEach((el) => {
          el.classList.remove("selected");
        });
        item.classList.add("selected");
        container.classList.remove("open");
        onChange(option.value);
      });
      dropdown.appendChild(item);
    }

    button.addEventListener("click", (e) => {
      e.stopPropagation();
      // 关闭所有其他下拉框
      document.querySelectorAll(".milkup-custom-select.open").forEach((el) => {
        if (el !== container) {
          el.classList.remove("open");
        }
      });

      // 检测是否需要向上弹出
      const buttonRect = button.getBoundingClientRect();
      const viewportHeight = window.innerHeight;
      const spaceBelow = viewportHeight - buttonRect.bottom;
      const dropdownHeight = 240; // 最大高度

      if (spaceBelow < dropdownHeight && buttonRect.top > spaceBelow) {
        container.classList.add("dropup");
      } else {
        container.classList.remove("dropup");