raise-common-lib-new 0.0.2

package/src/assets/style/reset/input.scss

@@ -0,0 +1,97 @@
+input.e-input,
+textarea.e-input,
+.e-textbox.e-input {
+  font-size: var(--rs-input-font-size) !important;
+  color: var(--rs-input-color) !important;
+  border-radius: var(--rs-input-border-radius);
+  border-color: var(--rs-input-border-color) !important;
+  &:not(.error):not([disabled]):not([readonly]):hover {
+    box-shadow: 0px 0px 3px 0px rgba(31, 123, 255, 0.4);
+    border-color: var(--rs-input-hover-border-color) !important;
+  }
+  &:not([disabled]):not([readonly]):focus {
+    border-color: var(--rs-input-focus-border-color) !important;
+    box-shadow: none !important;
+  }
+  &[disabled],
+  &[readonly] {
+    border-color: var(--rs-input-border-color) !important;
+    font-size: var(--rs-input-font-size);
+    background-color: var(--rs-input-disabled-bg) !important;
+  }
+  &.error:not(:focus) {
+    border-color: var(--rs-input-error-border-color) !important;
+  }
+}
+
+textarea.e-input:focus {
+  padding: 4px 8px;
+}
+
+input.e-input {
+  padding: 0 8px !important;
+  height: var(--rs-input-line-height) !important;
+}
+.e-textbox {
+  .e-input-group {
+    box-shadow: none !important;
+    border-color: var(--rs-input-border-color) !important;
+    &.e-input-focus,
+    &:not(.e-disabled):hover {
+      box-shadow: 0px 0px 3px 0px rgba(31, 123, 255, 0.4);
+      border-color: var(--rs-input-hover-border-color) !important;
+      input.e-input {
+        box-shadow: none !important;
+      }
+    }
+    input.e-input {
+      height: calc(var(--rs-input-line-height) - 2px) !important;
+      line-height: calc(var(--rs-input-line-height) - 4px) !important;
+    }
+  }
+  &.error {
+    .e-input-group {
+      border-color: var(--rs-input-error-border-color) !important;
+      &:hover {
+        border-color: var(--rs-input-error-border-color) !important;
+        box-shadow: none !important;
+      }
+      &.e-input-focus {
+        border-color: var(--rs-input-focus-border-color) !important;
+        box-shadow: none !important;
+      }
+    }
+  }
+}
+.e-numeric.e-input-group {
+  border: 0 !important;
+  box-shadow: none !important;
+  input.e-input {
+    border-width: 1px !important;
+  }
+  .e-input-group-icon {
+    display: none;
+  }
+}
+.e-input-group {
+  input.e-input:hover {
+    box-shadow: none !important;
+  }
+}
+
+ejs-numerictextbox.e-lib.error {
+  .e-numeric.e-input-group {
+    input.e-input:not(:focus) {
+      border-color: var(--rs-input-error-border-color) !important;
+    }
+    input.e-input:hover {
+      box-shadow: none !important;
+    }
+  }
+}
+input::-webkit-input-placeholder {
+  color: var(--rs-input-disabled-color) !important;
+}
+textarea::-webkit-input-placeholder {
+  color: var(--rs-input-disabled-color) !important;
+}

package/src/assets/style/reset/mat-dialog.scss

@@ -0,0 +1,7 @@
+
+
+.rs-dialog-wrap{
+	.mat-dialog-container{
+		padding: 0 !important;
+	}
+}

package/src/assets/style/reset/radio.scss

@@ -0,0 +1,37 @@
+.e-radio-wrapper {
+    .e-radio:disabled + label {
+      &::before {
+        border-color: rgba(209, 209, 209, 0.5);
+        background-color: rgba(234, 237, 240, 0.35);
+      }
+    }
+    .e-radio:checked + label {
+      &::before {
+        background-color: var(--rs-active-color);
+        border-color: var(--rs-active-color);
+        box-shadow: none;
+      }
+      &::after {
+        content: "" !important;
+        display: block;
+        width: 11px;
+        height: 8px;
+        background-image: url("/assets/img/checked-vector.svg");
+        background-size: cover;
+        background-position: center;
+        background-color: transparent;
+        transform: scale(1);
+        left: 2px;
+        top: 3px;
+        border: 0;
+        border-radius: 0;
+      }
+    }
+    .e-label {
+      color: var(--rs-label-color);
+      font-family: var(--rs-font-family);
+      font-size: var(--rs-font-size);
+      font-weight: 400;
+      line-height: 14px;
+    }
+  }

package/src/assets/style/reset/switch.scss

@@ -0,0 +1,32 @@
+.e-switch-wrapper {
+  width: 28px;
+  .e-switch-inner {
+    border: 1px solid rgba(173, 181, 189, 1);
+    &.e-switch-active {
+      background-color: var(--rs-active-color) !important;
+      border-color: var(--rs-active-color) !important;
+    }
+    .e-switch-on {
+      background-color: var(--rs-active-color) !important;
+    }
+  }
+  .e-switch-handle {
+    background-color: #fff !important;
+    border: 1px solid rgba(173, 181, 189, 1);
+    left: 2px;
+    &.e-switch-active {
+      background-color: #fff;
+      border-color: var(--rs-active-color);
+      left: 100%;
+    }
+  }
+  &.e-switch-disabled {
+    .e-switch-handle {
+      background-color: #e9ecef !important;
+      opacity: 0.5;
+      &.e-switch-active {
+        border-color: rgba(0, 129, 255, 0.5);
+      }
+    }
+  }
+}

package/src/assets/style/style.scss

@@ -0,0 +1,63 @@
+@import "./syncfusion.min.css";
+@import "./variables";
+@import "./reset/input.scss";
+@import "./reset/button.scss";
+@import "./reset/dropdown.scss";
+@import "./reset/mat-dialog.scss";
+@import "./reset/grid.scss";
+@import "./reset/switch.scss";
+@import "./reset/radio.scss";
+@import "./reset/checkbox.scss";
+
+
+html{
+  overflow: hidden;
+  overflow-x: auto;
+}
+body{
+  margin: 0;
+  padding: 0;
+  min-width: 576px;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+textarea {
+  outline: none;
+  border-color: #c8c8c8;
+  width: 100%;
+  padding: 0 10px;
+}
+
+button {
+  border-width: 0;
+  outline: 0;
+}
+a {
+  color: #44566c;
+  text-decoration: none;
+  &:hover {
+    background-color: transparent;
+  }
+}
+
+input {
+  border: 0;
+  outline: 0;
+}
+
+::-webkit-scrollbar {
+  // 滚动条样式
+  width: 5px;
+  height: 5px;
+  background: #ffffff;
+  position: static;
+  z-index: 999;
+}
+::-webkit-scrollbar-thumb {
+  // 滚动条滑块颜色
+  background: rgba(108, 124, 144, 0.30);
+  border-radius: 3px;
+}