@ctzy-web-client/plugin-component-vue 1.0.0

package/style/theme/theme.scss

@@ -0,0 +1,161 @@
+@use 'sass:map';
+@use '../common/var' as *;
+@forward './var';
+
+@forward 'element-plus/theme-chalk/src/form.scss' with (
+  $form-item-margin-bottom: (
+    'large': map.get($spacing-size, 'input'),
+    'default': map.get($spacing-size, 'input'),
+  )
+);
+
+@use 'element-plus/theme-chalk/src/index.scss' as *;
+
+.el-form .el-form-item__content .el-select {
+  width: 100%;
+}
+
+// 表格样式重写
+.el-table {
+  --el-table-header-bg-color: #f9fbfb;
+
+  // 表头的设置
+  .el-table__header {
+    height: 48px;
+
+    .el-table__cell {
+      color: map.get($text-color, 'primary');
+      font-weight: 500;
+    }
+  }
+
+  tr {
+    height: 48px;
+  }
+
+  //斑马行的背景色
+  &.el-table--striped
+    .el-table__body
+    tr.el-table__row--striped
+    td.el-table__cell {
+    background-color: #f9fbfb;
+  }
+
+  .cell.el-tooltip {
+    > .bwa-advance-select {
+      display: inline;
+      > .bwa-advance-select__reference {
+        display: inline;
+      }
+    }
+  }
+}
+
+.el-button {
+  border-radius: 4px;
+
+}
+
+[type=button], [type=reset], [type=submit], button {
+    border: 1px solid #EAEEEFFF;
+}
+.el-button--default {
+    border: 1px solid #EAEEEFFF !important;
+}
+.el-button--text, .bwa-advance-select__clear, .el-dialog__headerbtn{
+    border: none !important;
+}
+
+// 重写card样式
+.el-card {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+  .el-card__body {
+    height: 100%;
+    flex: 1 1;
+    overflow: hidden;
+  }
+}
+
+.el-pagination {
+  .el-pagination__sizes {
+    font-size: 0;
+  }
+
+  .el-pager {
+    .number {
+      border-radius: 4px;
+      box-shadow: 0 0 0 1px #dcdfe6 inset;
+      margin: 0 4px;
+
+      &.is-active,
+      &:hover {
+        box-shadow: 0 0 0 1px #409eff inset;
+      }
+    }
+  }
+
+  .el-pagination__jump {
+    .el-input__wrapper {
+      border-radius: 4px;
+    }
+  }
+
+  .el-select {
+    .el-input {
+      width: 100px;
+    }
+  }
+}
+
+.el-message {
+  &--error {
+    .el-icon {
+      color: #f5222d;
+    }
+  }
+
+  .el-message__content {
+    color: map.get($text-color, 'primary');
+  }
+}
+
+//
+///* 为所有没有前缀图标的输入框设置样式 */
+//.el-input:not(.el-input--prefix) .el-input__inner {
+//    padding-left: 0px; /* 默认的左侧内边距 */
+//}
+//
+///* 为有前缀图标的输入框设置样式 */
+//.el-input--prefix .el-input__inner {
+//    padding-left: 20px; /* 增加左侧内边距，为前缀图标留出空间 */
+//}
+//
+///* 调整前缀图标的位置 */
+//.el-input__prefix {
+//    left: 10px;
+//}
+///* 如果前缀图标不占位，减少左侧内边距 */
+//.el-input--prefix .el-input__inner:not(.el-input__inner--no-prefix-padding) {
+//    padding-left: 20px; /* 减少左侧内边距，因为前缀图标不占位 */
+//}
+
+/**
+解决input前置图标不占位问题
+ */
+.el-input__prefix, .el-input__suffix{
+    position: static !important;
+}
+
+/**
+解决磐舟动画重叠
+ */
+.el-drawer.rtl {
+    animation: none !important;
+}
+
+.is-selected{
+    color: #19BBFF;
+}

package/style/theme/var.scss

@@ -0,0 +1,34 @@
+@use 'sass:map';
+@use '../common/var' as *;
+
+@forward 'element-plus/theme-chalk/src/common/var.scss' with (
+  $border-radius: (
+    'base': 0px,
+    'small': 0px,
+    'round': 20px,
+    'circle': 100%,
+  ),
+  $card: (
+    'border-radius': 0px,
+  ),
+  $colors: (
+    'primary': (
+      'base': $color-primary,
+    ),
+    'success': (
+      'base': $color-success,
+    ),
+    'warning': (
+      'base': $color-warning,
+    ),
+    'danger': (
+      'base': $color-danger,
+    ),
+    'error': (
+      'base': $color-error,
+    ),
+  ),
+  $text-color: (
+    'regular': map.get($text-color, 'primary'),
+  )
+);

package/style/var.scss

@@ -0,0 +1,21 @@
+@use 'common/var' as *;
+@use 'mixins/var' as *;
+
+:root {
+  @include set-css-var-value('color-white', $color-white);
+  @include set-css-var-value('color-black', $color-black);
+
+  @each $type in (primary, success, warning, danger, error) {
+    @include set-css-color-type($colors, $type);
+  }
+
+  @include set-component-css-var('text-color', $text-color);
+
+  @include set-component-css-var('border-radius', $border-radius);
+
+  @include set-component-css-var('fill-color', $fill-color);
+
+  @include set-component-css-var('spacing-size', $spacing-size);
+
+  @include set-component-css-var('border-color', $border-color);
+}