dcim-topology2d 2.2.3 → 3.0.2

package/static/echartsDefaultData.js

@@ -1,178 +0,0 @@
-// 图例默认数据
-export const echartsLegendDefaultData = {
-  icon: 'rect', // 图标类型：'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
-  itemWidth: 12, // 图标宽
-  itemHeight: 12, // 图标高
-  itemGap: 8, // 图例之间的间隔
-  top: '0%', // 图例距离容器上边位置
-  right: 'auto', // 图例距离容器右边位置
-  bottom: 'auto', // 图例距离容器下边位置
-  left: '60', // 图例距离容器左边位置
-  padding: [20, 0, 0, 0], // 图例内边距 string
-  color: '#fff', // 文字颜色
-  height: 8, // 文本显示高度 number
-  fontSize: 12 // 文字大小 number
-};
-// 柱状图和折线图默认标注
-export const echartsLineBarDefaultLegendData = {
-    data: ['标注1'],
-    icon: 'rich',
-    show: true,
-    itemWidth: 14,
-    itemHeight: 14,
-    textStyle: {
-        color: '#C6D1DB',
-        fontSize: '14px',
-    },
-    top: '12%',
-    left: '10%',
-    itemGap: 8
-};
-// 曲线默认配置数据
-export const echartsLineSeriesStyleData = {
-  smooth: false,
-  symbol: 'none',
-  symbolSize: 18,
-  itemLineStyle:{
-    color: '#2F86ED', //改变折线颜色
-    type: 'solid',
-    width: 1
-  },
-  area: false, // 是否是区域图
-  linear: false, // 是否是线性渐变
-  areaColor: {
-    type: 'linear',
-    x: 0,
-    y: 0,
-    x2: 0,
-    y2: 1,
-    global: false // 缺省为 false
-  },
-  areaColorStops:[{
-    offset: 0,
-    color: 'rgba(49, 144, 255, 0.21)' // 0% 处的颜色
-  }, {
-    offset: 1,
-    color: 'rgba(49, 144, 255, 0)' // 100% 处的颜色
-  }]
-}
-// 图表X轴默认配置数据
-export const echartsXAxisDefaultStyleData = {
-  x1AxisLabel: {
-    color: '#fff',
-    fontSize:"12"
-  }
-}
-// 图表Y轴默认配置数据
-export const echartsYAxisDefaultStyleData = {
-  ySplitLineShow: true, // y轴轴线是否显示
-  //坐标轴线样式
-  ysplitLineLineStyle: {
-    type: 'solid', //solid实线;dashed虚线
-    color: 'rgba(148, 147, 197, 0.5)'
-  },
-  y1axisLabelTextStyle: {
-    //坐标轴颜色
-    color: '#fff',
-    fontSize:"12",
-    padding: 5
-  },
-  // y轴刻度最大最小值和分隔值
-  y1MinMaxData: {
-    min: 0,
-    max: 60,
-    interval: 20
-  },
-  // y轴名称
-  y1NameData: {
-    name: '℃',
-    nameTextStyle: {
-      color: '#FDFDFD',
-      padding: [0, 0, 0, -52],
-    },
-    nameGap: 25
-  },
-  // y轴刻度标签文字样式
-  y2axisLabelTextStyle: {
-    //坐标轴颜色
-    color: '#fff',
-    fontSize:"12",
-    padding: 5
-  },
-  y2MinMaxData: {
-    name: '%',
-    nameTextStyle: {
-      color: '#FDFDFD',
-      padding: [0, -42, 0, 0],
-    },
-    nameGap: 25
-  },
-  y2NameData: {
-    min: 0,
-    max: 90,
-    interval: 30
-  }
-}
-// 图表的数据缩放
-export const echartsDataRoom = [{ //给x轴设置滚动条
-  start: 0, //默认为0
-  end: 50, //默认为100
-  type: 'slider',
-  show: false,
-  xAxisIndex: [0],
-  handleSize: 10, //滑动条的 左右2个滑动条的大小
-  height: 0, //组件高度
-}, { //下面这个属性是里面拖到
-  type: 'inside',
-  show: true,
-  xAxisIndex: [0],
-  start: 0, //默认为1
-  end: 50 // 100 - 1500 / 31, //默认为100
-}];
-// 图表类型Map
-export const echartsTypeMap = {
-    'type_1': 'line',
-    'type_2': 'bar',
-    'type_3': 'ring',
-    'type_4': 'TOP',
-    'type_5': 'pie',
-    'type_6': 'gauge'
-};
-// 图表颜色
-export const echartsColorData = [
-    '#2648E9',
-    '#E513F7',
-    '#79E10E',
-    '#0D9BE7',
-    '#23CEE2',
-    '#E5B903',
-    '#2BDB8E',
-    '#CAD804',
-    '#117BEE',
-    '#DB8407',
-    '#E72B2B',
-    '#E96812',
-    '#7612D6',
-    '#A117B8',
-    'rgb(21, 151, 224)',
-    'rgb(36, 220, 132)',
-    'rgb(154, 77, 251)',
-    'rgb(226, 182, 56)',
-    'rgb(253, 92, 71)',
-    'rgb(175, 215, 14)',
-    'rgb(214, 154, 37)',
-    'rgb(66, 251, 251)',
-    'rgb(255, 158, 4)',
-    'rgb(19, 236, 236)',
-    'rgb(68, 237, 146)',
-    'rgb(251, 94, 45)',
-    'rgb(18, 255, 113)'];
-// TOP排行榜默认颜色
-export const rankingTopColorList = [
-    'rgba(239, 120, 66, .6)',
-    'rgba(255, 225, 65, .5)',
-    'rgba(55, 240, 151, .5)',
-    'rgba(72, 211, 255, .6)',
-    'rgba(67, 153, 255, .5)'
-];
-export const rankingTopImageName = ['orange', 'yellow', 'ching', 'lightBlue', 'blue'];

