wangbd-myui/ui/lib/gojs/template/theme.js

MY前端基础框架核心组件库

// import {merge} from '../utils/lib'
import defaultImage from '$ui/assets/img/placeholder.png'

const defaultIcon = 'F M927.51552691 838.62786695c0 47.2488403-13.46404948 ' +
  '87.64098874-40.51681552 121.42577956S827.28315862 1010.66849916 ' +
  '789.25968555 1010.66849916H234.74031445c-38.14814019 ' +
  '0-70.68625975-16.95472896-97.73902584-50.61485265-27.05276608-33.78479083-40.' +
  '51681555-74.3016064-40.51681552-121.42577956 0-36.77680182 1.74533977-71.55892963 ' +
  '5.48535346-104.22171634 3.74001377-32.66278669 10.47203848-65.57490761 ' +
  '20.44540848-98.73636283 9.97336998-33.03678807 22.68941672-61.46089255 ' +
  '38.02347305-85.02297911s35.77946482-42.88549093 61.08689117-57.72087878c' +
  '25.30742634-14.83538786 54.47953352-22.44008246 87.39165447-22.44008245 ' +
  '56.72354179 55.47687053 124.41779055 83.15297224 203.20741339 83.15297225' +
  's146.48387165-27.67610172 203.20741345-83.15297225c32.91212094 0 61.95956' +
  '103 7.48002749 87.39165445 22.44008245 25.30742634 14.83538786 45.62816768 ' +
  '34.15879219 61.08689115 57.72087878 15.33405633 23.68675371 28.05010309 ' +
  '51.86152393 38.02347306 85.02297911 9.97336998 33.03678807 16.83006183 ' +
  '65.948909 20.44540846 98.73636283 3.4906795 32.66278669 5.23601926 67.4449' +
  '1451 5.23601923 104.22171634zM688.27931447 86.38643594C737.02416025 135.131' +
  '28176 761.33424957 193.84949755 761.33424957 262.66575043s-24.31008934 127.534' +
  '46866-73.0549351 176.27931446S580.8162529 512 512 512s-127.53446866-24.310089' +
  '34-176.27931447-73.05493511S262.66575043 331.48200331 262.66575043 262.665750' +
  '43s24.31008934-127.53446866 73.0549351-176.27931449S443.1837471 13.33150084 512 ' +
  '13.33150084s127.53446866 24.31008934 176.27931447 73.0549351z'

// #7c818f
// #5b9bd5
// #ed7d31
// #ffc000
// #4472c4
// #70ad47
// #151c32

// #0099cc
// #ffb609
// #ef5350
// #00d156
// #f431ba

export const normal = {
  // 背景颜色
  fill: 'rgba(124,129,143,0.3)',
  // 边框样式
  stroke: '#7c818f',
  // 文本/icon颜色
  color: '#7c818f',
  // 形状外的文本颜色
  textColor: '#ffffff',
  strokeWidth: 2,
  opacity: 1,
  hoverOpacity: 1,
  grayOpacity: 0.25,
  selectedOpacity: 1,
  // 边框厚度
  disabledOpacity: 0.1,
  // 默认图标
  geometryString: defaultIcon,
  // 默认图片
  imageSource: defaultImage,
  // 标签颜色
  tags: ['#0099cc', '#ffb609', '#ef5350', '#00d156', '#f431ba'],

  selectedFill: 'rgba(64,158,255,0.1)',
  selectedStrokeWidth: 2,
  selectedStroke: '#409eff'
}

export const color1 = {
  fill: 'rgba(91,155,213,0.3)',
  stroke: '#5b9bd5',
  color: '#5b9bd5'
}

export const color2 = {
  fill: 'rgba(237,125,49,0.3)',
  stroke: '#ed7d31',
  color: '#ed7d31'
}

export const color3 = {
  fill: 'rgba(255,192,0,0.3)',
  stroke: '#ffc000',
  color: '#ffc000'
}

export const color4 = {
  fill: 'rgba(68,114,196,0.3)',
  stroke: '#4472c4',
  color: '#4472c4'
}

export const color5 = {
  fill: 'rgba(112,173,71,0.3)',
  stroke: '#70ad47',
  color: '#70ad47'
}

export const color6 = {
  fill: 'rgba(21,28,50,0.3)',
  stroke: '#151c32',
  color: '#151c32'
}