openatc-components 0.5.10 → 0.5.12

package/static/styles/common.scss

@@ -1,31 +1,31 @@
-@import './intersection.scss';
-@import './schemeconfig.scss';
-@import './commonkanban.scss';
-@import './stages.scss';
-@import './overview.scss';
-@import './channelizatioon.scss';
-@import './uiComponents.scss';
-@import './xiaokanban.scss';
-@import './patternConfig.scss';
-@import './phasePedSelect.scss';
-
- // 全局滚动条样式
- ::-webkit-scrollbar {
-  width: 6PX;
-  height: 6PX;
-}
-::-webkit-scrollbar-thumb {
-  // 滚动条的滑块
-  border-radius: 3PX;
-  background: rgba(144, 147, 153, 0.3);
-}
-::-webkit-scrollbar-corner{
-  // 横向滚动条和纵向滚动条同时出现，右下角有个小白方格
-  background: transparent;
-}
-html {
-  font-family: Roboto-Regular;
-}
-button, input, optgroup, select, textarea {
-  font-family: Roboto-Regular !important;
+@import './intersection.scss';
+@import './schemeconfig.scss';
+@import './commonkanban.scss';
+@import './stages.scss';
+@import './overview.scss';
+@import './channelizatioon.scss';
+@import './uiComponents.scss';
+@import './xiaokanban.scss';
+@import './patternConfig.scss';
+@import './phasePedSelect.scss';
+
+ // 全局滚动条样式
+ ::-webkit-scrollbar {
+  width: 6PX;
+  height: 6PX;
+}
+::-webkit-scrollbar-thumb {
+  // 滚动条的滑块
+  border-radius: 3PX;
+  background: rgba(144, 147, 153, 0.3);
+}
+::-webkit-scrollbar-corner{
+  // 横向滚动条和纵向滚动条同时出现，右下角有个小白方格
+  background: transparent;
+}
+html {
+  font-family: Roboto-Regular;
+}
+button, input, optgroup, select, textarea {
+  font-family: Roboto-Regular !important;
 }

package/static/styles/commonkanban.scss

@@ -1,169 +1,169 @@
-// 公共面板组件通用样式
-.common-board-column {
-  min-width: 260PX;
-  max-width: 380PX;
-  min-height: 100PX;
-  height: auto;
-  overflow: hidden;
-  // background: #f0f0f0;
-  border-radius: 3PX;
-  border: 1PX solid $--border-color-base;
-  // min-width: 180PX;
-  // min-height: 100PX;
-  // max-width: 350PX;
-  // height: auto;
-  // overflow: hidden;
-  // background: #f0f0f0;
-  // border: 1PX solid $--border-color-base;
-.common-phase-description {
-  position: relative;
-  background: rgb(217, 236, 255);
-  width: 42PX;
-  height: 40PX;
-}
-
-// .board-column-header {
-//   height: 50PX;
-//   line-height: 50PX;
-//   overflow: hidden;
-//   padding: 0 10PX;
-//   text-align: center;
-//   background: $--color-primary;
-//   color: #FFFFFF;
-//   border-radius: 3PX 3PX 0 0;
-// }
-// .board-table-header {
-//   height: 30PX;
-//   line-height: 30PX;
-//   overflow: hidden;
-//   text-align: center;
-//   padding: 0 6PX;
-//   margin-bottom: -20PX;
-//   font-size: 12PX;
-//   color: $--color-info;
-//   background-color: $--color-black;
-// }
-.common-board-column-header {
-  line-height: 40PX;
-  overflow: hidden;
-  text-align: center;
-  background: $--color-primary;
-  color: #FFFFFF;
-  height: 40PX;
-}
-.common-board-table-header {
-  height: 30PX;
-  line-height: 30PX;
-  overflow: hidden;
-  text-align: center;
-  padding: 0 6PX;
-  margin-bottom: -10PX;
-  font-size: 12PX;
-  color: $--color-info;
-  background-color: $--color-black;
-  // height: 42PX;
-  // overflow: hidden;
-  // text-align: center;
-  // margin-bottom: -12PX;
-  // font-size: 14PX;
-  // color: $--color-info;
-  // background-color: $--color-black;
-  // border: 20PX solid transparent;
-  // border-bottom-width: 0PX;
-  .common-titlecolumn {
-    float: left;
-    text-align: left;
-  }
-  .phaseId{
-    width: 20px;
-  }
-  .phase {
-    text-align: center;
-    width: 50PX;
-  }
-  .mode {
-    text-align: center;
-    width: calc(100% - 80PX)
-  }
-}
-
-.common-board-column-content {
-  height: auto;
-  overflow: hidden;
-  border: 10PX solid transparent;
-  min-height: 60PX;
-  display: flex;
-  justify-content: flex-start;
-  flex-direction: column;
-  align-items: center;
-  background-color: $--color-black;
-
-  // .board-item {
-    // cursor: pointer;
-    // width: 100%;
-    // height: 48PX;
-    // margin: 5PX 0;
-    // // background-color: rgba(31,46,46,0.9);
-    // text-align: left;
-    // line-height: 40PX;
-    // padding: 1PX 1PX;
-    // box-sizing: border-box;
-  // }
-  // height: auto;
-  // overflow: hidden;
-  // border: 10PX solid transparent;
-  // min-height: 60PX;
-  // display: flex;
-  // justify-content: flex-start;
-  // flex-direction: column;
-  // align-items: center;
-  // background-color: $--color-black;
-  // border-width: 20PX;
-  // border-top-width: 16PX;
-  // border-bottom-width: 15PX;
-  .common-contentcolumn {
-    float: left;
-  }
-  .index{
-    height: 40px;
-    line-height: 40px;
-    width: 20px;
-  }
-  .phase {
-    width: 40PX;
-  }
-  .mode {
-    margin-left: 10PX;
-    width: calc(100% - 80PX);
-  }
-
-  .common-board-item {
-    cursor: pointer;
-    width: 100%;
-    height: 48PX;
-    // margin: 5PX 0;
-    // background-color: rgba(31,46,46,0.9);
-    text-align: left;
-    line-height: 37PX;
-    padding: 1PX 1PX;
-    box-sizing: border-box;
-    // cursor: pointer;
-    // width: 100%;
-    // height: 40PX;
-    // margin-top: 10PX;
-    // text-align: left;
-    // box-sizing: border-box;
-    .index{
-      color: $--color-text-primary;
-      font-size: 14PX;
-    }
-    .el-input {
-      width: 100%;
-      .el-input__inner {
-        height: 40PX;
-        line-height: 40PX;
-      }
-    }
-  }
-}
+// 公共面板组件通用样式
+.common-board-column {
+  min-width: 260PX;
+  max-width: 380PX;
+  min-height: 100PX;
+  height: auto;
+  overflow: hidden;
+  // background: #f0f0f0;
+  border-radius: 3PX;
+  border: 1PX solid $--border-color-base;
+  // min-width: 180PX;
+  // min-height: 100PX;
+  // max-width: 350PX;
+  // height: auto;
+  // overflow: hidden;
+  // background: #f0f0f0;
+  // border: 1PX solid $--border-color-base;
+.common-phase-description {
+  position: relative;
+  background: rgb(217, 236, 255);
+  width: 42PX;
+  height: 40PX;
+}
+
+// .board-column-header {
+//   height: 50PX;
+//   line-height: 50PX;
+//   overflow: hidden;
+//   padding: 0 10PX;
+//   text-align: center;
+//   background: $--color-primary;
+//   color: #FFFFFF;
+//   border-radius: 3PX 3PX 0 0;
+// }
+// .board-table-header {
+//   height: 30PX;
+//   line-height: 30PX;
+//   overflow: hidden;
+//   text-align: center;
+//   padding: 0 6PX;
+//   margin-bottom: -20PX;
+//   font-size: 12PX;
+//   color: $--color-info;
+//   background-color: $--color-black;
+// }
+.common-board-column-header {
+  line-height: 40PX;
+  overflow: hidden;
+  text-align: center;
+  background: $--color-primary;
+  color: #FFFFFF;
+  height: 40PX;
+}
+.common-board-table-header {
+  height: 30PX;
+  line-height: 30PX;
+  overflow: hidden;
+  text-align: center;
+  padding: 0 6PX;
+  margin-bottom: -10PX;
+  font-size: 12PX;
+  color: $--color-info;
+  background-color: $--color-black;
+  // height: 42PX;
+  // overflow: hidden;
+  // text-align: center;
+  // margin-bottom: -12PX;
+  // font-size: 14PX;
+  // color: $--color-info;
+  // background-color: $--color-black;
+  // border: 20PX solid transparent;
+  // border-bottom-width: 0PX;
+  .common-titlecolumn {
+    float: left;
+    text-align: left;
+  }
+  .phaseId{
+    width: 20px;
+  }
+  .phase {
+    text-align: center;
+    width: 50PX;
+  }
+  .mode {
+    text-align: center;
+    width: calc(100% - 80PX)
+  }
+}
+
+.common-board-column-content {
+  height: auto;
+  overflow: hidden;
+  border: 10PX solid transparent;
+  min-height: 60PX;
+  display: flex;
+  justify-content: flex-start;
+  flex-direction: column;
+  align-items: center;
+  background-color: $--color-black;
+
+  // .board-item {
+    // cursor: pointer;
+    // width: 100%;
+    // height: 48PX;
+    // margin: 5PX 0;
+    // // background-color: rgba(31,46,46,0.9);
+    // text-align: left;
+    // line-height: 40PX;
+    // padding: 1PX 1PX;
+    // box-sizing: border-box;
+  // }
+  // height: auto;
+  // overflow: hidden;
+  // border: 10PX solid transparent;
+  // min-height: 60PX;
+  // display: flex;
+  // justify-content: flex-start;
+  // flex-direction: column;
+  // align-items: center;
+  // background-color: $--color-black;
+  // border-width: 20PX;
+  // border-top-width: 16PX;
+  // border-bottom-width: 15PX;
+  .common-contentcolumn {
+    float: left;
+  }
+  .index{
+    height: 40px;
+    line-height: 40px;
+    width: 20px;
+  }
+  .phase {
+    width: 40PX;
+  }
+  .mode {
+    margin-left: 10PX;
+    width: calc(100% - 80PX);
+  }
+
+  .common-board-item {
+    cursor: pointer;
+    width: 100%;
+    height: 48PX;
+    // margin: 5PX 0;
+    // background-color: rgba(31,46,46,0.9);
+    text-align: left;
+    line-height: 37PX;
+    padding: 1PX 1PX;
+    box-sizing: border-box;
+    // cursor: pointer;
+    // width: 100%;
+    // height: 40PX;
+    // margin-top: 10PX;
+    // text-align: left;
+    // box-sizing: border-box;
+    .index{
+      color: $--color-text-primary;
+      font-size: 14PX;
+    }
+    .el-input {
+      width: 100%;
+      .el-input__inner {
+        height: 40PX;
+        line-height: 40PX;
+      }
+    }
+  }
+}
 }

package/static/styles/dark/index.scss

@@ -1,3 +1,3 @@
-@import './theme/element-dark.scss';
-@import '../index.scss';
+@import './theme/element-dark.scss';
+@import '../index.scss';
 @import '../common.scss';

package/static/styles/dark/theme/element-dark.scss

@@ -1,45 +1,45 @@
-/**
- * Copyright (c) 2020 kedacom
- * OpenATC is licensed under Mulan PSL v2.
- * You can use this software according to the terms and conditions of the Mulan PSL v2.
- * You may obtain a copy of Mulan PSL v2 at:
- * http://license.coscl.org.cn/MulanPSL2
- * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
- * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
- * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
- * See the Mulan PSL v2 for more details.
- **/
-/* 改变主题色变量 */
-// $--color-black: #f7f8fa;
-$--color-primary: #299BCC;
-$--color-white: #091F40;
-$--color-black: #243D59;
-$--card-background-base: #243d59;
-$--card-background-selected: #0082ac;
-$--background-color-base: #021026;
-$--color-text-primary: #FFFFFF;
-$--color-text-regular: #FFFFFF;
-$--color-text-secondary: #B9BABF;
-$--color-text-placeholder: #8D9498;
-$--color-info: #8D9498;
-$--border-color-base: #243D59;
-$--border-color-light: #61697B;
-$--border-color-lighter: #243D59;
-$--border-color-extra-light:#243D59;
-$--box-shadow-base: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
-$--button-primary-font-color: #FFFFFF;
-$--button-info-font-color: #FFFFFF;
-$--button-warning-font-color: #FFFFFF;
-$--button-danger-font-color: #FFFFFF;
-$--button-success-font-color: #FFFFFF;
-$--radio-button-checked-font-color: #FFFFFF;
-$--radio-font-color: $--color-text-secondary;
-$--tag-info-color: #FFFFFF;
-$--tooltip-color: $--color-white;
-$--checkbox-font-color: $--color-text-secondary;
-
-
-/* 改变 icon 字体路径变量，必需 */
-$--font-path: '~element-ui/lib/theme-chalk/fonts';
-
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+/* 改变主题色变量 */
+// $--color-black: #f7f8fa;
+$--color-primary: #299BCC;
+$--color-white: #091F40;
+$--color-black: #243D59;
+$--card-background-base: #243d59;
+$--card-background-selected: #0082ac;
+$--background-color-base: #021026;
+$--color-text-primary: #FFFFFF;
+$--color-text-regular: #FFFFFF;
+$--color-text-secondary: #B9BABF;
+$--color-text-placeholder: #8D9498;
+$--color-info: #8D9498;
+$--border-color-base: #243D59;
+$--border-color-light: #61697B;
+$--border-color-lighter: #243D59;
+$--border-color-extra-light:#243D59;
+$--box-shadow-base: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
+$--button-primary-font-color: #FFFFFF;
+$--button-info-font-color: #FFFFFF;
+$--button-warning-font-color: #FFFFFF;
+$--button-danger-font-color: #FFFFFF;
+$--button-success-font-color: #FFFFFF;
+$--radio-button-checked-font-color: #FFFFFF;
+$--radio-font-color: $--color-text-secondary;
+$--tag-info-color: #FFFFFF;
+$--tooltip-color: $--color-white;
+$--checkbox-font-color: $--color-text-secondary;
+
+
+/* 改变 icon 字体路径变量，必需 */
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+
 @import "~element-ui/packages/theme-chalk/src/index";

package/static/styles/index.scss

@@ -1,85 +1,85 @@
-/**
- * Copyright (c) 2020 kedacom
- * OpenATC is licensed under Mulan PSL v2.
- * You can use this software according to the terms and conditions of the Mulan PSL v2.
- * You may obtain a copy of Mulan PSL v2 at:
- * http://license.coscl.org.cn/MulanPSL2
- * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
- * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
- * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
- * See the Mulan PSL v2 for more details.
- **/
- body {
-   height: 100%;
-   -moz-osx-font-smoothing: grayscale;
-   -webkit-font-smoothing: antialiased;
-   text-rendering: optimizeLegibility;
-  //  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
-   overflow-x: hidden;
-   background-color: $--background-color-base;
- }
- 
- label {
-   font-weight: 700;
- }
- 
- html {
-   height: 100%;
-   box-sizing: border-box;
- }
- 
- #app{
-   height: 100%;
- }
- 
- *,
- *:before,
- *:after {
-   box-sizing: inherit;
- }
- 
- a,
- a:focus,
- a:hover {
-   cursor: pointer;
-   color: inherit;
-   outline: none;
-   text-decoration: none;
- }
- 
- div:focus{
-   outline: none;
-  }
- 
- a:focus,
- a:active {
-   outline: none;
- }
- 
- a,
- a:focus,
- a:hover {
-   cursor: pointer;
-   color: inherit;
-   text-decoration: none;
- }
- 
- .clearfix {
-   &:after {
-     visibility: hidden;
-     display: block;
-     font-size: 0;
-     content: " ";
-     clear: both;
-     height: 0;
-   }
- }
- 
- .app-container {
-   padding: 10px;
- }
- 
- .components-container {
-   margin: 12px 12px;
-   position: relative;
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+ body {
+   height: 100%;
+   -moz-osx-font-smoothing: grayscale;
+   -webkit-font-smoothing: antialiased;
+   text-rendering: optimizeLegibility;
+  //  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+   overflow-x: hidden;
+   background-color: $--background-color-base;
+ }
+ 
+ label {
+   font-weight: 700;
+ }
+ 
+ html {
+   height: 100%;
+   box-sizing: border-box;
+ }
+ 
+ #app{
+   height: 100%;
+ }
+ 
+ *,
+ *:before,
+ *:after {
+   box-sizing: inherit;
+ }
+ 
+ a,
+ a:focus,
+ a:hover {
+   cursor: pointer;
+   color: inherit;
+   outline: none;
+   text-decoration: none;
+ }
+ 
+ div:focus{
+   outline: none;
+  }
+ 
+ a:focus,
+ a:active {
+   outline: none;
+ }
+ 
+ a,
+ a:focus,
+ a:hover {
+   cursor: pointer;
+   color: inherit;
+   text-decoration: none;
+ }
+ 
+ .clearfix {
+   &:after {
+     visibility: hidden;
+     display: block;
+     font-size: 0;
+     content: " ";
+     clear: both;
+     height: 0;
+   }
+ }
+ 
+ .app-container {
+   padding: 10px;
+ }
+ 
+ .components-container {
+   margin: 12px 12px;
+   position: relative;
  }