openatc-components 0.0.1 → 0.0.2

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

@@ -1,108 +1,108 @@
-<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>
+<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 +1,2 @@
-import KissMessageBox from './KissMessageBox.vue'
-export default KissMessageBox
+import KissMessageBox from './KissMessageBox.vue'
+export default KissMessageBox

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

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

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

@@ -1,77 +1,77 @@
-<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>
+<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>