ylyx-cli 1.0.16 → 1.1.0

package/templates/vue-app/files/src/assets/styles/element-ui.scss

@@ -1,217 +1,217 @@
-// cover some element-ui styles
-
-.el-breadcrumb__inner,
-.el-breadcrumb__inner a {
-  font-weight: 400 !important;
-}
-
-.el-upload {
-  input[type='file'] {
-    display: none !important;
-  }
-}
-
-.el-upload__input {
-  display: none;
-}
-
-.cell {
-  .el-tag {
-    margin-right: 0;
-  }
-}
-
-.small-padding {
-  .cell {
-    padding-left: 5px;
-    padding-right: 5px;
-  }
-}
-
-.fixed-width {
-  .el-button--mini {
-    padding: 7px 10px;
-    width: 60px;
-  }
-}
-
-.status-col {
-  .cell {
-    padding: 0 10px;
-    text-align: center;
-
-    .el-tag {
-      margin-right: 0;
-    }
-  }
-}
-
-// to fixed https://github.com/ElemeFE/element/issues/2461
-.el-dialog {
-  transform: none;
-  left: 0;
-  position: relative;
-  margin: 0 auto;
-}
-.el-table > .el-table__fixed-right {
-  height: 100% !important; //设置高优先，以覆盖内联样式
-}
-.el-table__fixed-right::before {
-  content: none;
-}
-// refine element ui upload
-.upload-container {
-  .el-upload {
-    width: 100%;
-
-    .el-upload-dragger {
-      width: 100%;
-      height: 200px;
-    }
-  }
-}
-
-// dropdown
-.el-dropdown-menu {
-  a {
-    display: block;
-  }
-}
-
-// fix date-picker ui bug in filter-item
-.el-range-editor.el-input__inner {
-  display: inline-flex !important;
-}
-
-.el-loading-mask {
-  z-index: 100 !important;
-}
-
-.el-table {
-  border: 1px solid rgba(238, 238, 238, 1);
-  &:before {
-    display: none;
-  }
-  thead {
-    th {
-      color: rgba(0, 0, 0, 0.85);
-      &.el-table__cell {
-        background-color: rgba(0, 0, 0, 0.02);
-      }
-    }
-  }
-  tbody {
-    tr {
-      &:last-child {
-        td.el-table__cell {
-          border: 0;
-        }
-      }
-      td {
-        &.el-table__cell {
-          padding: 7px 0;
-        }
-      }
-    }
-  }
-  &.el-table--small .el-table__cell {
-    padding: 5px 0;
-  }
-}
-
-.el-button--warning {
-  color: #fff;
-  background-color: #e6a23c;
-  border-color: #e6a23c;
-}
-.el-button--warning:focus,
-.el-button--warning:hover {
-  color: #fff;
-  background-color: #ebb563;
-  border-color: #ebb563;
-}
-.el-button--warning.is-disabled,
-.el-button--warning.is-disabled:active,
-.el-button--warning.is-disabled:focus,
-.el-button--warning.is-disabled:hover {
-  color: #fff;
-  background-color: #f3d19e;
-  border-color: #f3d19e;
-}
-
-.el-form-item__content {
-  .el-input-number--small {
-    width: 100%;
-  }
-}
-.el-table--bigger,
-.el-button--bigger {
-  font-size: 16px;
-}
-.el-tooltip__popper {
-  font-size: 14px;
-  line-height: 1.5em;
-  max-width: 55%;
-}
-.el-input.is-disabled .el-input__inner {
-  color: #606266;
-}
-.clearfix {
-  zoom: 1;
-  &:after {
-    content: '.';
-    display: block;
-    visibility: hidden;
-    height: 0;
-    clear: both;
-  }
-}
-
-.mb0 {
-  margin-bottom: 0 !important;
-}
-
-.tags-view-container {
-  .tags-view-wrapper {
-    .tags-view-item {
-      &.active {
-        background-color: transparent !important;
-        color: #1890ff !important;
-        border-color: #1890ff !important;
-        &::before {
-          display: none !important;
-          background: #1890ff !important;
-        }
-      }
-      .el-icon-close:before {
-        transform: scale(1) !important;
-        -webkit-transform: scale(1) !important;
-        -moz-transform: scale(1) !important;
-        -ms-transform: scale(1) !important;
-        -o-transform: scale(1) !important;
-      }
-    }
-  }
-}
-.el-dialog__header {
-  border-bottom: 1px solid #eee;
-}
-.el-range-separator {
-  width: 25px !important;
-}
-
-.el-form--inline .el-form-item {
-  margin-right: 2px;
-  .el-button + .el-button {
-    margin-left: 2px;
-  }
-  .el-cascader,
-  .el-select {
-    margin-right: 0;
-  }
-}
-
-.blueBorder {
-  color: #1989fa;
-  border-color: #1989fa;
-}
+// cover some element-ui styles
+
+.el-breadcrumb__inner,
+.el-breadcrumb__inner a {
+  font-weight: 400 !important;
+}
+
+.el-upload {
+  input[type='file'] {
+    display: none !important;
+  }
+}
+
+.el-upload__input {
+  display: none;
+}
+
+.cell {
+  .el-tag {
+    margin-right: 0;
+  }
+}
+
+.small-padding {
+  .cell {
+    padding-left: 5px;
+    padding-right: 5px;
+  }
+}
+
+.fixed-width {
+  .el-button--mini {
+    padding: 7px 10px;
+    width: 60px;
+  }
+}
+
+.status-col {
+  .cell {
+    padding: 0 10px;
+    text-align: center;
+
+    .el-tag {
+      margin-right: 0;
+    }
+  }
+}
+
+// to fixed https://github.com/ElemeFE/element/issues/2461
+.el-dialog {
+  transform: none;
+  left: 0;
+  position: relative;
+  margin: 0 auto;
+}
+.el-table > .el-table__fixed-right {
+  height: 100% !important; //设置高优先，以覆盖内联样式
+}
+.el-table__fixed-right::before {
+  content: none;
+}
+// refine element ui upload
+.upload-container {
+  .el-upload {
+    width: 100%;
+
+    .el-upload-dragger {
+      width: 100%;
+      height: 200px;
+    }
+  }
+}
+
+// dropdown
+.el-dropdown-menu {
+  a {
+    display: block;
+  }
+}
+
+// fix date-picker ui bug in filter-item
+.el-range-editor.el-input__inner {
+  display: inline-flex !important;
+}
+
+.el-loading-mask {
+  z-index: 100 !important;
+}
+
+.el-table {
+  border: 1px solid rgba(238, 238, 238, 1);
+  &:before {
+    display: none;
+  }
+  thead {
+    th {
+      color: rgba(0, 0, 0, 0.85);
+      &.el-table__cell {
+        background-color: rgba(0, 0, 0, 0.02);
+      }
+    }
+  }
+  tbody {
+    tr {
+      &:last-child {
+        td.el-table__cell {
+          border: 0;
+        }
+      }
+      td {
+        &.el-table__cell {
+          padding: 7px 0;
+        }
+      }
+    }
+  }
+  &.el-table--small .el-table__cell {
+    padding: 5px 0;
+  }
+}
+
+.el-button--warning {
+  color: #fff;
+  background-color: #e6a23c;
+  border-color: #e6a23c;
+}
+.el-button--warning:focus,
+.el-button--warning:hover {
+  color: #fff;
+  background-color: #ebb563;
+  border-color: #ebb563;
+}
+.el-button--warning.is-disabled,
+.el-button--warning.is-disabled:active,
+.el-button--warning.is-disabled:focus,
+.el-button--warning.is-disabled:hover {
+  color: #fff;
+  background-color: #f3d19e;
+  border-color: #f3d19e;
+}
+
+.el-form-item__content {
+  .el-input-number--small {
+    width: 100%;
+  }
+}
+.el-table--bigger,
+.el-button--bigger {
+  font-size: 16px;
+}
+.el-tooltip__popper {
+  font-size: 14px;
+  line-height: 1.5em;
+  max-width: 55%;
+}
+.el-input.is-disabled .el-input__inner {
+  color: #606266;
+}
+.clearfix {
+  zoom: 1;
+  &:after {
+    content: '.';
+    display: block;
+    visibility: hidden;
+    height: 0;
+    clear: both;
+  }
+}
+
+.mb0 {
+  margin-bottom: 0 !important;
+}
+
+.tags-view-container {
+  .tags-view-wrapper {
+    .tags-view-item {
+      &.active {
+        background-color: transparent !important;
+        color: #1890ff !important;
+        border-color: #1890ff !important;
+        &::before {
+          display: none !important;
+          background: #1890ff !important;
+        }
+      }
+      .el-icon-close:before {
+        transform: scale(1) !important;
+        -webkit-transform: scale(1) !important;
+        -moz-transform: scale(1) !important;
+        -ms-transform: scale(1) !important;
+        -o-transform: scale(1) !important;
+      }
+    }
+  }
+}
+.el-dialog__header {
+  border-bottom: 1px solid #eee;
+}
+.el-range-separator {
+  width: 25px !important;
+}
+
+.el-form--inline .el-form-item {
+  margin-right: 2px;
+  .el-button + .el-button {
+    margin-left: 2px;
+  }
+  .el-cascader,
+  .el-select {
+    margin-right: 0;
+  }
+}
+
+.blueBorder {
+  color: #1989fa;
+  border-color: #1989fa;
+}

