@mptw/skylens-ui 1.2.2 → 1.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/app.vue CHANGED
@@ -1,3 +1,3 @@
1
1
  <template lang="pug">
2
- SLPillLabel(label='Pill Label', color='secondary-new')
2
+ SLRangeInput
3
3
  </template>
@@ -14,21 +14,22 @@
14
14
  .range-input-accept-values
15
15
  span {{ min }}
16
16
  span {{ max }}
17
- VueSlider(
18
- v-model='modelValueProxy'
19
- :min='min'
20
- :max='max'
21
- :interval='step'
22
- :contained='true'
23
- :lazy='false',
24
- :disabled='disabled || beReadonly || min === max'
25
- :dotSize='12'
26
- :height='6'
27
- tooltip='none'
28
- :dotOptions='dotOptions'
29
- :railStyle='railStyle'
30
- :processStyle='processStyle'
31
- )
17
+ ClientOnly
18
+ VueSlider(
19
+ v-model='modelValueProxy'
20
+ :min='min'
21
+ :max='max'
22
+ :interval='step'
23
+ :contained='true'
24
+ :lazy='false',
25
+ :disabled='disabled || beReadonly || min === max'
26
+ :dotSize='12'
27
+ :height='6'
28
+ tooltip='none'
29
+ :dotOptions='dotOptions'
30
+ :railStyle='railStyle'
31
+ :processStyle='processStyle'
32
+ )
32
33
  input(
33
34
  type='text'
34
35
  :value='modelValue'
@@ -41,9 +42,8 @@
41
42
  </template>
42
43
 
43
44
  <script lang="ts">
44
- import "vue-slider-component/theme/default.css";
45
- import VueSlider from "vue-slider-component";
46
- import type { DotOption } from "vue-slider-component";
45
+ import VueSlider from "vue-3-slider-component";
46
+ import type { DotOption } from "vue-3-slider-component";
47
47
 
48
48
  export default defineComponent({
49
49
  name: "SLRangeInput",
@@ -126,6 +126,7 @@ export default defineComponent({
126
126
  "update:modelValue",
127
127
  "update:selecting",
128
128
  "search",
129
+ "update:search",
129
130
  "show:inputPopup",
130
131
  "hide:inputPopup",
131
132
  ],
@@ -396,6 +397,7 @@ export default defineComponent({
396
397
  });
397
398
  watch(search, () => {
398
399
  emit("search", search.value);
400
+ emit("update:search", search.value);
399
401
  });
400
402
 
401
403
  onMounted(() => {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mptw/skylens-ui",
3
3
  "type": "module",
4
- "version": "1.2.2",
4
+ "version": "1.2.4",
5
5
  "main": "./nuxt.config.ts",
6
6
  "scripts": {
7
7
  "dev": "nuxi dev .playground",
@@ -48,6 +48,7 @@
48
48
  "tailwindcss-textshadow": "^2.1.3",
49
49
  "v-calendar": "^3.1.2",
50
50
  "vue": "^3.4.22",
51
+ "vue-3-slider-component": "^0.1.4",
51
52
  "vue-echarts": "^6.6.9",
52
53
  "vue-slider-component": "^4.1.0-beta.7"
53
54
  }