# PanelMixin

继承自 AppMixin,面板混入,提供展示的微件集合、模式、位置、微件的状态和可见性控制等功能。

一般在主题的子组件中混入 PanelMixin,这些组件可以直接使用 AppMixin 、 PanelMixin、DisplayModeMixin 里的属性、方法和钩子函数。比如一张图经典主题里的子组件 mp-pan-spatial-map-side-panel。

# props

参数 说明 类型 可选值 默认值 版本
widgets 微件列表。 array []
widgetStructure 微件结构。 array
relativeTo 指定弹出面板相对的元素(map/content)。 string map
mode 显示模式(single/multi),只有 relativeTo 为 map 才有效。 string single
position 面板弹出位置,只有 relativeTo 为 map 才有效。可参考 app.json object
styles 面板样式。可参考 app.json object
// position示例
{
  anchor: 'top-right',
  horizontalOffset: 0,
  verticalOffset: 0,
  top: 0,
  bottom: 0
}

// styles示例
{
  expand: false,
  width: null,
  height: null
}

# computed

# widgetsInPanel

  • 参数

    参数 描述 类型 默认值
    rel 弹出面板相对的元素(map/content),同 relativeTo string -
  • 用法 在 template 可按如下方式使用:

v-for="widget in widgetsInPanel()"
或
v-for="widget in widgetsInPanel('content')"

# isWidgetActive

  • 返回值:微件是否激活。

  • 参数

    参数 描述 类型 默认值
    widget 微件对象 Object -

# isWidgetVisible

  • 返回值:微件是否可见。

  • 参数

    参数 描述 类型 默认值
    widget 微件对象 Object -
    rel 弹出面板相对的元素(map/content),同 relativeTo Object string

# widgetStructureSider

  • 返回值:侧边栏微件结构。

# methods

# activateWidget

  • 描述:激活微件。

  • 参数

    参数 描述 类型 默认值
    widget 微件对象 Object -

# updateWidgetVisible

  • 描述:更新微件可见性,当可见性为 false 时,关闭微件。

  • 参数

    参数 描述 类型 默认值
    visible 可见性。 boolean -
    widget 微件对象 Object -