openatc-components 0.0.1 → 0.0.2

package/package/kisscomps/components/tablebutton/index.js

@@ -1,2 +1,2 @@
-import KissTableButton from './tablebutton.vue'
-export default KissTableButton
+import KissTableButton from './tablebutton.vue'
+export default KissTableButton

package/package/kisscomps/components/tablebutton/tablebutton.vue

@@ -1,97 +1,97 @@
-<template>
-  <div>
-    <div v-for="(name, index) in tabList"
-         :key="index"
-         @click="onTabClick(index)"
-         :class="index===curIndex ? 'tablebutton-click' : 'tablebutton'">
-      <span :class="index===curIndex ? 'text-click' : 'text'"
-            :style="{width: width}"> {{name}}</span>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: 'kiss-tablebutton',
-  props: {
-    tabList: {
-      type: Array
-    },
-    width: {
-      type: String,
-      default: '90px'
-    },
-    defaultCheckedName: {
-      type: String,
-      default: undefined
-    }
-  },
-  data () {
-    return {
-      curIndex: 0
-    }
-  },
-  methods: {
-    onTabClick (index) {
-      if (this.curIndex === index) { return }
-      this.$emit('leaveStates', this.curIndex)
-      this.curIndex = index
-      this.$emit('entryStates', this.curIndex)
-    }
-  },
-  mounted () {
-    if (!this.defaultCheckedName) return
-    this.tabList.filter((item, index) => {
-      if (item === this.defaultCheckedName) {
-        this.onTabClick(index)
-      }
-    })
-  }
-}
-</script>
-<style scoped>
-.text {
-  display: block;
-  font-size: 14px;
-  color: #0096ba;
-  height: 34px;
-  text-align: center;
-  line-height: 34px;
-  -moz-transform: skewX(25deg);
-  -ms-transform: skewX(25deg);
-  -webkit-transform: skewX(25deg);
-  transform: skewX(25deg);
-}
-.text-click {
-  display: block;
-  font-size: 14px;
-  color: #ffffff;
-  height: 34px;
-  text-align: center;
-  line-height: 34px;
-  -moz-transform: skewX(25deg);
-  -ms-transform: skewX(25deg);
-  -webkit-transform: skewX(25deg);
-  transform: skewX(25deg);
-}
-.tablebutton {
-  background: rgba(22, 45, 51, 0.5);
-  float: left;
-  border: 1px solid rgba(10, 73, 88, 0.5);
-  -moz-transform: skewX(-25deg);
-  -ms-transform: skewX(-25deg);
-  -webkit-transform: skewX(-25deg);
-  transform: skewX(-25deg);
-}
-.tablebutton-click {
-  background: #0585a5;
-  border: 1px solid #42daff;
-  float: left;
-  -moz-transform: skewX(-25deg);
-  -ms-transform: skewX(-25deg);
-  -webkit-transform: skewX(-25deg);
-  transform: skewX(-25deg);
-}
-.text:hover {
-  color: #ffffff;
-}
-</style>
+<template>
+  <div>
+    <div v-for="(name, index) in tabList"
+         :key="index"
+         @click="onTabClick(index)"
+         :class="index===curIndex ? 'tablebutton-click' : 'tablebutton'">
+      <span :class="index===curIndex ? 'text-click' : 'text'"
+            :style="{width: width}"> {{name}}</span>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'kiss-tablebutton',
+  props: {
+    tabList: {
+      type: Array
+    },
+    width: {
+      type: String,
+      default: '90px'
+    },
+    defaultCheckedName: {
+      type: String,
+      default: undefined
+    }
+  },
+  data () {
+    return {
+      curIndex: 0
+    }
+  },
+  methods: {
+    onTabClick (index) {
+      if (this.curIndex === index) { return }
+      this.$emit('leaveStates', this.curIndex)
+      this.curIndex = index
+      this.$emit('entryStates', this.curIndex)
+    }
+  },
+  mounted () {
+    if (!this.defaultCheckedName) return
+    this.tabList.filter((item, index) => {
+      if (item === this.defaultCheckedName) {
+        this.onTabClick(index)
+      }
+    })
+  }
+}
+</script>
+<style scoped>
+.text {
+  display: block;
+  font-size: 14px;
+  color: #0096ba;
+  height: 34px;
+  text-align: center;
+  line-height: 34px;
+  -moz-transform: skewX(25deg);
+  -ms-transform: skewX(25deg);
+  -webkit-transform: skewX(25deg);
+  transform: skewX(25deg);
+}
+.text-click {
+  display: block;
+  font-size: 14px;
+  color: #ffffff;
+  height: 34px;
+  text-align: center;
+  line-height: 34px;
+  -moz-transform: skewX(25deg);
+  -ms-transform: skewX(25deg);
+  -webkit-transform: skewX(25deg);
+  transform: skewX(25deg);
+}
+.tablebutton {
+  background: rgba(22, 45, 51, 0.5);
+  float: left;
+  border: 1px solid rgba(10, 73, 88, 0.5);
+  -moz-transform: skewX(-25deg);
+  -ms-transform: skewX(-25deg);
+  -webkit-transform: skewX(-25deg);
+  transform: skewX(-25deg);
+}
+.tablebutton-click {
+  background: #0585a5;
+  border: 1px solid #42daff;
+  float: left;
+  -moz-transform: skewX(-25deg);
+  -ms-transform: skewX(-25deg);
+  -webkit-transform: skewX(-25deg);
+  transform: skewX(-25deg);
+}
+.text:hover {
+  color: #ffffff;
+}
+</style>

