JSPM

  • Created
  • Published
  • Downloads 7
  • Score
    100M100P100Q81343F
  • License MIT

Package Exports

  • @jimengio/dropdown

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@jimengio/dropdown) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Meson Dropdown

npm

A collection of components of displaying information.

In the migration... original: meson-display

Preview

dropdown-area dropdown-menu

Usage

yarn add @jimengio/dropdown
  • Dropdown area

Demos http://fe.jimu.io/dropdown/#/dropdown-area

import { DropdownArea } from "@jimengio/dropdown"

// make sure you got container element in HTML
// <div class="meson-dropdown-container"></div>

<DropdownArea className={styleTrigger} renderContent={(onClose) => "Some content"} hideClose>
  <div>No close button</div>
</DropdownArea>
  • Dropdown Menu
let items: IMenuListItem[] = [
  {
    value: "a",
    title: "A",
  },
  {
    value: "b",
    title: "使用 optionLabelProp 指定回填到选择框的 Option 属性。uses B",
  },
  {
    value: "c",
    title: "多选,从已有条目中选择。",
  },
  {
    value: "d",
    title: "弹出一个下拉菜单给用户选择操作,用于代替原生的选择器,或者需要一个更优雅的多选器时。",
  },
];

<DropdownMenu className={styleShortInput}
              value={selected}
              allowClear={false}
              items={items}
              onSelect={(value) => setSelected(value as string)}
              disabled={false}
              placeholder={"请选择"}
              emptyLocale={"没有数据"}  />

Workflow

https://github.com/jimengio/ts-workflow

License

MIT