dooringx-lib 中组件传参：leftAllRegistMap 使用指南

在 dooringx-lib 中，可以通过在组件的注册时，将参数作为一个对象传入，然后在组件内部通过 props 来接收这个参数对象。具体步骤如下：

1. 在 leftAllRegistMap 中注册组件时，将参数对象作为第二个参数传入：

import MyComponent from './MyComponent';

leftAllRegistMap.set('my-component', {
  component: MyComponent,
  // 将参数对象作为第二个参数传入
  props: { 
    title: 'Hello World',
    count: 5
  }
});

2. 在组件内部通过 props 来接收参数对象：

import React from 'react';

function MyComponent(props) {
  const { title, count } = props;
  return (
    <div>
      <h1>{title}</h1>
      <p>Count: {count}</p>
    </div>
  );
}

export default MyComponent;

这样，在使用 my-component 组件时，就可以通过 leftAllRegistMap 中传入的 props 来控制组件的行为。例如：

<Dooring>
  <div className='dooring-container'>
    <div className='dooring-left'>
      <LeftContainer />
    </div>
    <div className='dooring-right'>
      <RightContainer />
    </div>
  </div>
  <div className='dooring-mask'></div>
  <div className='dooring-modal'></div>
  <div className='dooring-preview'></div>
  <div className='dooring-render'></div>
  <div className='dooring-undo'></div>
  <div className='dooring-redo'></div>
  <div className='dooring-clipboard'></div>
  <div className='dooring-history'></div>
  <div className='dooring-components'>
    <MyComponent title='Hello Dooring' count={10} />
  </div>
</Dooring>

这里将 title 设置为 'Hello Dooring'，count 设置为 10，就会在组件中显示出来。