openatc-components 0.0.1 → 0.0.6

package/package/kisscomps/components/KissCircleMenu/style/main/other.less

@@ -1,94 +0,0 @@
-@import "../mixin/mixin.less";
-@import "../var/var.less";
-
-
-//子菜单默认背景颜色
-.blue {
-  background: @CircleMenuItem4Color;
-}
-.yellow {
-  background: @CircleMenuItem3Color;
-}
-.green {
-  background: @CircleMenuItem2Color;
-}
-
-.purple {
-  background: @CircleMenuItem1Color;
-}
-
-.pink {
-  background: @CircleMenuBtnColor;
-}
-//遮罩样式
-.oy-mask-white {
-  .mask();
-  background: rgba(255, 255, 255, 0.8);
-  &_transparent{
-    .mask();
-  }
-}
-
-.oy-mask-black {
-  .mask();
-  background: rgba(0, 0, 0, 0.6);
-  &_transparent{
-    .mask();
-  }
-}
-
-// 菜单和子菜单的基础样式
-.oy-menu-group{
-  z-index: 1001;
-}
-
-.oy-menu-btn{
-  .meun-base();
-  &:active{
-    box-shadow: inset 0 0 1000px rgba(0, 0, 0, .5);
-  }
-}
-.oy-menu-btn-Circle {
-  .circle();
-  outline: none;
-}
-
-.oy-menu-item{
-  .meun-base();
-  .circle();
-  &:active{
-    box-shadow: inset 0 0 1000px rgba(0, 0, 0, .5);
-  }
-}
-
-// 默认开关按钮样式
-.icon-bars{
-  background: #fff;
-  height: 1px;
-  width: 22px;
-  margin: auto;
-  display: block;
-  position: relative;
-  transition: 0.2s 0.2s;
-  &:after{
-    content: '';
-    position: absolute;
-    height: 22px;
-    width: 1px;
-    background: #fff;
-    top: -10px;
-  }
-  .oy-menu-group.open &{
-    transform: rotate(45deg);
-  }
-}
-
-// 菜单和子菜单定位
-.oy-menu-group {
-  position: relative;
-  float: right;
-  transition: 0.2s;
-}
-.oy-menu-group .btn-toggle {
-  z-index: 15;
-}

package/package/kisscomps/components/KissCircleMenu/style/mixin/mixin.less

@@ -1,36 +0,0 @@
-@import "../var/var.less";
-// 遮罩基础样式
-.mask() {
-  position: fixed;
-  z-index: 1000;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-}
-
-// 菜单按钮基础样式
-.meun-base() {
-  width: @CircleWidth;
-  height: @CircleHeight;
-  line-height: 50px;
-  display: inline-block;
-  border: none;
-  text-align: center;
-  position: relative;
-}
-
-//圆角
-.circle(){
-  border-radius: 50%;
-}
-
-//菜单位置
-.CircleItem(){
-  position: absolute;
-  right: 0;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  opacity: 0;
-}

package/package/kisscomps/components/KissCircleMenu/style/var/var.less

@@ -1,21 +0,0 @@
-// CircleMenu菜单按钮和菜单默认背景颜色
-@CircleMenuBtnColor: #F0A28E;
-@CircleMenuItem1Color: #8e24aa;
-@CircleMenuItem2Color: #00e676;
-@CircleMenuItem3Color: #ffa000;
-@CircleMenuItem4Color: #40c4ff;
-
-// 菜单基础间隔距离
-@MenuSpace: 55px;
-@MenuPrepSpace: -55px;
-
-//菜单type类型,middle-round因为有“-”会报错
-@top: .top;
-@bottom: .bottom;
-@left: .left;
-@right: .right;
-@middle: .middle;
-
-//圆环大小
-@CircleWidth: 48px;
-@CircleHeight: 48px;

package/package/kisscomps/components/KissCircleMenu/utils/colorRE.js

@@ -1,5 +0,0 @@
-const hexColors = /^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/
-const rgbColors = /^[rR][gG][Bb][Aa]?[(]([\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?),){2}[\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?),?[\s]*(0\.\d{1,2}|1|0)?[)]{1}$/g
-export function isColors (value) {
-  return hexColors.test(value) || rgbColors.test(value)
-}

package/package/kisscomps/components/KissMessageBox/KissMessageBox.vue