package/package/kisscomps/components/timectrl/KissTimeCtrl.vue

@@ -1,67 +1,67 @@
-<template>
-  <div class="kiss-time-picker">
-    <input id="datepicker"
-           v-model="inputtext">
-  </div>
-</template>
-
-<script>
-import flatpickr from 'flatpickr'
-// require('./timectrl.css')
-// require('flatpickr/dist/themes/dark.css')
-export default {
-  name: 'kiss-date-picker',
-  props: {
-    enableTime: { // <是否使用时间
-      type: Boolean,
-      default: true
-    },
-    inputDateFormat: { // <时间格式化字符串
-      type: String,
-      default: 'Y-m-d H:i:S'
-    },
-    inputwidth: {
-      type: String,
-      default: '200'
-    },
-    inputheight: {
-      type: String,
-      default: '30'
-    },
-    inputtext: {
-      type: String,
-      default: ''
-    }
-  },
-  mounted () {
-    this.Init()
-  },
-  methods: {
-    Init () {
-      flatpickr('#datepicker', {
-        enableTime: this.enableTime,
-        dateFormat: this.inputDateFormat,
-        nableTime: true,
-        time_24hr: true,
-        enableSeconds: true
-      })
-    }
-  }
-}
-</script>
-<style >
-/* @import url(./timectrl.css); */
-@import './timectrl.css';
-.kiss-time-picker {
-  width: 200px;
-  height: 30px;
-}
-#datepicker {
-  font-size: 14px;
-  color: #42daff;
-  background-color: transparent;
-  border-width: 1px;
-  border-color: #42daff;
-  line-height: 30px;
-}
-</style>
+<template>
+  <div class="kiss-time-picker">
+    <input id="datepicker"
+           v-model="inputtext">
+  </div>
+</template>
+
+<script>
+import flatpickr from 'flatpickr'
+// require('./timectrl.css')
+// require('flatpickr/dist/themes/dark.css')
+export default {
+  name: 'kiss-date-picker',
+  props: {
+    enableTime: { // <是否使用时间
+      type: Boolean,
+      default: true
+    },
+    inputDateFormat: { // <时间格式化字符串
+      type: String,
+      default: 'Y-m-d H:i:S'
+    },
+    inputwidth: {
+      type: String,
+      default: '200'
+    },
+    inputheight: {
+      type: String,
+      default: '30'
+    },
+    inputtext: {
+      type: String,
+      default: ''
+    }
+  },
+  mounted () {
+    this.Init()
+  },
+  methods: {
+    Init () {
+      flatpickr('#datepicker', {
+        enableTime: this.enableTime,
+        dateFormat: this.inputDateFormat,
+        nableTime: true,
+        time_24hr: true,
+        enableSeconds: true
+      })
+    }
+  }
+}
+</script>
+<style >
+/* @import url(./timectrl.css); */
+@import './timectrl.css';
+.kiss-time-picker {
+  width: 200px;
+  height: 30px;
+}
+#datepicker {
+  font-size: 14px;
+  color: #42daff;
+  background-color: transparent;
+  border-width: 1px;
+  border-color: #42daff;
+  line-height: 30px;
+}
+</style>

package/package/kisscomps/components/timectrl/index.js

@@ -1,2 +1,2 @@
-import KissDatePicker from './KissTimeCtrl.vue'
-export default KissDatePicker
+import KissDatePicker from './KissTimeCtrl.vue'
+export default KissDatePicker