@duskmoon-dev/el-select (日语)

具有单一、多选择和树选择模式的统一选择组件.

安装

npm install @duskmoon-dev/el-select

使用量

// Auto-register the element
import '@duskmoon-dev/el-select/register';

// Or manually register
import { register } from '@duskmoon-dev/el-select';
register();

<el-dm-select placeholder="Select a fruit..."></el-dm-select>

特征

• 单一选择: 基本下拉选择
• 多选择: 基于标签的多选项
• 树选择: 具有扩展/缩放的分级数据选择
• 可搜索: 通过打入过滤选项
• 可清除: 用按钮清除选择
• 叠加模式: 选择父母时自动选择孩子
• 键盘导航: 完整的键盘支持

设置选项

const select = document.querySelector('el-dm-select');

// Flat options
select.setOptions([
  { value: 'apple', label: 'Apple' },
  { value: 'banana', label: 'Banana' }
]);

// Grouped options
select.setOptions([
  { value: 'js', label: 'JavaScript', group: 'Frontend' },
  { value: 'py', label: 'Python', group: 'Backend' }
]);

// Tree options
select.setTreeOptions([
  {
    value: 'frontend',
    label: 'Frontend',
    children: [
      { value: 'react', label: 'React' },
      { value: 'vue', label: 'Vue' }
    ]
  }
]);

属性

活动

许可证

麻省理工学院