# 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 -