openatc-components 0.0.1 → 0.0.2

package/src/views/home.vue

@@ -1,196 +1,196 @@
-<template>
-  <div class="wrap">
-    <kiss-button></kiss-button>
-    <xdr-dir-selector Width="300px"
-                      Height="300px"
-                      :showlist="dirshow"></xdr-dir-selector>
-
-    <div style="height:100px">
-      <kiss-horizontal :datalist="datalist"
-                       :mainwidth="mainwidth1"
-                       :mainheight="mainheight1"
-                       :display="display"
-                       horizontalDistance="3px">
-        <div class="phase-description"
-             slot="fatherslot">
-          <xdr-dir-selector Width="23px"
-                            Height="23px"
-                            :showlist="dirshow"></xdr-dir-selector>
-        </div>
-      </kiss-horizontal>
-    </div>
-    <div style="height:100%">
-      <kiss-horizontalchildren
-                               :name="name[2]"
-                               :dataList="list1"
-                               :display="display"
-                               mainheight="50px"
-                               backColor="#366069"
-                               horizontalDistance="3px">
-        <div class="phase-description"
-             slot="leftslot">
-          <xdr-dir-selector Width="23px"
-                            Height="23px"
-                            :showlist="dirshow"></xdr-dir-selector>
-        </div>
-        <!-- <div slot="leftslot" style="color: #fff; text-align:center; background: #0a4958; width: 25px; height: 23px;">55</div> -->
-      </kiss-horizontalchildren>
-      <kiss-horizontalchildren :name="name[0]"
-                               :dataList="list2"
-                               :display="display"
-                               mainheight="50px"
-                               backColor="rgba(87, 108, 113, 0.2)"
-                               horizontalDistance="3px">
-        <div class="phase-description"
-             slot="leftslot">
-          <xdr-dir-selector Width="23px"
-                            Height="23px"
-                            :showlist="dirshow"></xdr-dir-selector>
-        </div>
-        <!-- <div slot="leftslot" style="color: #fff; text-align:center; background: #0a4958; width: 25px; height: 23px;">55</div> -->
-      </kiss-horizontalchildren>
-      <kiss-horizontalchildren :name="name[1]"
-                               :dataList="list3"
-                               :display="display"
-                               mainheight="50px"
-                               horizontalDistance="10px">
-        <div style="position: relative"  slot="leftslot">
-          <div class="phase-description">
-          <xdr-dir-selector Width="23px"
-                            Height="23px"
-                            :showlist="dirshow"></xdr-dir-selector>
-        </div>
-        </div>
-      </kiss-horizontalchildren>
-      <kiss-simulation-progress :curseconds="curseconds" :totalseconds="totalseconds" :starttime="starttime" :endtime="endtime"></kiss-simulation-progress>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      dirshow: [
-        {
-          id: 1,
-          color: '#77FB65'
-        }, {
-          id: 2,
-          color: '#E24B4B'
-        }
-      ],
-      datalist: [
-        {
-          value: 5,
-          name: '测试',
-          color: '#77FB65'
-        },
-        {
-          value: 1,
-          name: '吃饭'
-        }
-      ],
-      mainwidth1: '400px',
-      mainheight1: '25px',
-      mainwidth: '400px',
-      mainheight: '25px',
-      display: true,
-      name: ['曹操', '刘备', '孙权'],
-      list1: [{value: 39, maxNum: 50}],
-      list2: [{value: 55, maxNum: 50}],
-      list3: [{value: 7, maxNum: 10, color: 'red'}, {value: 80, maxNum: 100}],
-      progressPercentage: 0,
-      curseconds: 0,
-      totalseconds: 86400,
-      starttime: '2019-04-25 00:00:00',
-      endtime: '2019-04-26 00:00:00'
-    }
-  },
-  methods: {
-  },
-  watch: {
-  },
-  mounted () {
-  }
-}
-</script>
-<style scoped>
-.wrap {
-  /* background: #333333; */
-  width: 100%;
-  height: 100%;
-}
-.zindex {
-  position: absolute;
-  z-index: -1;
-}
-.select-containaer {
-  float: left;
-  margin: 0;
-  padding: 0;
-  width: 200px;
-  height: 300px;
-}
-
-.functionLayout {
-  position: fixed;
-  top: 100px;
-  width: 80px;
-  height: 550px;
-}
-.test {
-  width: 100px;
-  height: 100px;
-  left: 300px;
-  top: 300xp;
-  margin-left: 300px;
-}
-.leftpart > div {
-  float: left;
-  line-height: 50px;
-}
-.phase-description {
-  /* background: #43b4cf;
-  width: 25px;
-  height: 23px; */
-
-  /* width: 18px;
-  height: 30px;
-  background: yellow;
-  position: absolute;
-  top: 0;
-  left: 9px; */
-  width: 34px;
-  height: 30px;
-  background: url('../kisscomps/components/image/phaseHexagon/phasebg.png');
-  background-size: 34px 30px;
-  box-sizing: border-box;
-  padding-left: 5px;
-  padding-top: 4px;
-}
-/* .phase-description::before {
-  content: "";
-  width: 0;
-  height: 0;
-  border-right: 9px yellow solid;
-  border-left: none;
-  border-top: 15px solid transparent;
-  border-bottom: 15px solid transparent;
-  position: absolute;
-  top: 0;
-  left: -9px;
-}
-.phase-description::after {
-  content: "";
-  width: 0;
-  height: 0;
-  border-left: 9px yellow solid;
-  border-right: none;
-  border-top: 15px solid transparent;
-  border-bottom: 15px solid transparent;
-  position: absolute;
-  top: 0;
-  right: -9px;
-} */
-</style>
+<template>
+  <div class="wrap">
+    <kiss-button></kiss-button>
+    <xdr-dir-selector Width="300px"
+                      Height="300px"
+                      :showlist="dirshow"></xdr-dir-selector>
+
+    <div style="height:100px">
+      <kiss-horizontal :datalist="datalist"
+                       :mainwidth="mainwidth1"
+                       :mainheight="mainheight1"
+                       :display="display"
+                       horizontalDistance="3px">
+        <div class="phase-description"
+             slot="fatherslot">
+          <xdr-dir-selector Width="23px"
+                            Height="23px"
+                            :showlist="dirshow"></xdr-dir-selector>
+        </div>
+      </kiss-horizontal>
+    </div>
+    <div style="height:100%">
+      <kiss-horizontalchildren
+                               :name="name[2]"
+                               :dataList="list1"
+                               :display="display"
+                               mainheight="50px"
+                               backColor="#366069"
+                               horizontalDistance="3px">
+        <div class="phase-description"
+             slot="leftslot">
+          <xdr-dir-selector Width="23px"
+                            Height="23px"
+                            :showlist="dirshow"></xdr-dir-selector>
+        </div>
+        <!-- <div slot="leftslot" style="color: #fff; text-align:center; background: #0a4958; width: 25px; height: 23px;">55</div> -->
+      </kiss-horizontalchildren>
+      <kiss-horizontalchildren :name="name[0]"
+                               :dataList="list2"
+                               :display="display"
+                               mainheight="50px"
+                               backColor="rgba(87, 108, 113, 0.2)"
+                               horizontalDistance="3px">
+        <div class="phase-description"
+             slot="leftslot">
+          <xdr-dir-selector Width="23px"
+                            Height="23px"
+                            :showlist="dirshow"></xdr-dir-selector>
+        </div>
+        <!-- <div slot="leftslot" style="color: #fff; text-align:center; background: #0a4958; width: 25px; height: 23px;">55</div> -->
+      </kiss-horizontalchildren>
+      <kiss-horizontalchildren :name="name[1]"
+                               :dataList="list3"
+                               :display="display"
+                               mainheight="50px"
+                               horizontalDistance="10px">
+        <div style="position: relative"  slot="leftslot">
+          <div class="phase-description">
+          <xdr-dir-selector Width="23px"
+                            Height="23px"
+                            :showlist="dirshow"></xdr-dir-selector>
+        </div>
+        </div>
+      </kiss-horizontalchildren>
+      <kiss-simulation-progress :curseconds="curseconds" :totalseconds="totalseconds" :starttime="starttime" :endtime="endtime"></kiss-simulation-progress>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      dirshow: [
+        {
+          id: 1,
+          color: '#77FB65'
+        }, {
+          id: 2,
+          color: '#E24B4B'
+        }
+      ],
+      datalist: [
+        {
+          value: 5,
+          name: '测试',
+          color: '#77FB65'
+        },
+        {
+          value: 1,
+          name: '吃饭'
+        }
+      ],
+      mainwidth1: '400px',
+      mainheight1: '25px',
+      mainwidth: '400px',
+      mainheight: '25px',
+      display: true,
+      name: ['曹操', '刘备', '孙权'],
+      list1: [{value: 39, maxNum: 50}],
+      list2: [{value: 55, maxNum: 50}],
+      list3: [{value: 7, maxNum: 10, color: 'red'}, {value: 80, maxNum: 100}],
+      progressPercentage: 0,
+      curseconds: 0,
+      totalseconds: 86400,
+      starttime: '2019-04-25 00:00:00',
+      endtime: '2019-04-26 00:00:00'
+    }
+  },
+  methods: {
+  },
+  watch: {
+  },
+  mounted () {
+  }
+}
+</script>
+<style scoped>
+.wrap {
+  /* background: #333333; */
+  width: 100%;
+  height: 100%;
+}
+.zindex {
+  position: absolute;
+  z-index: -1;
+}
+.select-containaer {
+  float: left;
+  margin: 0;
+  padding: 0;
+  width: 200px;
+  height: 300px;
+}
+
+.functionLayout {
+  position: fixed;
+  top: 100px;
+  width: 80px;
+  height: 550px;
+}
+.test {
+  width: 100px;
+  height: 100px;
+  left: 300px;
+  top: 300xp;
+  margin-left: 300px;
+}
+.leftpart > div {
+  float: left;
+  line-height: 50px;
+}
+.phase-description {
+  /* background: #43b4cf;
+  width: 25px;
+  height: 23px; */
+
+  /* width: 18px;
+  height: 30px;
+  background: yellow;
+  position: absolute;
+  top: 0;
+  left: 9px; */
+  width: 34px;
+  height: 30px;
+  background: url('../kisscomps/components/image/phaseHexagon/phasebg.png');
+  background-size: 34px 30px;
+  box-sizing: border-box;
+  padding-left: 5px;
+  padding-top: 4px;
+}
+/* .phase-description::before {
+  content: "";
+  width: 0;
+  height: 0;
+  border-right: 9px yellow solid;
+  border-left: none;
+  border-top: 15px solid transparent;
+  border-bottom: 15px solid transparent;
+  position: absolute;
+  top: 0;
+  left: -9px;
+}
+.phase-description::after {
+  content: "";
+  width: 0;
+  height: 0;
+  border-left: 9px yellow solid;
+  border-right: none;
+  border-top: 15px solid transparent;
+  border-bottom: 15px solid transparent;
+  position: absolute;
+  top: 0;
+  right: -9px;
+} */
+</style>