package/templates/vue-app/files/src/assets/styles/element-variables.scss

@@ -1,31 +1,31 @@
-/**
-* I think element-ui's default theme color is too light for long-term use.
-* So I modified the default color and you can modify it to your liking.
-**/
-
-/* theme color */
-$--color-primary: #1890ff;
-$--color-success: #00a27c;
-$--color-warning: #ffba00;
-$--color-danger: #ff4949;
-// $--color-info: #1E1E1E;
-
-$--button-font-weight: 400;
-
-// $--color-text-regular: #1f2d3d;
-
-$--border-color-light: #dfe4ed;
-$--border-color-lighter: #e6ebf5;
-
-$--table-border: 1px solid#dfe6ec;
-
-/* icon font path, required */
-$--font-path: '~element-ui/lib/theme-chalk/fonts';
-
-@import '../../../node_modules/element-ui/packages/theme-chalk/src/index';
-
-// the :export directive is the magic sauce for webpack
-// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
-:export {
-  theme: $--color-primary;
-}
+/**
+* I think element-ui's default theme color is too light for long-term use.
+* So I modified the default color and you can modify it to your liking.
+**/
+
+/* theme color */
+$--color-primary: #1890ff;
+$--color-success: #00a27c;
+$--color-warning: #ffba00;
+$--color-danger: #ff4949;
+// $--color-info: #1E1E1E;
+
+$--button-font-weight: 400;
+
+// $--color-text-regular: #1f2d3d;
+
+$--border-color-light: #dfe4ed;
+$--border-color-lighter: #e6ebf5;
+
+$--table-border: 1px solid#dfe6ec;
+
+/* icon font path, required */
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+
+@import '../../../node_modules/element-ui/packages/theme-chalk/src/index';
+
+// the :export directive is the magic sauce for webpack
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+:export {
+  theme: $--color-primary;
+}

