Function createNewBlock

src/visual-editor/visual-editor.utils.ts:231–263

(component: VisualEditorComponent)

};

export function createNewBlock(component: VisualEditorComponent): VisualEditorBlockData {
  return {
    _vid: `vid_${generateNanoid()}`,
    moduleName: component.moduleName,
    componentKey: component!.key,
    label: component!.label,
    adjustPosition: true,
    focus: false,
    styles: {
      display: 'flex',
      justifyContent: 'flex-start',
      paddingTop: '0',
      paddingRight: '0',
      paddingLeft: '0',
      paddingBottom: '0',
      tempPadding: '0',
    },
    hasResize: false,
    props: Object.entries(component.props || {}).reduce((prev, [propName, propSchema]) => {
      const { propObj, prop } = useDotProp(prev, propName);
      if (propSchema?.defaultValue) {
        propObj[prop] = prev[propName] = propSchema?.defaultValue;
      }
      return prev;
    }, {}),
    draggable: component.draggable ?? true, // 是否可以拖拽
    showStyleConfig: component.showStyleConfig ?? true, // 是否显示组件样式配置
    animations: [], // 动画集
    actions: [], // 动作集合
    events: component.events || [], // 事件集合
    model: {},
  };
}

export type VisualDragEvent = {
  dragstart: {