| 615 | |
| 616 | // 创建设置项按钮：统一标题、描述、交互样式。 |
| 617 | const createMenuItem = function (item) { |
| 618 | if (item.type === "range") { |
| 619 | const nitem = document.createElement("div"); |
| 620 | nitem.id = `nmenuid_${item.id}`; |
| 621 | nitem.className = |
| 622 | `kmenu-item kmenu-item-range ${item.extraClass || ""}`.trim(); |
| 623 | nitem.innerHTML = ` |
| 624 | <span class="kmenu-item-main"> |
| 625 | <span class="kmenu-item-title">${item.title}</span> |
| 626 | ${item.desc ? `<span class="kmenu-item-desc">${item.desc}</span>` : ``} |
| 627 | </span> |
| 628 | <span class="kmenu-range-row"> |
| 629 | <input id="kcg_hue_slider" class="kmenu-item-range-input" type="range" min="${item.min}" max="${item.max}" step="${item.step}" value="0"> |
| 630 | <span id="kcg_hue_value" class="kmenu-item-range-value">0°</span> |
| 631 | </span> |
| 632 | `; |
| 633 | return nitem; |
| 634 | } |
| 635 | |
| 636 | const nitem = document.createElement("button"); |
| 637 | nitem.type = "button"; |
| 638 | nitem.id = `nmenuid_${item.id}`; |
| 639 | nitem.className = |
| 640 | `kmenu-item ${item.type === "toggle" ? "kmenu-item-toggle" : "kmenu-item-action"} ${item.extraClass || ""}`.trim(); |
| 641 | nitem.innerHTML = ` |
| 642 | <span class="kmenu-item-main"> |
| 643 | <span class="kmenu-item-title">${item.title}</span> |
| 644 | ${item.desc ? `<span class="kmenu-item-desc">${item.desc}</span>` : ``} |
| 645 | </span> |
| 646 | `; |
| 647 | if (item.type === "toggle") { |
| 648 | nitem.appendChild(ncheckbox()); |
| 649 | } |
| 650 | return nitem; |
| 651 | }; |
| 652 | |
| 653 | // 设置信息架构：仅负责视觉分组，不改变原有业务配置 key。 |
| 654 | const getMenuGroups = function () { |