@ digitalransit- 组件/ digitalransit- 组件- favourite- 模式

是 Modal 打开

要求。 对话框是否打开 .

类型 : 布尔

关闭

要求。 当对话框关闭而不保存时调用 .

类型 : 函数

保存爱好

要求。 用户保存时使用最喜爱的调用 .

类型 : 函数

取消选中内容

可选, 但编辑时需要( favourite 有最喜欢的Id): call 保存后和用户按下取消后,通常返回 喜欢的列表 。 添加新最爱时未使用 .

类型 : 函数

自动推荐组件

自动推荐用于搜索首选位置的组件 .

类型 : 节点

最爱

可选的 预填对话框的对象 。 有个最爱的 编辑模式中的对话框 .

类型 : 对象

属性

• type 字符串
• address 字符串
• gtfsId 字符串
• gid 字符串
• lat 编号
• lon 编号
• name 字符串
• selectedIconId 字符串
• favouriteId 字符串
• layer 字符串
• defaultName 字符串

朗语

可选的 语言, fi, en 或 sv. 默认为 fi.

类型 : 字符串

喜好莫达尔

用于添加新首选位置或编辑现有位置的对话框, 建立在HSL设计系统Modal上. 颜色、打字和 移动/桌面布局由设计系统处理,所以对话框 遵循当前部署的主题.

参数

• $0 对象

  • $0.isModalOpen
  • $0.handleClose
  • $0.saveFavourite
  • $0.cancelSelected (可选,默认) noop(中文(简体) )
  • $0.autosuggestComponent
  • $0.favourite (可选,默认) null(中文(简体) )
  • $0.lang (可选,默认) 'fi'(中文(简体) )

实例

<FavouriteModal
  isModalOpen={modalOpen}
  handleClose={handleClose}
  saveFavourite={onSaveFavourite}
  favourite={favourite}
  lang={lang}
  autosuggestComponent={
    <AutoSuggest
      sources={['History', 'Datasource']}
      targets={['Locations', 'CurrentPosition']}
      id="favourite"
      autoFocus={false}
      placeholder="search-address-or-place"
      value={favourite.address || ''}
      selectHandler={setLocationProperties}
      lang={lang}
    />
  }
/>

-- -- . .

这个模块是Digitransit-ui项目的一部分. 保留在 HSLdevcom/数码-i 库,您可以创建的地方 公关和问题.

安装

单独安装此模块 :

$ npm install @digitransit-component/digitransit-component-favourite-modal