ww.register({
  corpId, // 必填，企业微信的corpid，必须与当前登录的企业一致
  agentId, // 必填，企业授权了第三方应用或代开发应用后的应用id （e.g. 1000247）
  jsApiList,
  async getAgentConfigSignature() {
    // 获取并返回 agentConfig 签名信息
  }
})

// 会话组件需要确保 WWOpenData 初始化成功
await ww.initOpenData();

jsApiList = [
  'selectExternalContact',
  'shareAppMessage',
  'wwapp.invokeJsApiByCallInfo' // <- Add this
]

const factory = ww.createOpenDataFrameFactory()

const msgList = [
  {
    msgid,    // 消息 ID
    secretKey // 消息密钥
  }
]

const instance = factory.createOpenDataFrame({
  el: containerElement, // “容器”元素，用于挂载展示组件
  template: `
    <view
      wx:for="{{data.msgList}}"
      wx:key="msgid"
      class="msg"
      data-index="{{index}}"
      bindclick="handleClickEvent"
    >
      <ww-open-message
        message-id="{{item.msgid}}"
        secret-key="{{item.secretKey}}"
        open-type="viewMessage"
      />
    </view>
  `,
  style: `
    .msg {
      height: 100%;
      overflow: auto;
    }
  `,
  data: {
    msgList
  },
  methods: {
    handleClickEvent() {
      // 响应消息点击事件
      instance.setData({
        msgList: newMsgList
      })
    }
  }
})

/**
 * 创建 modal iframe、设置 src 并添加到 document.body
 */
handleModal({ modalUrl }) {
  const iframe = document.createElement('iframe')
  iframe.src = modalUrl
  iframe.className = 'modal'
  document.body.appendChild(iframe)
}

instance.setData({
  key: 'value',
  'data.path["computed member"][1]': 'deepValue'
})
/**
 * result:
 *
 * {
 *   key: 'value',
 *   data: {
 *     path: {
 *       'computed member': [
 *         ,
 *         'deepValue'
 *       ]
 *     }
 *   }
 * }
 */

<scroll-view
  scroll-y="{{true}}"
  scroll-top="{{data.scrollTop}}"
  scroll-with-animation="{{true}}"
  bindscrolltoupper="onScrollUpper"
  bindscrolltolower="onScrollLower"
  bindscroll="onScroll"
>
  <view class="title">员工列表</view>
  ...
</scroll-view>

<ww-open-data type="userAvatar" id="test" class="user-avatar" />

.user-avatar {
	width: 64px;
	height: 64px;
	border-radius: 4px;
}

<ww-open-button open-type="getExportCode" bindgetexportcode="onExportCodeReady">点击授权</ww-open-button>

onExportCodeReady(event) {
	console.log(event.detail.exportCode);
}

{
	"secret_key": "" // 异步任务解密密钥
}

<ww-suspense>
  <ww-open-message message-id="{{data.msgid}}" secret-key="{{data.secret_key}}" />
  <block wx:slot="fallback">
    <view class="msgCnt-fallback">消息内容正在加载...</view>
  </block>
</ww-suspense>

<ww-open-message message-id="{{item.msgid}}" secret-key="{{item.encrypt_info.secret_key}}" binderror="onOpenMsgError" />

factory.createOpenDataFrame({
	...
	methods: {
		...
		onOpenMsgError(event) {
			console.warn('open message error: ', event);
		},
	},
});

<scroll-view ref="refName">...</scroll-view>

const scrollViewContext = await ww.createScrollViewContext(instance, 'refName')

scrollViewContext.scrollTo({ top: 100 })