@@ -1,108 +0,0 @@
-<template>
-  <div>
-    <el-dialog
-      center
-      :top="boxTop"
-      :width="boxWidth"
-      :visible.sync="boxVisible"
-      :title="title"
-      :close-on-click-modal="false"
-      custom-class="kissMessageBox"
-      @close="oncancle"
-      append-to-body>
-      <div class="text">{{text}}</div>
-      <div slot="footer" class="boxFooter">
-        <el-button class="btn canclebtn" type="primary" @click="oncancle">取 消</el-button>
-        <el-button class="btn okbtn" type="primary" @click="onok">确 认</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-<script>
-export default {
-  name: 'kiss-message-box',
-  data () {
-    return {
-      boxVisible: this.visible
-    }
-  },
-  watch: {
-    visible: function (val) {
-      this.boxVisible = val
-    }
-  },
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: '提示'
-    },
-    text: {
-      type: String,
-      default: ''
-    },
-    boxTop: {
-      type: String,
-      default: '380px'
-    },
-    boxWidth: {
-      type: String,
-      default: '424px'
-    }
-  },
-  methods: {
-    onok () {
-      this.$emit('ok')
-    },
-    oncancle () {
-      this.$emit('cancle')
-    }
-  },
-  mounted () {
-  }
-}
-</script>
-<style>
-.kissMessageBox {
-  background: rgba(6, 63, 77, 0.8);
-  border: 1px solid #085c71;
-}
-.kissMessageBox .el-dialog__header {
-  border-bottom: 1px solid #004e61;
-}
-.kissMessageBox .el-dialog__header .el-dialog__headerbtn i {
-  color: #0096ba;
-}
-.kissMessageBox .el-dialog__body {
-  text-align: center;
-}
-.kissMessageBox .el-dialog__title {
-  font-size: 16px;
-  color: #42daff;
-}
-.kissMessageBox .text {
-  font-family: MicrosoftYaHei;
-  font-size: 14px;
-  color: #ffffff;
-}
-.kissMessageBox .boxFooter .btn {
-  font-size: 14px;
-  font-family: MicrosoftYaHei;
-  width: 64px;
-  height: 34px;
-  padding: 2px 10px;
-}
-.kissMessageBox .boxFooter .canclebtn {
-  background-color: #09647a;
-  color: #42daff;
-  border-color: #09647a;
-}
-.kissMessageBox .boxFooter .okbtn {
-  background-color: #0096ba;
-  color: #fff;
-  border-color: #0096ba;
-}
-</style>

package/package/kisscomps/components/KissMessageBox/index.js

@@ -1,2 +0,0 @@
-import KissMessageBox from './KissMessageBox.vue'
-export default KissMessageBox

package/package/kisscomps/components/KissSearchInput/index.js

@@ -1,2 +0,0 @@
-import KissSearchInput from './kisssearchinput.vue'
-export default KissSearchInput

package/package/kisscomps/components/KissSearchInput/kisssearchinput.vue

@@ -1,77 +0,0 @@
-<template>
-  <div class="kiss-search-input">
-      <div class="kiss-input-container">
-        <input type="text" class="kiss-input-default" :placeholder="placeHolder" v-model="textdata">
-        <button type="submit" @click="handleClick"></button>
-      </div>
-  </div>
-</template>
-<script>
-export default {
-  name: 'kiss-search-input',
-  props: {
-    placeHolder: {
-      type: String,
-      default: '请输入您要搜索的内容...'
-    },
-    textdata: {
-      type: String,
-      default: ''
-    }
-  },
-  methods: {
-    handleClick (evtFunc) { // 添加点击事件响应
-      this.$emit('click', evtFunc)
-    }
-  }
-}
-</script>
-<style scoped>
-  .kiss-input-default{
-    width: 230px;
-    height: 24px;
-    padding: 0;
-    margin: 10px 2px 0px 19px;
-    color: #42daff;
-    font-size: 14px;
-    outline: 0px;
-    border: 0px;
-    border-radius: 6px;
-    background-color: transparent;
-  }
-  .kiss-input-container{
-    display: block;
-    width: 248px;
-    height: 43px;
-    background: url("../image/KissSearchInput/searchinput.png");
-    /* background-size: cover; */
-    background-repeat: no-repeat;
-  }
-  .kiss-search-input button{
-    float: right;
-    display: inline;
-    margin-top: 10px;
-    margin-right: 10px;
-    width: 25px;
-    height: 25px;
-    background: url("../image/KissSearchInput/search.png");
-    background-repeat: no-repeat;
-    outline: none;
-    border: none;
-    cursor:pointer;
-  }
-
-  .kiss-search-input button:hover{
-    background: url("../image/KissSearchInput/searchhover.png");
-    background-repeat: no-repeat;
-  }
-  .kiss-search-input input{
-    width: 182px;
-    margin: 12px, 2px, 0px, 19px;
-  }
-  .kiss-search-input input::-webkit-input-placeholder {
-    color: #0096ba;
-    font-size: 15px;
-    text-align: left;
-  }
-</style>

package/package/kisscomps/components/KissSimulationProgress/KissSimulationProgress.vue