package/templates/vue-app/files/src/assets/styles/global.scss

@@ -1,73 +1,73 @@
-.el-form--inline .el-form-item {
-  margin-right: 4px;
-}
-.assistBtn {
-  background-color: #f1f9ff;
-  border: 1px solid #0081e3;
-  color: #0081e3;
-}
-.el-dialog__body {
-  padding: 20px;
-}
-.el-dialog__footer {
-  padding-top: 4px;
-}
-.el-dialog__header {
-  padding: 14px 20px;
-}
-.app-container {
-  padding: 8px;
-  height: 100%;
-  min-height: calc(100vh - 100px);
-  background: #fff;
-  border: 1px solid #dcdfe6;
-  overflow: hidden;
-}
-.container {
-  min-height: calc(100vh - 84px);
-  padding: 8px;
-  background: #f6f6f6;
-}
-.el-form-item--small.el-form-item {
-  //   margin-bottom: 8px;
-}
-.el-table thead {
-  height: 38px;
-  font-size: 14px;
-  font-color: #111111;
-  font-weight: bold;
-  font-family: 'Microsoft YaHei';
-}
-.el-table__row {
-  height: 38px;
-}
-.el-table.el-table--small .el-table__cell {
-  padding: 4px 0;
-  font-size: 14px;
-  color: #606266;
-  font-family: 'Microsoft YaHei';
-}
-.has-gutter tr {
-  color: rgba(0, 0, 0, 0.2);
-}
-.cell {
-  .el-button--mini {
-    font-size: 14px;
-  }
-}
-.warningStyle {
-  height: 34px;
-  background-color: #fff7f3;
-  font-size: 13px;
-  line-height: 34px;
-  color: #ff7b35;
-  padding: 0 12px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 8px;
-
-  .warning-icon {
-    color: #ff7b35;
-  }
-}
+.el-form--inline .el-form-item {
+  margin-right: 4px;
+}
+.assistBtn {
+  background-color: #f1f9ff;
+  border: 1px solid #0081e3;
+  color: #0081e3;
+}
+.el-dialog__body {
+  padding: 20px;
+}
+.el-dialog__footer {
+  padding-top: 4px;
+}
+.el-dialog__header {
+  padding: 14px 20px;
+}
+.app-container {
+  padding: 8px;
+  height: 100%;
+  min-height: calc(100vh - 100px);
+  background: #fff;
+  border: 1px solid #dcdfe6;
+  overflow: hidden;
+}
+.container {
+  min-height: calc(100vh - 84px);
+  padding: 8px;
+  background: #f6f6f6;
+}
+.el-form-item--small.el-form-item {
+  //   margin-bottom: 8px;
+}
+.el-table thead {
+  height: 38px;
+  font-size: 14px;
+  font-color: #111111;
+  font-weight: bold;
+  font-family: 'Microsoft YaHei';
+}
+.el-table__row {
+  height: 38px;
+}
+.el-table.el-table--small .el-table__cell {
+  padding: 4px 0;
+  font-size: 14px;
+  color: #606266;
+  font-family: 'Microsoft YaHei';
+}
+.has-gutter tr {
+  color: rgba(0, 0, 0, 0.2);
+}
+.cell {
+  .el-button--mini {
+    font-size: 14px;
+  }
+}
+.warningStyle {
+  height: 34px;
+  background-color: #fff7f3;
+  font-size: 13px;
+  line-height: 34px;
+  color: #ff7b35;
+  padding: 0 12px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+
+  .warning-icon {
+    color: #ff7b35;
+  }
+}