quasar-ui-sellmate-ui-kit 2.3.2 → 3.0.1

package/src/components/SStringToInput.vue

@@ -1,66 +1,66 @@
-<template>
-  <div v-bind="stringOptions" v-if="type === 'string'" @click="change('input')">
-    {{ model }}
-  </div>
-  <s-input
-    v-show="type === 'input'"
-    v-model="model"
-    v-bind="inputOptions"
-    @blur="change('string')"
-    @keypress.enter="change('string')"
-    ref="inputRef"
-  ></s-input>
-</template>
-
-<script>
-import { ref, watch } from 'vue';
-import SInput from './SInput';
-
-export default {
-  name: 'SStringToInput',
-  props: {
-    stringOptions: Object,
-    inputOptions: Object,
-    modelValue: [String, Number],
-  },
-  components: {
-    SInput,
-  },
-  setup(props, { emit }) {
-    const type = ref('string');
-    const model = ref(props.modelValue);
-    const inputRef = ref({});
-    function change(to) {
-      type.value = to;
-      if (to === 'input') {
-        setTimeout(() => {
-          inputRef.value.$el.focus();
-        }, 200);
-      }
-    }
-    watch(() => model, () => {
-      emit('update:modelValue', model.value);
-    });
-    watch(() => type.value, () => {
-      if (type.value === 'string') {
-        if (!model.value) {
-          model.value = 0;
-        }
-        emit('inputToString');
-      } else {
-        emit('stringToInput');
-      }
-    });
-    return {
-      type,
-      model,
-      inputRef,
-      change,
-    };
-  },
-};
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <div v-bind="stringOptions" v-if="type === 'string'" @click="change('input')">
+    {{ model }}
+  </div>
+  <s-input
+    v-show="type === 'input'"
+    v-model="model"
+    v-bind="inputOptions"
+    @blur="change('string')"
+    @keypress.enter="change('string')"
+    ref="inputRef"
+  ></s-input>
+</template>
+
+<script>
+import { ref, watch } from 'vue';
+import SInput from './SInput';
+
+export default {
+  name: 'SStringToInput',
+  props: {
+    stringOptions: Object,
+    inputOptions: Object,
+    modelValue: [String, Number],
+  },
+  components: {
+    SInput,
+  },
+  setup(props, { emit }) {
+    const type = ref('string');
+    const model = ref(props.modelValue);
+    const inputRef = ref({});
+    function change(to) {
+      type.value = to;
+      if (to === 'input') {
+        setTimeout(() => {
+          inputRef.value.$el.focus();
+        }, 200);
+      }
+    }
+    watch(() => model, () => {
+      emit('update:modelValue', model.value);
+    });
+    watch(() => type.value, () => {
+      if (type.value === 'string') {
+        if (!model.value) {
+          model.value = 0;
+        }
+        emit('inputToString');
+      } else {
+        emit('stringToInput');
+      }
+    });
+    return {
+      type,
+      model,
+      inputRef,
+      change,
+    };
+  },
+};
+</script>
+
+<style scoped>
+
+</style>

package/src/components/STab.vue

@@ -1,77 +1,77 @@
-<template>
-  <q-tab :name="name" :ripple="false" :class="$attrs.class" class="s-tab">
-    <template #default>
-      {{ label }}
-      <span class="q-ml-xs badge" v-if="badge">
-        {{ badge }}
-      </span>
-    </template>
-  </q-tab>
-  <div class="s-tab-space"></div>
-</template>
-
-<script>
-import { defineComponent } from 'vue';
-import { QTab } from 'quasar';
-
-export default defineComponent({
-  name: 'STab',
-  components: {
-    QTab,
-  },
-  props: {
-    name: String,
-    label: String,
-    badge: String,
-  },
-});
-</script>
-
-<style lang="scss">
-@import "../css/quasar.variables.scss";
-
-.s-tab {
-  padding: $tab-padding;
-  background: $Grey_Lighten-5;
-  color: $Grey_Default;
-  min-height: 0;
-  border: 1px solid $Grey_Lighten-2;
-  border: {
-    bottom: 1px solid $positive;
-    radius: $button-border-radius $button-border-radius 0 0;
-  }
-  .q-tab__content {
-    padding: 0;
-    height: $default-content-height;
-    min-width: 0;
-    display: flex;
-    align-items: center;
-    flex: {
-      wrap: nowrap;
-      direction: row;
-    }
-    height: $default-content-height;
-    line-height: $default-line-height;
-    font: {
-      weight: $default-font-weight;
-      size: $default-font;
-    }
-  }
-}
-.s-tab.q-tab--active {
-  border: 1px solid $positive;
-  background: white;
-  .q-tab__content {
-    font-weight: $font-weight-lg;
-  }
-}
-.s-tab-space {
-  width: 4px;
-  min-width: 4px;
-  height: 100%;
-  border-bottom: 1px solid $positive;
-  &:last-of-type {
-    width: 100%;
-  }
-}
-</style>
+<template>
+  <q-tab :name="name" :ripple="false" :class="$attrs.class" class="s-tab">
+    <template #default>
+      {{ label }}
+      <span class="q-ml-xs badge" v-if="badge">
+        {{ badge }}
+      </span>
+    </template>
+  </q-tab>
+  <div class="s-tab-space"></div>
+</template>
+
+<script>
+import { defineComponent } from 'vue';
+import { QTab } from 'quasar';
+
+export default defineComponent({
+  name: 'STab',
+  components: {
+    QTab,
+  },
+  props: {
+    name: String,
+    label: String,
+    badge: String,
+  },
+});
+</script>
+
+<style lang="scss">
+@import "../css/quasar.variables.scss";
+
+.s-tab {
+  padding: $tab-padding;
+  background: $Grey_Lighten-5;
+  color: $Grey_Default;
+  min-height: 0;
+  border: 1px solid $Grey_Lighten-2;
+  border: {
+    bottom: 1px solid $positive;
+    radius: $button-border-radius $button-border-radius 0 0;
+  }
+  .q-tab__content {
+    padding: 0;
+    height: $default-content-height;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+    flex: {
+      wrap: nowrap;
+      direction: row;
+    }
+    height: $default-content-height;
+    line-height: $default-line-height;
+    font: {
+      weight: $default-font-weight;
+      size: $default-font;
+    }
+  }
+}
+.s-tab.q-tab--active {
+  border: 1px solid $positive;
+  background: white;
+  .q-tab__content {
+    font-weight: $font-weight-lg;
+  }
+}
+.s-tab-space {
+  width: 4px;
+  min-width: 4px;
+  height: 100%;
+  border-bottom: 1px solid $positive;
+  &:last-of-type {
+    width: 100%;
+  }
+}
+</style>