package/static/element.js

@@ -1,14 +0,0 @@
-export const elementType = {
-    select: 'select',
-    table: 'table',
-    pagination: 'pagination',
-    iframe: 'iframe',
-    echarts: 'echarts'
-};
-export const elementSelectThemeType = [{
-    id: 0,
-    name: '默认'
-},{
-    id: 1,
-    name: '青色'
-}];

package/static/form.js

@@ -1,11 +0,0 @@
-// 下拉默认数据
-export const selectDefaultData = [{
-    id: '1',
-    name: '列表一'
-},{
-    id: '2',
-    name: '列表二'
-},{
-    id: '3',
-    name: '列表三'
-}];

package/static/index.js

@@ -1,3 +0,0 @@
-export * from './echartsDefaultData';
-export * from './form';
-export * from './element';

package/store/actions.js

@@ -1,2 +0,0 @@
-export const plugsPool = {};
-export const tabsPageContentData = {};

package/store/clear.js

@@ -1,14 +0,0 @@
-import {setEventListener} from "../core";
-import {tabsPageContentData} from "./actions";
-export const removeAllElement = function (){
-    for (let key of Object.keys(tabsPageContentData)) {
-        delete tabsPageContentData[key];
-    }
-    const documentDefineEle = document.querySelectorAll('.documentDefine');
-    if(documentDefineEle) {
-        documentDefineEle.forEach(function(element) {
-            element.removeEventListener('click', (e) => {setEventListener(e);});
-            element.parentNode.removeChild(element);
-        });
-    }
-}

package/store/default.js

@@ -1,22 +0,0 @@
-export const datePickerTypeList = [{
-    id: 'date',
-    name: '日期选择器', // 可选择：年、月、日
-    format: 'yyyy-MM-dd'
-},{
-    id: 'datetime',
-    name: '日期时间选择器', // 可选择：年、月、日、时、分、秒 dateType
-    format: 'yyyy-MM-dd HH:mm:ss'
-},{
-    id: 'year',
-    name: '年选择器', // 只提供年列表选择
-    format: 'yyyy'
-},{
-    id: 'month',
-    name: '年月选择器', // 只提供年、月选择
-    format: 'yyyy-MM'
-},{
-    id: 'time',
-    name: '时间选择器', // 只提供时、分、秒选择
-    format: 'HH:mm:ss'
-}];
-export const datePickerType = {}

package/store/index.js

@@ -1,3 +0,0 @@
-export * from './actions';
-export * from './clear';
-export * from './default';

package/style/common.css

@@ -1,15 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-li {
-  list-style: none;
-}
-.canvas-point.pointer{
-  cursor: pointer;
-}
-.canvas-point,
-.canvas-point.default{
-  cursor: default;
-}

package/style/datePicker.css

@@ -1,44 +0,0 @@
-.topology-datePicker{
-    position: relative;
-    box-sizing: border-box;
-}
-.topology-datePicker i{
-    display: inline-block;
-}
-.topology-datePicker input{
-    width: 100%;
-    height: 100%;
-    line-height: 100%;
-    border: none;
-    background: transparent;
-    vertical-align: top;
-}
-.topology-datePicker input::placeholder{
-    font-weight: normal;
-    color: rgb(220, 223, 230);
-}
-.topology-datePicker input:active,
-.topology-datePicker input:focus{
-    outline: none;
-}
-.topology-datePicker .icon-date,
-.topology-datePicker .icon-arrow{
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-}
-.layui-laydate-main{
-    width: 322px !important;
-}
-.layui-laydate-main table{
-    width: 100%;
-}
-.layui-laydate-header i{
-    font-size: 14px !important;
-}
-.laydate-set-ym {
-    font-size: 16px;
-}
-.layui-laydate-footer span.layui-laydate-preview{
-    font-size: 14px;
-}

package/style/editor.css

