@v1nt1248/3nclient-lib 0.2.41 → 0.2.42
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/dist/style.css +1 -1
- package/dist/ui3n-components.js +1626 -1615
- package/package.json +1 -1
- package/src/components/ui3n-slider/ui3n-slider.vue +21 -42
package/package.json
CHANGED
|
@@ -88,6 +88,25 @@
|
|
|
88
88
|
: '200%',
|
|
89
89
|
);
|
|
90
90
|
|
|
91
|
+
const label1Text = computed(() => {
|
|
92
|
+
if (props.range) {
|
|
93
|
+
const val = (innerValue.value as [number, number])[0];
|
|
94
|
+
return props.transformValueMethod
|
|
95
|
+
? props.transformValueMethod(val)
|
|
96
|
+
: `${val}`;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
return props.transformValueMethod ? props.transformValueMethod(innerValue.value as number) : `${innerValue.value}`;
|
|
100
|
+
});
|
|
101
|
+
const label2Text = computed(() => {
|
|
102
|
+
if (!props.range) {
|
|
103
|
+
return '';
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
const val = (innerValue.value as [number, number])[1];
|
|
107
|
+
return props.transformValueMethod ? props.transformValueMethod(val) : `${val}`;
|
|
108
|
+
});
|
|
109
|
+
|
|
91
110
|
function onMouseenter(pointer: 1 | 2) {
|
|
92
111
|
if (props.labelVisible === 'normal') {
|
|
93
112
|
showLabel.value[`${pointer}`] = true;
|
|
@@ -231,7 +250,7 @@
|
|
|
231
250
|
>
|
|
232
251
|
<ui3n-tooltip
|
|
233
252
|
:model-value="showLabel['1']"
|
|
234
|
-
:content="
|
|
253
|
+
:content="label1Text"
|
|
235
254
|
trigger="manual"
|
|
236
255
|
placement="top-start"
|
|
237
256
|
position-strategy="absolute"
|
|
@@ -255,7 +274,7 @@
|
|
|
255
274
|
>
|
|
256
275
|
<ui3n-tooltip
|
|
257
276
|
:model-value="showLabel['2']"
|
|
258
|
-
:content="
|
|
277
|
+
:content="label2Text"
|
|
259
278
|
trigger="manual"
|
|
260
279
|
placement="top-start"
|
|
261
280
|
position-strategy="absolute"
|
|
@@ -266,46 +285,6 @@
|
|
|
266
285
|
<div :class="[$style.pointer, selectedPointer === 2 && $style.selected]" />
|
|
267
286
|
</ui3n-tooltip>
|
|
268
287
|
</div>
|
|
269
|
-
|
|
270
|
-
<!-- <ui3n-tooltip-->
|
|
271
|
-
<!-- :model-value="labelVisible === 'always'"-->
|
|
272
|
-
<!-- :content="range ? `${(innerValue as [number, number])[0]}` : `${innerValue}`"-->
|
|
273
|
-
<!-- :trigger="labelVisible === 'always' ? 'manual' : 'hover'"-->
|
|
274
|
-
<!-- placement="top-start"-->
|
|
275
|
-
<!-- position-strategy="fixed"-->
|
|
276
|
-
<!-- :color="labelColor"-->
|
|
277
|
-
<!-- :text-color="labelTextColor"-->
|
|
278
|
-
<!-- :disabled="labelVisible === 'never'"-->
|
|
279
|
-
<!-- >-->
|
|
280
|
-
<!-- <div-->
|
|
281
|
-
<!-- ref="pointerEl1"-->
|
|
282
|
-
<!-- :class="[$style.pointer, $style.pointer1, selectedPointer === 1 && $style.selected]"-->
|
|
283
|
-
<!-- @pointerdown="onPointerDown($event, 1)"-->
|
|
284
|
-
<!-- @click.stop.prevent-->
|
|
285
|
-
<!-- @dragstart="onDragstart"-->
|
|
286
|
-
<!-- />-->
|
|
287
|
-
<!-- </ui3n-tooltip>-->
|
|
288
|
-
|
|
289
|
-
<!-- <ui3n-tooltip-->
|
|
290
|
-
<!-- v-if="range"-->
|
|
291
|
-
<!-- :model-value="labelVisible === 'always'"-->
|
|
292
|
-
<!-- :content="`${(innerValue as [number, number])[1]}`"-->
|
|
293
|
-
<!-- :trigger="labelVisible === 'always' ? 'manual' : 'hover'"-->
|
|
294
|
-
<!-- placement="top-end"-->
|
|
295
|
-
<!-- position-strategy="absolute"-->
|
|
296
|
-
<!-- :color="labelColor"-->
|
|
297
|
-
<!-- :text-color="labelTextColor"-->
|
|
298
|
-
<!-- :disabled="labelVisible === 'never'"-->
|
|
299
|
-
<!-- >-->
|
|
300
|
-
<!-- <div-->
|
|
301
|
-
<!-- v-if="range"-->
|
|
302
|
-
<!-- ref="pointerEl2"-->
|
|
303
|
-
<!-- :class="[$style.pointer, $style.pointer2, selectedPointer === 2 && $style.selected]"-->
|
|
304
|
-
<!-- @pointerdown="onPointerDown($event, 2)"-->
|
|
305
|
-
<!-- @click.stop.prevent-->
|
|
306
|
-
<!-- @dragstart="onDragstart"-->
|
|
307
|
-
<!-- />-->
|
|
308
|
-
<!-- </ui3n-tooltip>-->
|
|
309
288
|
</div>
|
|
310
289
|
</template>
|
|
311
290
|
|