@mptw/skylens-ui 1.5.0 → 1.5.2

package/app/components/SLStayRangeInput.vue

@@ -54,8 +54,8 @@
 <script lang="ts">
 import type { PropType } from "vue";
 import { SLSelect } from "#components";
-import type IStayRange from "~ui/interface/IStayRange";
-import { StayRangeLevel } from "~ui/interface/IStayRange";
+import type IStayRange from "~ui/app/interface/IStayRange";
+import { StayRangeLevel } from "~ui/app/interface/IStayRange";
 
 type SLSelectType = InstanceType<typeof SLSelect>;
 
@@ -255,52 +255,63 @@ export default defineComponent({
 });
 </script>
 
-<style lang="stylus">
-.stay-range-input
-  @apply flex flex-col
+<style>
+@reference '~ui/app/assets/css/main.css';
 
-  &.inline
-    @apply flex flex-row
+.stay-range-input {
+  @apply flex flex-col;
+}
 
-    & > label
-      @apply flex-grow-0 flex-shrink-0 mb-0 mr-2 py-2 border-t border-b border-transparent
+.stay-range-input.inline {
+  @apply flex flex-row;
+}
 
-    .form-control
-      @apply flex-grow
+.stay-range-input.inline > label {
+  @apply grow-0 shrink-0 mb-0 mr-2 py-2 border-t border-b border-transparent;
+}
 
-  &.disabled, &.readonly
-    .input-group
-      input[type=text]
-        @apply border-primary-600 bg-primary-100
+.stay-range-input.inline .form-control {
+  @apply grow;
+}
 
+.stay-range-input.disabled .input-group input[type="text"],
+.stay-range-input.readonly .input-group input[type="text"] {
+  @apply border-primary-600 bg-primary-100;
+}
 
-  & > label
-    @apply mb-2 text-base leading-normal text-pgray-2
+.stay-range-input > label {
+  @apply mb-2 text-base leading-[1.3125] text-pgray-2;
+}
 
-  .is-invalid
-    .input-group
-      input[type=text]
-        @apply border-danger
-
-    .invalid-feedback
-      @apply block
+.stay-range-input .is-invalid .input-group input[type="text"] {
+  @apply border-danger;
+}
 
+.stay-range-input .is-invalid .invalid-feedback {
+  @apply block;
+}
 
-  .form-control-container
-    @apply flex items-center space-x-2
+.stay-range-input .form-control-container {
+  @apply flex items-center space-x-2;
+}
 
-  .input-group
-    @apply flex-grow flex flex-nowrap space-x-2
+.stay-range-input .input-group {
+  @apply grow flex flex-nowrap space-x-2;
+}
 
-    input[type=text]
-      @apply flex-grow-0 flex-shrink-0 w-11 border border-primary-600 rounded text-base text-center text-pgray-2 outline-none
+.stay-range-input .input-group input[type="text"] {
+  @apply grow-0 shrink-0 w-11 border border-primary-600 rounded text-base text-center text-pgray-2 outline-none;
+}
 
-    .custom-select
-      @apply w-full
+.stay-range-input .input-group .custom-select {
+  @apply w-full;
+}
 
-  .input-group-splitter
-    @apply flex-grow-0 flex-shrink-0 w-3 h-px bg-primary
+.stay-range-input .input-group-splitter {
+  @apply grow-0 shrink-0 w-3 h-px bg-primary;
+}
 
-  .invalid-feedback
-    @apply hidden text-danger text-xs
+.stay-range-input .invalid-feedback {
+  @apply hidden text-danger text-xs;
+}
 </style>

package/app/components/SLTab.vue

@@ -111,7 +111,12 @@ export default defineComponent({
     });
 
     function navClick() {
-      if (!isActive.value && distributed && distributed.changeTabTo && !disabled.value) {
+      if (
+        !isActive.value &&
+        distributed &&
+        distributed.changeTabTo &&
+        !disabled.value
+      ) {
         distributed.changeTabTo(index.value || 0);
       }
     }
@@ -167,4 +172,4 @@ export default defineComponent({
 });
 </script>
 
-<style lang="stylus"></style>
+<style></style>