@@ -1,16 +0,0 @@
-/*.canvas-draw{*/
-/*    z-index: 2;*/
-/*}*/
-/*.canvas-point{*/
-/*    z-index: 6;*/
-/*}*/
-.canvas-point.pointer > div{
-    z-index: -2;
-}
-.topoEchart,
-.topology-select{
-    z-index: 1;
-}
-.topology-select-dropdown{
-    transition: all ease-in .2s;
-}

package/style/index.css

@@ -1,5 +0,0 @@
-@import './common.css';
-@import './select.css';
-@import './datePicker.css';
-
-

package/style/select.css

@@ -1,143 +0,0 @@
-.topology-select {
-    width: 160px;
-    height: 30px;
-    display: flex;
-    position: relative;
-    background-size: 100%;
-}
-.topology-select .topology-select-remove{
-    display: none;
-    position: absolute;
-    top: 50%;
-    right: 10px;
-    width: 13px;
-    height: 13px;
-    line-height: 8px;
-    font-size: 10px;
-    color: #c0c4cc;
-    cursor: pointer;
-    text-align: center;
-    border: 1px solid #c0c4cc;
-    border-radius: 100%;
-    transform: translateY(-50%);
-}
-.topology-select .topology-select-icon-arrow{
-    display: block;
-    position: absolute;
-    top: 50%;
-    right: 10px;
-    width: 0;
-    height: 0;
-    border: 7px solid transparent;
-    border-top-color: #284689;
-    border-bottom-width: 0;
-    border-top-left-radius: 4px;
-    border-top-right-radius: 4px;
-    transform: translateY(-50%);
-    transition: all .3s;
-}
-.topology-select .topology-select-icon-arrow.reverse{
-    /* top: 39%; */
-    transform: translateY(-50%) rotate(180deg);
-}
-.topology-select input {
-    width: 100%;
-    height: 100%;
-    font-size: 14px;
-    padding: 0 10px;
-    border-radius: 4px;
-    border: 1px solid #284689;
-    background: transparent;
-    outline: none;
-    cursor: pointer;
-    color: #fff;
-}
-.topology-select-dropdown {
-    position: absolute;
-    width: 160px;
-    border-radius: 5px;
-    margin-top: 14px;
-    border: 1px solid #284689;
-    background-size: 100%;
-    background-color: #0b1531;
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-    display: none;
-}
-.topology-select-dropdown .popper__arrow{
-    display: block;
-    position: absolute;
-    top: -7px;
-    left: 20%;
-    width: 0;
-    height: 0;
-    border: 6px solid transparent;
-    border-bottom-color: #284689;
-    border-top-width: 0;
-}
-/* 隐藏滚动条 */
-.topology-select-dropdown-list::-webkit-scrollbar {
-    display: none;
-}
-.topology-select-dropdown .topology-select-dropdown-list {
-    max-height: 230px;
-    margin: 8px 0;
-    overflow: auto;
-    background-size: 100%;
-}
-.topology-select-dropdown .topology-select-dropdown-list li {
-    display: flex;
-    height: 30px;
-    line-height: 30px;
-    align-items: center;
-    color: #fff;
-    cursor: pointer;
-    font-size: 12px;
-}
-.topology-select-dropdown .topology-select-dropdown-list li:hover {
-    background-color: #265797;
-    color: #fff !important;
-}
-.topology-select-dropdown .topology-select-dropdown-list li.selected {
-    color: #409eff !important;
-    font-weight: 700;
-}
-.topology-select-dropdown .topology-select-dropdown-list li span {
-    display: block;
-    width: 100%;
-    height: 100%;
-    padding: 0 20px;
-    cursor: pointer;
-}
-.topology-select.theme1 input{
-    padding: 0 35px 0 20px;
-    border-color: rgb(56, 255, 255);
-    background-color: rgba(56, 255, 255, 0.2);
-    font-size: 14px;
-    font-weight: 400;
-    font-family: "Arial Black";
-}
-.topology-select.theme1 .topology-select-icon-arrow{
-    border-top-color: rgb(56, 255, 255);
-}
-.topology-select-dropdown.theme1{
-    margin-top: 3px;
-    padding: 5px 0;
-    border-color: rgb(56, 255, 255);
-    background-color: rgb(9, 57, 75);
-}
-.topology-select-dropdown.theme1 .topology-select-dropdown-list{
-    margin: 0;
-}
-.topology-select-dropdown.theme1 .topology-select-dropdown-list li {
-    font-size: 14px;
-}
-.topology-select-dropdown.theme1 .topology-select-dropdown-list li:hover {
-    background-color: rgba(56, 255, 255, 0.2);
-    color: rgb(56, 255, 255) !important;
-}
-.topology-select-dropdown.theme1 .topology-select-dropdown-list li.selected {
-    color: rgb(56, 255, 255) !important;
-}
-.topology-select-dropdown.theme1 .popper__arrow{
-    display: none;
-}