Function createNumberInputItem

packages/vtable-plugins/src/contextmenu/styles.ts:345–381

(
  label: string,
  defaultValue: number = 1,
  icon: MenuItemIcon | undefined,
  callback: (value: number) => void,
  styles: MenuStyles = MENU_STYLES
)

 * 创建带有数字输入框的菜单项
 */
export function createNumberInputItem(
  label: string,
  defaultValue: number = 1,
  icon: MenuItemIcon | undefined,
  callback: (value: number) => void,
  styles: MenuStyles = MENU_STYLES
): HTMLElement {
  // 创建容器
  const container = createElement('div');
  applyStyles(container, styles.inputContainer);

  // 创建左侧图标容器

  // 添加图标
  if (icon) {
    const iconEl = createIcon(icon, undefined, styles.menuItemIcon);
    container.appendChild(iconEl);
  }
  // 创建标签
  const labelElement = createElement('label');
  labelElement.textContent = label;
  applyStyles(labelElement, styles.inputLabel);
  container.appendChild(labelElement);

  // 创建输入框
  const input = createElement('input') as HTMLInputElement;
  input.type = 'number';
  input.min = '1';
  input.value = defaultValue.toString();
  applyStyles(input, styles.inputField);
  container.appendChild(input);
  // 创建包装容器
  const wrapper = createElement('div');
  wrapper.appendChild(container);

  return wrapper;
}

/**
 * 格式化用户传入的类名配置