@@ -1,294 +0,0 @@
-<template>
-  <div id="progressBar">
-    <!-- 进度条 -->
-    <div class="bar">
-        <span class="curProcess" :style="{width:percentage+'%'}"></span>
-    </div>
-    <!-- 圆 -->
-    <span v-for="(item, index) in circleNomal" class="circle" :key="`circleNomal-${index}`" :class="item.className" :style="{left:item.left}"></span>
-    <!-- 菱形 -->
-    <span v-for="(item, index) in timeLine" class="diamond" :key="`timeLine-${index}`" :class="item.className" :style="{left:item.left}"></span>
-    <!-- 当前时间标记 -->
-    <div id="curTime" :style="{left:percentage+'%'}">
-      <div>{{curTime}}</div>
-      <span class="curTimeIcon"></span>
-    </div>
-    <!-- 时间节点 -->
-    <div style="width: 100%; position: relative;">
-      <span v-for="(item, index) in timeLine" :key="index" class="time" :style="{left:item.left}">
-        {{item.time}}
-      </span>
-    </div>
-    <div class="curText">已完成:{{percentage}}%</div>
-  </div>
-</template>
-<script>
-import moment from 'moment'
-export default {
-  name: 'kiss-simulation-progress',
-  data () {
-    return {
-      timeLine: [{ // 目前时间写死为一天五等分
-        left: '0%',
-        className: 'normalDiamond'
-      }, {
-        left: '25%',
-        className: 'normalDiamond'
-      }, {
-        left: '50%',
-        className: 'normalDiamond'
-      }, {
-        left: '75%',
-        className: 'normalDiamond'
-      }, {
-        left: '100%',
-        className: 'normalDiamond'
-      }],
-      circleNomal: [],
-      percentage: 0,
-      curTime: 0
-    }
-  },
-  props: {
-    totalseconds: {
-      type: Number,
-      default: 0
-    },
-    curseconds: {
-      type: Number,
-      default: 0
-    },
-    starttime: {
-      type: String,
-      default: '2019-01-01 00:00:00'
-    },
-    endtime: {
-      type: String,
-      default: '2019-01-01 00:00:00'
-    }
-  },
-  watch: {
-    curseconds: function (val) {
-      let mseconds = val + '000'
-      this.curstamp = Number(this.startstamp) + Number(mseconds)
-      this.curTime = this.stampToTime(this.curstamp)
-      this.percentage = (this.curseconds / this.totalseconds * 100).toFixed(0)
-      // this.createCircle()
-      this.changeProgressStyle()
-    }
-  },
-  directives: {
-    drag: function (el) {
-      let dragBox = el
-      dragBox.onmousedown = e => {
-        // 算出鼠标相对元素的位置
-        let disX = e.clientX - dragBox.offsetLeft
-        document.onmousemove = e => {
-          // 用鼠标的位置减去鼠标相对元素的位置，得到元素的位置
-          let left = e.clientX - disX
-          // 移动当前元素
-          dragBox.style.left = left + 'px'
-        }
-        document.onmouseup = e => {
-          // 鼠标弹起来的时候不再移动
-          document.onmousemove = null
-          // 预防鼠标弹起来后还会循环(即预防鼠标放上去的时候还会移动)
-          document.onmouseup = null
-        }
-      }
-    }
-  },
-  methods: {
-    createCircle () {
-      this.circleNomal = []
-      let curCircleLeft = 0
-      while (curCircleLeft < 100) {
-        if (curCircleLeft % 25 !== 0) {
-          this.circleNomal.push({
-            left: `${curCircleLeft}%`,
-            className: 'normalCircle'
-          })
-        }
-        curCircleLeft = curCircleLeft + 6.25
-      }
-    },
-    changeProgressStyle () {
-      this.circleNomal.forEach(ele => {
-        if (Number(ele.left.split('%')[0]) > this.percentage) {
-          ele.className = 'abnormalCircle'
-        } else {
-          ele.className = 'normalCircle'
-        }
-      })
-      this.timeLine.forEach(ele => {
-        if (Number(ele.left.split('%')[0]) >= this.percentage) {
-          ele.className = 'abnormalDiamond'
-        } else {
-          ele.className = 'normalDiamond'
-        }
-      })
-    },
-    createTimeLine () {
-      // 根据起始时间，计算时间线（默认5个时间节点）
-      this.startstamp = this.timeToStamp(this.starttime)
-      this.endstamp = this.timeToStamp(this.endtime)
-      const step = (this.endstamp - this.startstamp) / 4
-      for (let i = 0; i < 5; i++) {
-        this.timeLine[i].time = this.computedDateTime(this.startstamp, step * i)
-      }
-    },
-    computedDateTime (startstamp, step) {
-      // 根据开始时间戳和可变步长，计算当前时间
-      const nowstamp = Number(startstamp) + Number(step)
-      const nowTime = this.stampToTime(nowstamp)
-      return nowTime
-    },
-    timeToStamp (timeString) {
-      // 将日期格式字符串转换为时间戳
-      const time = new Date(timeString)
-      return moment(time).valueOf()
-    },
-    stampToTime (stamp) {
-      // 将时间戳转为日期格式字符串
-      return moment(stamp).format('MM-DD HH:mm:ss')
-      // return moment(stamp).format('HH:mm:ss')
-    }
-  },
-  mounted () {
-    this.createTimeLine()
-    this.createCircle()
-  }
-}
-</script>
-<style scoped>
-#progressBar{
-  width: 80%;
-  height: 50px;
-  position: relative;
-  margin: 20px 0 0 30px;
-}
-#progressBar .bar{
-  width: 100%;
-  height: 3px;
-  position: absolute;
-  top:50%;
-  left: 0;
-  margin-top:-30px;
-  background: #0096ba;
-  z-index: 1;
-}
-#progressBar .bar  .curProcess{
-  position: absolute;
-  display: inline-block;
-  background: #42daff;
-  height: 3px;
-  z-index: 1;
-  transition: width 700ms linear;
-  -moz-transition: width 700ms linear; /* Firefox 4 */
-  -webkit-transition: width 700ms linear; /* Safari 和 Chrome */
-  -o-transition: width 700ms linear; /* Opera */
-}
-
-/* 圆 */
-.circle {
-  position: absolute;
-  top:0;
-  margin-top: -9px;
-  width: 11px;
-  height: 11px;
-  border-radius: 50%;
-  margin-left: -5px;
-  color:#fff;
-  z-index: 9;
-  box-sizing: border-box;
-  transition: background 600ms;
-  -moz-transition: background 600ms; /* Firefox 4 */
-  -webkit-transition: background 600ms; /* Safari 和 Chrome */
-  -o-transition: background 600ms; /* Opera */
-}
-.normalCircle{
-  border:2px solid #42daff;
-  background: #42daff;
-}
-.abnormalCircle {
-  border: 2px solid #0096ba;
-  background:#181818;
-}
-/* 菱形 */
-#progressBar>.diamond {
-  position: absolute;
-  top:0;
-  z-index: 10;
-  width: 10px;
-  height: 10px;
-  /* Rotate */
-  -webkit-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  -webkit-transform-origin: 0 100%;
-  transform-origin: 0 100%;
-  border-radius: 0;
-  border: none;
-  margin-top: -7px;
-  margin-left: 0px;
-  transition: background 700ms linear;
-  -moz-transition: background 700ms linear; /* Firefox 4 */
-  -webkit-transition: background 700ms linear; /* Safari 和 Chrome */
-  -o-transition: background 700ms linear; /* Opera */
-}
-#progressBar>.normalDiamond {
-  background: #42daff;
-}
-#progressBar>.abnormalDiamond {
-  background: #0096ba;
-}
-/* 时间节点 */
-#progressBar .time {
-  position: absolute;
-  top: 0;
-  width: 48px;
-  height: 11px;
-  font-size: 12px;
-  font-family: 'MicrosoftYaHei';
-  line-height: 35px;
-  color: #999;
-  width: 100px;
-  white-space: nowrap;
-  height: 40px;
-  transform: translateX(-50%);
-}
-/* 当前时间 */
-#progressBar #curTime {
-  position: absolute;
-  top: -52px;
-  z-index: 20;
-  line-height: 35px;
-  color: #fff;
-  font-size: 14px;
-  transition: left 700ms linear;
-  -moz-transition: left 700ms linear; /* Firefox 4 */
-  -webkit-transition: left 700ms linear; /* Safari 和 Chrome */
-  -o-transition: left 700ms linear; /* Opera */
-}
-#progressBar #curTime>div {
-  /* min-width: 100px; */
-  transform: translateX(-50%);
-  white-space: nowrap;
-}
-#progressBar .curTimeIcon {
-  display: inline-block;
-  width: 22px;
-  height: 22px;
-  border-radius: 50%;
-  background: #42daff;
-  border: 2px solid #0096ba;
-  transform: translateX(-50%);
-}
-#progressBar .curText {
-  position: absolute;
-  top: -16px;
-  right: -100px;
-  font-size: 14px;
-  color: #fff;
-  font-family: 'MicrosoftYaHei';
-}
-</style>

package/package/kisscomps/components/KissSimulationProgress/index.js

@@ -1,2 +0,0 @@
-import KissSimulationProgress from './KissSimulationProgress.vue'
-export default KissSimulationProgress