/**
 * NavBar 自定义导航栏（规范 §17）
 *
 * 用于非 tabBar 页面：返回按钮 + 标题 + 右侧操作 slot。
 * statusBarHeight / navBarHeight 由调用方 app.js 通过 wx.getSystemInfoSync 注入。
 * 用法：
 *   <ui-nav-bar title="编辑资料" show-back bind:back="onBack" />
 */
Component({
  options: { addGlobalClass: true, multipleSlots: true },
  properties: {
    title: { type: String, value: '' },
    showBack: { type: Boolean, value: true },
    statusBarHeight: { type: Number, value: 20 },
    navBarHeight: { type: Number, value: 44 },
    bg: { type: String, value: 'card' },     // card | transparent
  },
  data: {
    containerStyle: '',
  },
  observers: {
    'statusBarHeight, navBarHeight'(s, n) {
      this.setData({
        containerStyle: `padding-top: ${s}px; height: ${s + n}px;`,
      });
    },
  },
  methods: {
    onBack() {
      this.triggerEvent('back', {});
    },
  },
});