package/test/e2e/custom-assertions/elementCount.js

@@ -1,27 +1,27 @@
-// A custom Nightwatch assertion.
-// The assertion name is the filename.
-// Example usage:
-//
-//   browser.assert.elementCount(selector, count)
-//
-// For more information on custom assertions see:
-// http://nightwatchjs.org/guide#writing-custom-assertions
-
-exports.assertion = function (selector, count) {
-  this.message = 'Testing if element <' + selector + '> has count: ' + count
-  this.expected = count
-  this.pass = function (val) {
-    return val === this.expected
-  }
-  this.value = function (res) {
-    return res.value
-  }
-  this.command = function (cb) {
-    var self = this
-    return this.api.execute(function (selector) {
-      return document.querySelectorAll(selector).length
-    }, [selector], function (res) {
-      cb.call(self, res)
-    })
-  }
-}
+// A custom Nightwatch assertion.
+// The assertion name is the filename.
+// Example usage:
+//
+//   browser.assert.elementCount(selector, count)
+//
+// For more information on custom assertions see:
+// http://nightwatchjs.org/guide#writing-custom-assertions
+
+exports.assertion = function (selector, count) {
+  this.message = 'Testing if element <' + selector + '> has count: ' + count
+  this.expected = count
+  this.pass = function (val) {
+    return val === this.expected
+  }
+  this.value = function (res) {
+    return res.value
+  }
+  this.command = function (cb) {
+    var self = this
+    return this.api.execute(function (selector) {
+      return document.querySelectorAll(selector).length
+    }, [selector], function (res) {
+      cb.call(self, res)
+    })
+  }
+}

