Function addSchema2Toolbar

packages/amis-editor/src/plugin/CRUD2/utils.ts:122–194

(
  schema: any,
  content: any,
  position: 'header' | 'footer',
  align: 'left' | 'right'
)

/** headerToolbar 和 footerToolbar 布局换成 flex 包裹 container */
export const addSchema2Toolbar = (
  schema: any,
  content: any,
  position: 'header' | 'footer',
  align: 'left' | 'right'
) => {
  const region = `${position}Toolbar`;
  const buildFlex = (items: any[] = []) => ({
    type: 'flex',
    items,
    style: {
      position: 'static'
    },
    direction: 'row',
    justify: 'flex-start',
    alignItems: 'stretch'
  });
  const buildContainer = (align?: 'left' | 'right', body: any[] = []) => ({
    type: 'container',
    body,
    wrapperBody: false,
    style: {
      flexGrow: 1,
      flex: '1 1 auto',
      position: 'static',
      display: 'flex',
      flexBasis: 'auto',
      flexDirection: 'row',
      flexWrap: 'nowrap',
      alignItems: 'stretch',
      ...(align
        ? {
            justifyContent: align === 'left' ? 'flex-start' : 'flex-end'
          }
        : {})
    }
  });

  if (
    !schema[region] ||
    isEmpty(schema[region]) ||
    !Array.isArray(schema[region])
  ) {
    const isArr = Array.isArray(schema[region]);
    const newSchema = buildFlex([
      buildContainer('left', isArr || !schema[region] ? [] : [schema[region]]),
      buildContainer('right')
    ]);

    (isArr && schema[region].push(newSchema)) || (schema[region] = [newSchema]);
  }

  // 尝试放到左面第一个，否则只能放外头了
  try {
    // 优先判断没有右边列的情况，避免都走到catch里造成嵌套层数过多的问题
    if (align === 'right' && schema[region][0].items.length < 2) {
      schema[region][0].items.push(buildContainer('right'));
    }