import baseJson from './base/index';
import { cloneDeep, merge } from 'lodash-es';

//组件配置项
const componentConfig: any = {
  version: '2.0.0',
  component: 'ViInitCanvas',
  componentName: '画布',
  id: 'ViCanvas',
  name: '基础画布',
  grid: {
    enable: false,
    space: 10,
    syncComponentWH: false
  },
  disabled: false,
  projectName: '',
  soComponent: false,
  zoom: 'QP',
  autoImport: {
    query: false,
    cookie: false,
    localStorage: false
  },
  watermark: {
    enable: false,
    id: 'viraha_watermark',
    stamp: 'Dream | 设计器',
    width: 500,
    height: 260,
    rotate: 40,
    font: 20,
    fillStyle: 'rgba(255,255,255,0.5)',
    textAlign: 'top',
    textBaseline: 'bottom'
  },
  layer: {
    img: `${(import.meta as any).env.VITE_APP_ORIGIN}images/components/canvas.png`
  },
  tools: {
    lock: false,
    hide: false,
    editName: false
  },
  drag: false,
  position: {
    width: 1920,
    height: 1080,
    left: 0,
    top: 0
  },
  backgroundStyle: {
    // 背景配置
    enable: true,
    backgroundColor: '#1c1e23',
    backgroundImage: '',
    backgroundRepeat: 'repeat',
    backgroundSize: 'intial',
    backgroundPosition: [0, 0],
    borderRadius: [0, 0, 0, 0],
    border: {
      color: '#ffffff',
      style: 'solid',
      width: [0, 0, 0, 0]
    }
  },
  initStyle: {},
  style: {}
};
export default merge(cloneDeep(baseJson), componentConfig);