package/test/e2e/nightwatch.conf.js

@@ -1,46 +1,46 @@
-require('babel-register')
-var config = require('../../config')
-
-// http://nightwatchjs.org/gettingstarted#settings-file
-module.exports = {
-  src_folders: ['test/e2e/specs'],
-  output_folder: 'test/e2e/reports',
-  custom_assertions_path: ['test/e2e/custom-assertions'],
-
-  selenium: {
-    start_process: true,
-    server_path: require('selenium-server').path,
-    host: '127.0.0.1',
-    port: 4444,
-    cli_args: {
-      'webdriver.chrome.driver': require('chromedriver').path
-    }
-  },
-
-  test_settings: {
-    default: {
-      selenium_port: 4444,
-      selenium_host: 'localhost',
-      silent: true,
-      globals: {
-        devServerURL: 'http://localhost:' + (process.env.PORT || config.dev.port)
-      }
-    },
-
-    chrome: {
-      desiredCapabilities: {
-        browserName: 'chrome',
-        javascriptEnabled: true,
-        acceptSslCerts: true
-      }
-    },
-
-    firefox: {
-      desiredCapabilities: {
-        browserName: 'firefox',
-        javascriptEnabled: true,
-        acceptSslCerts: true
-      }
-    }
-  }
-}
+require('babel-register')
+var config = require('../../config')
+
+// http://nightwatchjs.org/gettingstarted#settings-file
+module.exports = {
+  src_folders: ['test/e2e/specs'],
+  output_folder: 'test/e2e/reports',
+  custom_assertions_path: ['test/e2e/custom-assertions'],
+
+  selenium: {
+    start_process: true,
+    server_path: require('selenium-server').path,
+    host: '127.0.0.1',
+    port: 4444,
+    cli_args: {
+      'webdriver.chrome.driver': require('chromedriver').path
+    }
+  },
+
+  test_settings: {
+    default: {
+      selenium_port: 4444,
+      selenium_host: 'localhost',
+      silent: true,
+      globals: {
+        devServerURL: 'http://localhost:' + (process.env.PORT || config.dev.port)
+      }
+    },
+
+    chrome: {
+      desiredCapabilities: {
+        browserName: 'chrome',
+        javascriptEnabled: true,
+        acceptSslCerts: true
+      }
+    },
+
+    firefox: {
+      desiredCapabilities: {
+        browserName: 'firefox',
+        javascriptEnabled: true,
+        acceptSslCerts: true
+      }
+    }
+  }
+}

package/test/e2e/runner.js

@@ -1,48 +1,48 @@
-// 1. start the dev server using production config
-process.env.NODE_ENV = 'testing'
-
-const webpack = require('webpack')
-const DevServer = require('webpack-dev-server')
-
-const webpackConfig = require('../../build/webpack.prod.conf')
-const devConfigPromise = require('../../build/webpack.dev.conf')
-
-let server
-
-devConfigPromise.then(devConfig => {
-  const devServerOptions = devConfig.devServer
-  const compiler = webpack(webpackConfig)
-  server = new DevServer(compiler, devServerOptions)
-  const port = devServerOptions.port
-  const host = devServerOptions.host
-  return server.listen(port, host)
-})
-.then(() => {
-  // 2. run the nightwatch test suite against it
-  // to run in additional browsers:
-  //    1. add an entry in test/e2e/nightwatch.conf.js under "test_settings"
-  //    2. add it to the --env flag below
-  // or override the environment flag, for example: `npm run e2e -- --env chrome,firefox`
-  // For more information on Nightwatch's config file, see
-  // http://nightwatchjs.org/guide#settings-file
-  let opts = process.argv.slice(2)
-  if (opts.indexOf('--config') === -1) {
-    opts = opts.concat(['--config', 'test/e2e/nightwatch.conf.js'])
-  }
-  if (opts.indexOf('--env') === -1) {
-    opts = opts.concat(['--env', 'chrome'])
-  }
-
-  const spawn = require('cross-spawn')
-  const runner = spawn('./node_modules/.bin/nightwatch', opts, { stdio: 'inherit' })
-
-  runner.on('exit', function (code) {
-    server.close()
-    process.exit(code)
-  })
-
-  runner.on('error', function (err) {
-    server.close()
-    throw err
-  })
-})
+// 1. start the dev server using production config
+process.env.NODE_ENV = 'testing'
+
+const webpack = require('webpack')
+const DevServer = require('webpack-dev-server')
+
+const webpackConfig = require('../../build/webpack.prod.conf')
+const devConfigPromise = require('../../build/webpack.dev.conf')
+
+let server
+
+devConfigPromise.then(devConfig => {
+  const devServerOptions = devConfig.devServer
+  const compiler = webpack(webpackConfig)
+  server = new DevServer(compiler, devServerOptions)
+  const port = devServerOptions.port
+  const host = devServerOptions.host
+  return server.listen(port, host)
+})
+.then(() => {
+  // 2. run the nightwatch test suite against it
+  // to run in additional browsers:
+  //    1. add an entry in test/e2e/nightwatch.conf.js under "test_settings"
+  //    2. add it to the --env flag below
+  // or override the environment flag, for example: `npm run e2e -- --env chrome,firefox`
+  // For more information on Nightwatch's config file, see
+  // http://nightwatchjs.org/guide#settings-file
+  let opts = process.argv.slice(2)
+  if (opts.indexOf('--config') === -1) {
+    opts = opts.concat(['--config', 'test/e2e/nightwatch.conf.js'])
+  }
+  if (opts.indexOf('--env') === -1) {
+    opts = opts.concat(['--env', 'chrome'])
+  }
+
+  const spawn = require('cross-spawn')
+  const runner = spawn('./node_modules/.bin/nightwatch', opts, { stdio: 'inherit' })
+
+  runner.on('exit', function (code) {
+    server.close()
+    process.exit(code)
+  })
+
+  runner.on('error', function (err) {
+    server.close()
+    throw err
+  })
+})