@coreui/vue-pro 5.7.0 → 5.8.1
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/README.md +1 -1
- package/dist/cjs/components/date-picker/CDatePicker.d.ts +19 -0
- package/dist/cjs/components/date-picker/CDatePicker.js +9 -0
- package/dist/cjs/components/date-picker/CDatePicker.js.map +1 -1
- package/dist/cjs/components/date-range-picker/CDateRangePicker.d.ts +19 -0
- package/dist/cjs/components/date-range-picker/CDateRangePicker.js +26 -1
- package/dist/cjs/components/date-range-picker/CDateRangePicker.js.map +1 -1
- package/dist/cjs/components/index.d.ts +1 -0
- package/dist/cjs/components/index.js +28 -24
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/nav/CNavItem.d.ts +2 -0
- package/dist/cjs/components/nav/CNavItem.js +8 -2
- package/dist/cjs/components/nav/CNavItem.js.map +1 -1
- package/dist/cjs/components/picker/CPicker.d.ts +19 -0
- package/dist/cjs/components/picker/CPicker.js +32 -7
- package/dist/cjs/components/picker/CPicker.js.map +1 -1
- package/dist/cjs/components/range-slider/CRangeSlider.d.ts +241 -0
- package/dist/cjs/components/range-slider/CRangeSlider.js +317 -0
- package/dist/cjs/components/range-slider/CRangeSlider.js.map +1 -0
- package/dist/cjs/components/range-slider/index.d.ts +6 -0
- package/dist/cjs/components/range-slider/index.js +13 -0
- package/dist/cjs/components/range-slider/index.js.map +1 -0
- package/dist/cjs/components/range-slider/types.d.ts +11 -0
- package/dist/cjs/components/range-slider/utils.d.ts +38 -0
- package/dist/cjs/components/range-slider/utils.js +172 -0
- package/dist/cjs/components/range-slider/utils.js.map +1 -0
- package/dist/cjs/components/sidebar/CSidebar.js +0 -1
- package/dist/cjs/components/sidebar/CSidebar.js.map +1 -1
- package/dist/cjs/components/time-picker/CTimePicker.d.ts +19 -0
- package/dist/cjs/components/time-picker/CTimePicker.js +26 -1
- package/dist/cjs/components/time-picker/CTimePicker.js.map +1 -1
- package/dist/cjs/index.js +34 -30
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/date-picker/CDatePicker.d.ts +19 -0
- package/dist/esm/components/date-picker/CDatePicker.js +9 -0
- package/dist/esm/components/date-picker/CDatePicker.js.map +1 -1
- package/dist/esm/components/date-range-picker/CDateRangePicker.d.ts +19 -0
- package/dist/esm/components/date-range-picker/CDateRangePicker.js +26 -1
- package/dist/esm/components/date-range-picker/CDateRangePicker.js.map +1 -1
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/nav/CNavItem.d.ts +2 -0
- package/dist/esm/components/nav/CNavItem.js +8 -2
- package/dist/esm/components/nav/CNavItem.js.map +1 -1
- package/dist/esm/components/picker/CPicker.d.ts +19 -0
- package/dist/esm/components/picker/CPicker.js +32 -7
- package/dist/esm/components/picker/CPicker.js.map +1 -1
- package/dist/esm/components/range-slider/CRangeSlider.d.ts +241 -0
- package/dist/esm/components/range-slider/CRangeSlider.js +315 -0
- package/dist/esm/components/range-slider/CRangeSlider.js.map +1 -0
- package/dist/esm/components/range-slider/index.d.ts +6 -0
- package/dist/esm/components/range-slider/index.js +10 -0
- package/dist/esm/components/range-slider/index.js.map +1 -0
- package/dist/esm/components/range-slider/types.d.ts +11 -0
- package/dist/esm/components/range-slider/utils.d.ts +38 -0
- package/dist/esm/components/range-slider/utils.js +157 -0
- package/dist/esm/components/range-slider/utils.js.map +1 -0
- package/dist/esm/components/sidebar/CSidebar.js +0 -1
- package/dist/esm/components/sidebar/CSidebar.js.map +1 -1
- package/dist/esm/components/time-picker/CTimePicker.d.ts +19 -0
- package/dist/esm/components/time-picker/CTimePicker.js +26 -1
- package/dist/esm/components/time-picker/CTimePicker.js.map +1 -1
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/date-picker/CDatePicker.ts +9 -0
- package/src/components/date-range-picker/CDateRangePicker.ts +26 -2
- package/src/components/index.ts +1 -0
- package/src/components/nav/CNavItem.ts +9 -2
- package/src/components/picker/CPicker.ts +43 -7
- package/src/components/range-slider/CRangeSlider.ts +432 -0
- package/src/components/range-slider/index.ts +10 -0
- package/src/components/range-slider/types.ts +16 -0
- package/src/components/range-slider/utils.ts +247 -0
- package/src/components/sidebar/CSidebar.ts +0 -1
- package/src/components/time-picker/CTimePicker.ts +26 -1
|
@@ -0,0 +1,315 @@
|
|
|
1
|
+
import { defineComponent, ref, watch, onMounted, h } from 'vue';
|
|
2
|
+
import { getThumbSize, calculateMoveValue, updateValue, calculateTooltipPosition, updateGradient, calculateLabelPosition, getLabelValue, calculateClickValue, getNearestValueIndex, validateValue } from './utils.js';
|
|
3
|
+
import isRTL from '../../utils/isRTL.js';
|
|
4
|
+
|
|
5
|
+
const CRangeSlider = defineComponent({
|
|
6
|
+
name: 'CRangeSlider',
|
|
7
|
+
props: {
|
|
8
|
+
/**
|
|
9
|
+
* Enable or disable clickable labels in the Vue Range Slider.
|
|
10
|
+
* When set to `true`, users can click on labels to adjust the slider's value directly, enhancing interactivity and user experience.
|
|
11
|
+
*/
|
|
12
|
+
clickableLabels: {
|
|
13
|
+
type: Boolean,
|
|
14
|
+
default: true,
|
|
15
|
+
},
|
|
16
|
+
/**
|
|
17
|
+
* Control the interactive state of the Vue Range Slider with the `disabled` prop.
|
|
18
|
+
* Setting it to `true` will disable all slider functionalities, preventing user interaction and visually indicating a non-interactive state.
|
|
19
|
+
*/
|
|
20
|
+
disabled: {
|
|
21
|
+
type: Boolean,
|
|
22
|
+
default: false,
|
|
23
|
+
},
|
|
24
|
+
/**
|
|
25
|
+
* Define the minimum distance between slider handles using the `distance` prop in the Vue Range Slider.
|
|
26
|
+
* This ensures that the handles maintain a specified separation, preventing overlap and maintaining clear value distinctions.
|
|
27
|
+
*/
|
|
28
|
+
distance: {
|
|
29
|
+
type: Number,
|
|
30
|
+
default: 0,
|
|
31
|
+
},
|
|
32
|
+
/**
|
|
33
|
+
* Add descriptive labels to your Vue Range Slider by providing an array of `labels`.
|
|
34
|
+
* These labels enhance the slider's usability by clearly indicating key values and providing contextual information to users.
|
|
35
|
+
*/
|
|
36
|
+
labels: {
|
|
37
|
+
type: Array,
|
|
38
|
+
default: () => [],
|
|
39
|
+
},
|
|
40
|
+
/**
|
|
41
|
+
* Specify the maximum value for the Vue Range Slider with the `max` prop.
|
|
42
|
+
* This determines the upper limit of the slider's range, enabling precise control over the highest selectable value.
|
|
43
|
+
*/
|
|
44
|
+
max: {
|
|
45
|
+
type: Number,
|
|
46
|
+
default: 100,
|
|
47
|
+
},
|
|
48
|
+
/**
|
|
49
|
+
* Set the minimum value for the Vue Range Slider using the `min` prop.
|
|
50
|
+
* This defines the lower bound of the slider's range, allowing you to control the starting point of user selection.
|
|
51
|
+
*/
|
|
52
|
+
min: {
|
|
53
|
+
type: Number,
|
|
54
|
+
default: 0,
|
|
55
|
+
},
|
|
56
|
+
/**
|
|
57
|
+
* The default name for a value passed using v-model.
|
|
58
|
+
*/
|
|
59
|
+
modelValue: [Number, Array],
|
|
60
|
+
/**
|
|
61
|
+
* Assign a `name` to the Vue Range Slider for form integration.
|
|
62
|
+
* Whether using a single string or an array of strings, this prop ensures that the slider's values are correctly identified when submitting forms.
|
|
63
|
+
*/
|
|
64
|
+
name: {
|
|
65
|
+
type: [String, Array],
|
|
66
|
+
default: '',
|
|
67
|
+
},
|
|
68
|
+
/**
|
|
69
|
+
* Control the granularity of the Vue Range Slider by setting the `step` prop.
|
|
70
|
+
* This defines the increment intervals between selectable values, allowing for precise adjustments based on your application's requirements.
|
|
71
|
+
*/
|
|
72
|
+
step: {
|
|
73
|
+
type: Number,
|
|
74
|
+
default: 1,
|
|
75
|
+
},
|
|
76
|
+
/**
|
|
77
|
+
* Toggle the visibility of tooltips in the Vue Range Slider with the `tooltips` prop.
|
|
78
|
+
* When enabled, tooltips display the current value of the slider handles, providing real-time feedback to users.
|
|
79
|
+
*/
|
|
80
|
+
tooltips: {
|
|
81
|
+
type: Boolean,
|
|
82
|
+
default: true,
|
|
83
|
+
},
|
|
84
|
+
/**
|
|
85
|
+
* Customize the display format of tooltips in the Vue Range Slider using the `tooltipsFormat` function.
|
|
86
|
+
* This allows you to format the tooltip values according to your specific requirements, enhancing the clarity and presentation of information.
|
|
87
|
+
*/
|
|
88
|
+
tooltipsFormat: {
|
|
89
|
+
type: Function,
|
|
90
|
+
default: null,
|
|
91
|
+
},
|
|
92
|
+
/**
|
|
93
|
+
* Controls the visual representation of the slider's track. When set to `'fill'`, the track is dynamically filled based on the slider's value(s). Setting it to `false` disables the filled track.
|
|
94
|
+
*/
|
|
95
|
+
track: {
|
|
96
|
+
type: [Boolean, String],
|
|
97
|
+
default: 'fill',
|
|
98
|
+
validator: (value) => {
|
|
99
|
+
return typeof value === 'boolean' || value === 'fill';
|
|
100
|
+
},
|
|
101
|
+
},
|
|
102
|
+
/**
|
|
103
|
+
* Set the current value(s) of the Vue Range Slider using the `value` prop.
|
|
104
|
+
* Whether you're using a single value or an array for multi-handle sliders, this prop controls the slider's position and ensures it reflects the desired state.
|
|
105
|
+
*/
|
|
106
|
+
value: {
|
|
107
|
+
type: [Number, Array],
|
|
108
|
+
default: () => [0],
|
|
109
|
+
},
|
|
110
|
+
/**
|
|
111
|
+
* Orient the Vue Range Slider vertically by setting the `vertical` prop to `true`.
|
|
112
|
+
* This changes the slider's layout from horizontal to vertical, providing a different aesthetic and fitting various UI designs.
|
|
113
|
+
*/
|
|
114
|
+
vertical: {
|
|
115
|
+
type: Boolean,
|
|
116
|
+
default: false,
|
|
117
|
+
},
|
|
118
|
+
},
|
|
119
|
+
emits: [
|
|
120
|
+
'change',
|
|
121
|
+
/**
|
|
122
|
+
* Emit the new value whenever there’s a change event.
|
|
123
|
+
*/
|
|
124
|
+
'update:modelValue',
|
|
125
|
+
],
|
|
126
|
+
setup(props, { emit }) {
|
|
127
|
+
const rangeSliderRef = ref(null);
|
|
128
|
+
const inputsRef = ref([]);
|
|
129
|
+
const labelsContainerRef = ref(null);
|
|
130
|
+
const labelsRef = ref([]);
|
|
131
|
+
const trackRef = ref(null);
|
|
132
|
+
const currentValue = ref(props.modelValue
|
|
133
|
+
? Array.isArray(props.modelValue)
|
|
134
|
+
? props.modelValue
|
|
135
|
+
: [props.modelValue]
|
|
136
|
+
: Array.isArray(props.value)
|
|
137
|
+
? props.value
|
|
138
|
+
: [props.value]);
|
|
139
|
+
const isDragging = ref(false);
|
|
140
|
+
const _isRTL = ref(false);
|
|
141
|
+
const dragIndex = ref(0);
|
|
142
|
+
const thumbSize = ref();
|
|
143
|
+
watch(() => props.value, (newVal) => {
|
|
144
|
+
currentValue.value = Array.isArray(newVal) ? newVal : [newVal];
|
|
145
|
+
});
|
|
146
|
+
watch(() => props.modelValue, (newVal) => {
|
|
147
|
+
if (newVal !== undefined) {
|
|
148
|
+
currentValue.value = Array.isArray(newVal) ? newVal : [newVal];
|
|
149
|
+
}
|
|
150
|
+
});
|
|
151
|
+
// Adjust labels container size based on labels
|
|
152
|
+
onMounted(() => {
|
|
153
|
+
const maxSize = Math.max(...labelsRef.value.map((label) => props.vertical ? label.offsetWidth : label.offsetHeight));
|
|
154
|
+
if (labelsContainerRef.value) {
|
|
155
|
+
labelsContainerRef.value.style[props.vertical ? 'width' : 'height'] = `${maxSize}px`;
|
|
156
|
+
}
|
|
157
|
+
if (rangeSliderRef.value) {
|
|
158
|
+
_isRTL.value = isRTL(rangeSliderRef.value);
|
|
159
|
+
thumbSize.value = getThumbSize(rangeSliderRef.value, props.vertical);
|
|
160
|
+
}
|
|
161
|
+
});
|
|
162
|
+
watch(isDragging, (newVal) => {
|
|
163
|
+
if (newVal) {
|
|
164
|
+
globalThis.addEventListener('mousemove', handleMouseMove);
|
|
165
|
+
globalThis.addEventListener('mouseup', handleMouseUp);
|
|
166
|
+
}
|
|
167
|
+
else {
|
|
168
|
+
globalThis.removeEventListener('mousemove', handleMouseMove);
|
|
169
|
+
globalThis.removeEventListener('mouseup', handleMouseUp);
|
|
170
|
+
}
|
|
171
|
+
});
|
|
172
|
+
const updateNearestValue = (value) => {
|
|
173
|
+
const nearestIndex = getNearestValueIndex(value, currentValue.value);
|
|
174
|
+
const newCurrentValue = [...currentValue.value];
|
|
175
|
+
newCurrentValue[nearestIndex] = validateValue(value, currentValue.value, props.distance, nearestIndex);
|
|
176
|
+
setTimeout(() => {
|
|
177
|
+
if (inputsRef.value[nearestIndex]) {
|
|
178
|
+
inputsRef.value[nearestIndex].focus();
|
|
179
|
+
}
|
|
180
|
+
}, 0);
|
|
181
|
+
currentValue.value = newCurrentValue;
|
|
182
|
+
emit('change', newCurrentValue);
|
|
183
|
+
emit('update:modelValue', newCurrentValue);
|
|
184
|
+
};
|
|
185
|
+
const handleInputChange = (event, index) => {
|
|
186
|
+
if (props.disabled)
|
|
187
|
+
return;
|
|
188
|
+
const target = event.target;
|
|
189
|
+
const value = Number(target.value);
|
|
190
|
+
const newCurrentValue = updateValue(value, currentValue.value, props.distance, index);
|
|
191
|
+
currentValue.value = newCurrentValue;
|
|
192
|
+
emit('change', newCurrentValue);
|
|
193
|
+
emit('update:modelValue', newCurrentValue);
|
|
194
|
+
};
|
|
195
|
+
const handleInputsContainerMouseDown = (event) => {
|
|
196
|
+
if (!trackRef.value || event.button !== 0)
|
|
197
|
+
return;
|
|
198
|
+
const clickValue = calculateClickValue(event, trackRef.value, props.min, props.max, props.step, props.vertical, _isRTL.value);
|
|
199
|
+
const index = getNearestValueIndex(clickValue, currentValue.value);
|
|
200
|
+
isDragging.value = true;
|
|
201
|
+
dragIndex.value = index;
|
|
202
|
+
updateNearestValue(clickValue);
|
|
203
|
+
};
|
|
204
|
+
const handleLabelClick = (event, value) => {
|
|
205
|
+
if (!props.clickableLabels || props.disabled || event.button !== 0)
|
|
206
|
+
return;
|
|
207
|
+
updateNearestValue(value);
|
|
208
|
+
};
|
|
209
|
+
const handleMouseMove = (event) => {
|
|
210
|
+
if (!isDragging.value || !trackRef.value)
|
|
211
|
+
return;
|
|
212
|
+
const moveValue = calculateMoveValue(event, trackRef.value, props.min, props.max, props.step, props.vertical, _isRTL.value);
|
|
213
|
+
const newCurrentValue = updateValue(moveValue, currentValue.value, props.distance, dragIndex.value);
|
|
214
|
+
currentValue.value = newCurrentValue;
|
|
215
|
+
emit('change', newCurrentValue);
|
|
216
|
+
emit('update:modelValue', newCurrentValue);
|
|
217
|
+
};
|
|
218
|
+
const handleMouseUp = () => {
|
|
219
|
+
isDragging.value = false;
|
|
220
|
+
};
|
|
221
|
+
return () => h('div', {
|
|
222
|
+
class: [
|
|
223
|
+
'range-slider',
|
|
224
|
+
{
|
|
225
|
+
'range-slider-vertical': props.vertical,
|
|
226
|
+
disabled: props.disabled,
|
|
227
|
+
},
|
|
228
|
+
],
|
|
229
|
+
ref: rangeSliderRef,
|
|
230
|
+
}, [
|
|
231
|
+
h('div', {
|
|
232
|
+
class: 'range-slider-inputs-container',
|
|
233
|
+
onMousedown: handleInputsContainerMouseDown,
|
|
234
|
+
}, [
|
|
235
|
+
currentValue.value.map((value, index) => [
|
|
236
|
+
h('input', {
|
|
237
|
+
class: 'range-slider-input',
|
|
238
|
+
type: 'range',
|
|
239
|
+
min: props.min,
|
|
240
|
+
max: props.max,
|
|
241
|
+
step: props.step,
|
|
242
|
+
value: value,
|
|
243
|
+
name: Array.isArray(props.name)
|
|
244
|
+
? props.name[index]
|
|
245
|
+
: `${props.name || ''}-${index}`,
|
|
246
|
+
role: 'slider',
|
|
247
|
+
'aria-valuemin': props.min,
|
|
248
|
+
'aria-valuemax': props.max,
|
|
249
|
+
'aria-valuenow': value,
|
|
250
|
+
'aria-orientation': props.vertical ? 'vertical' : 'horizontal',
|
|
251
|
+
disabled: props.disabled,
|
|
252
|
+
onInput: (e) => handleInputChange(e, index),
|
|
253
|
+
ref: (el) => {
|
|
254
|
+
inputsRef.value[index] = el;
|
|
255
|
+
},
|
|
256
|
+
}),
|
|
257
|
+
props.tooltips &&
|
|
258
|
+
h('div', {
|
|
259
|
+
class: 'range-slider-tooltip',
|
|
260
|
+
...(thumbSize.value && {
|
|
261
|
+
style: calculateTooltipPosition(props.min, props.max, value, thumbSize.value, props.vertical, _isRTL.value),
|
|
262
|
+
}),
|
|
263
|
+
}, [
|
|
264
|
+
h('div', { class: 'range-slider-tooltip-inner' }, [
|
|
265
|
+
props.tooltipsFormat ? props.tooltipsFormat(value) : value,
|
|
266
|
+
]),
|
|
267
|
+
h('div', { class: 'range-slider-tooltip-arrow' }),
|
|
268
|
+
]),
|
|
269
|
+
]),
|
|
270
|
+
h('div', {
|
|
271
|
+
class: 'range-slider-track',
|
|
272
|
+
...(props.track && {
|
|
273
|
+
style: updateGradient(props.min, props.max, currentValue.value, props.vertical, _isRTL.value),
|
|
274
|
+
}),
|
|
275
|
+
ref: trackRef,
|
|
276
|
+
}),
|
|
277
|
+
]),
|
|
278
|
+
Array.isArray(props.labels) &&
|
|
279
|
+
props.labels.length > 0 &&
|
|
280
|
+
h('div', {
|
|
281
|
+
class: 'range-slider-labels-container',
|
|
282
|
+
ref: labelsContainerRef,
|
|
283
|
+
}, props.labels.map((label, index) => {
|
|
284
|
+
const labelPosition = calculateLabelPosition(props.min, props.max, props.labels, label, index);
|
|
285
|
+
const labelValue = getLabelValue(props.min, props.max, props.labels, label, index);
|
|
286
|
+
const labelStyle = {
|
|
287
|
+
...(props.vertical
|
|
288
|
+
? { bottom: labelPosition }
|
|
289
|
+
: _isRTL.value
|
|
290
|
+
? { right: labelPosition }
|
|
291
|
+
: { left: labelPosition }),
|
|
292
|
+
...(typeof label === 'object' && 'style' in label ? label.style : {}),
|
|
293
|
+
};
|
|
294
|
+
return h('div', {
|
|
295
|
+
class: [
|
|
296
|
+
'range-slider-label',
|
|
297
|
+
{
|
|
298
|
+
clickable: props.clickableLabels,
|
|
299
|
+
},
|
|
300
|
+
typeof label === 'object' && 'className' in label ? label.className : '',
|
|
301
|
+
],
|
|
302
|
+
style: labelStyle,
|
|
303
|
+
onMousedown: (event) => handleLabelClick(event, labelValue),
|
|
304
|
+
key: index,
|
|
305
|
+
ref: (el) => {
|
|
306
|
+
labelsRef.value[index] = el;
|
|
307
|
+
},
|
|
308
|
+
}, typeof label === 'object' && 'label' in label ? label.label : label);
|
|
309
|
+
})),
|
|
310
|
+
]);
|
|
311
|
+
},
|
|
312
|
+
});
|
|
313
|
+
|
|
314
|
+
export { CRangeSlider };
|
|
315
|
+
//# sourceMappingURL=CRangeSlider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CRangeSlider.js","sources":["../../../../src/components/range-slider/CRangeSlider.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/range-slider/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,MAAM,kBAAkB,GAAG;AACzB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,YAAY,CAAC,IAAc,EAAE,YAAY,CAAC;KACzD;;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { VNode } from 'vue';
|
|
2
|
+
export type Label = {
|
|
3
|
+
label: number | string | VNode;
|
|
4
|
+
value: number;
|
|
5
|
+
className?: string | string[] | Record<string, boolean>;
|
|
6
|
+
style?: Record<string, any>;
|
|
7
|
+
} | VNode | string;
|
|
8
|
+
export type ThumbSize = {
|
|
9
|
+
value: number;
|
|
10
|
+
unit: string | null;
|
|
11
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { Label, ThumbSize } from './types';
|
|
2
|
+
export declare const calculateClickValue: (event: MouseEvent, container: HTMLDivElement, min: number, max: number, step: number, vertical: boolean, rtl: boolean) => number;
|
|
3
|
+
export declare const calculateMoveValue: (event: MouseEvent, container: HTMLDivElement, min: number, max: number, step: number, vertical: boolean, rtl: boolean) => number;
|
|
4
|
+
export declare const calculateVerticalPosition: (mouseY: number, rect: DOMRect) => number | "max" | "min";
|
|
5
|
+
export declare const calculateHorizontalPosition: (mouseX: number, rect: DOMRect, rtl: boolean) => number | "max" | "min";
|
|
6
|
+
export declare const calculateLabelPosition: (min: number, max: number, labels: Label[], label: Label, index: number) => string;
|
|
7
|
+
export declare const calculateTooltipPosition: (min: number, max: number, value: number, thumbSize: ThumbSize, vertical: boolean, rtl: boolean) => {
|
|
8
|
+
bottom: string;
|
|
9
|
+
marginBottom: string;
|
|
10
|
+
right?: undefined;
|
|
11
|
+
marginRight?: undefined;
|
|
12
|
+
left?: undefined;
|
|
13
|
+
marginLeft?: undefined;
|
|
14
|
+
} | {
|
|
15
|
+
right: string;
|
|
16
|
+
marginRight: string;
|
|
17
|
+
bottom?: undefined;
|
|
18
|
+
marginBottom?: undefined;
|
|
19
|
+
left?: undefined;
|
|
20
|
+
marginLeft?: undefined;
|
|
21
|
+
} | {
|
|
22
|
+
left: string;
|
|
23
|
+
marginLeft: string;
|
|
24
|
+
bottom?: undefined;
|
|
25
|
+
marginBottom?: undefined;
|
|
26
|
+
right?: undefined;
|
|
27
|
+
marginRight?: undefined;
|
|
28
|
+
};
|
|
29
|
+
export declare const getClickPosition: (event: MouseEvent, container: HTMLDivElement, vertical: boolean, rtl: boolean) => number;
|
|
30
|
+
export declare const getLabelValue: (min: number, max: number, labels: Label[], label: Label, index: number) => number;
|
|
31
|
+
export declare const getNearestValueIndex: (value: number, values: number[]) => number;
|
|
32
|
+
export declare const getThumbSize: (element: HTMLDivElement, vertical: boolean) => ThumbSize | null;
|
|
33
|
+
export declare const roundToStep: (number: number, step: number) => number;
|
|
34
|
+
export declare const updateGradient: (min: number, max: number, values: number[], vertical: boolean, rtl: boolean) => {
|
|
35
|
+
backgroundImage: string;
|
|
36
|
+
};
|
|
37
|
+
export declare const updateValue: (value: number, values: number[], distance: number, index: number) => number[];
|
|
38
|
+
export declare const validateValue: (value: number, values: number[], distance: number, index: number) => number;
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
const calculateClickValue = (event, container, min, max, step, vertical, rtl) => {
|
|
2
|
+
const clickPosition = getClickPosition(event, container, vertical, rtl);
|
|
3
|
+
const value = min + clickPosition * (max - min);
|
|
4
|
+
return roundToStep(value, step);
|
|
5
|
+
};
|
|
6
|
+
const calculateMoveValue = (event, container, min, max, step, vertical, rtl) => {
|
|
7
|
+
const rect = container.getBoundingClientRect();
|
|
8
|
+
const position = vertical
|
|
9
|
+
? calculateVerticalPosition(event.clientY, rect)
|
|
10
|
+
: calculateHorizontalPosition(event.clientX, rect, rtl);
|
|
11
|
+
if (typeof position === 'string') {
|
|
12
|
+
return position === 'max' ? max : min;
|
|
13
|
+
}
|
|
14
|
+
const value = min + position * (max - min);
|
|
15
|
+
return roundToStep(value, step);
|
|
16
|
+
};
|
|
17
|
+
const calculateVerticalPosition = (mouseY, rect) => {
|
|
18
|
+
if (mouseY < rect.top) {
|
|
19
|
+
return 'max';
|
|
20
|
+
}
|
|
21
|
+
if (mouseY > rect.bottom) {
|
|
22
|
+
return 'min';
|
|
23
|
+
}
|
|
24
|
+
return Math.min(Math.max((rect.bottom - mouseY) / rect.height, 0), 1);
|
|
25
|
+
};
|
|
26
|
+
const calculateHorizontalPosition = (mouseX, rect, rtl) => {
|
|
27
|
+
if (mouseX < rect.left) {
|
|
28
|
+
return rtl ? 'max' : 'min';
|
|
29
|
+
}
|
|
30
|
+
if (mouseX > rect.right) {
|
|
31
|
+
return rtl ? 'min' : 'max';
|
|
32
|
+
}
|
|
33
|
+
const relativeX = rtl ? rect.right - mouseX : mouseX - rect.left;
|
|
34
|
+
return Math.min(Math.max(relativeX / rect.width, 0), 1);
|
|
35
|
+
};
|
|
36
|
+
const calculateLabelPosition = (min, max, labels, label, index) => {
|
|
37
|
+
if (typeof label === 'object' && 'value' in label) {
|
|
38
|
+
return `${((label.value - min) / (max - min)) * 100}%`;
|
|
39
|
+
}
|
|
40
|
+
return `${(index / (labels.length - 1)) * 100}%`;
|
|
41
|
+
};
|
|
42
|
+
const calculateTooltipPosition = (min, max, value, thumbSize, vertical, rtl) => {
|
|
43
|
+
const percent = (value - min) / (max - min);
|
|
44
|
+
const margin = percent > 0.5
|
|
45
|
+
? `-${(percent - 0.5) * thumbSize.value}${thumbSize.unit}`
|
|
46
|
+
: `${(0.5 - percent) * thumbSize.value}${thumbSize.unit}`;
|
|
47
|
+
if (vertical) {
|
|
48
|
+
return {
|
|
49
|
+
bottom: `${percent * 100}%`,
|
|
50
|
+
marginBottom: margin,
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
return rtl
|
|
54
|
+
? { right: `${percent * 100}%`, marginRight: margin }
|
|
55
|
+
: { left: `${percent * 100}%`, marginLeft: margin };
|
|
56
|
+
};
|
|
57
|
+
const getClickPosition = (event, container, vertical, rtl) => {
|
|
58
|
+
const { offsetX, offsetY } = event;
|
|
59
|
+
const { offsetWidth, offsetHeight } = container;
|
|
60
|
+
if (vertical) {
|
|
61
|
+
return 1 - offsetY / offsetHeight;
|
|
62
|
+
}
|
|
63
|
+
return rtl ? 1 - offsetX / offsetWidth : offsetX / offsetWidth;
|
|
64
|
+
};
|
|
65
|
+
const getLabelValue = (min, max, labels, label, index) => typeof label === 'object' && 'value' in label
|
|
66
|
+
? label.value
|
|
67
|
+
: min + (index / (labels.length - 1)) * (max - min);
|
|
68
|
+
const getNearestValueIndex = (value, values) => {
|
|
69
|
+
const valuesLength = values.length;
|
|
70
|
+
if (value < values[0]) {
|
|
71
|
+
return 0;
|
|
72
|
+
}
|
|
73
|
+
if (value > values[valuesLength - 1]) {
|
|
74
|
+
return valuesLength - 1;
|
|
75
|
+
}
|
|
76
|
+
const distances = values.map((v) => Math.abs(v - value));
|
|
77
|
+
const min = Math.min(...distances);
|
|
78
|
+
const firstIndex = distances.indexOf(min);
|
|
79
|
+
return value < values[firstIndex] ? firstIndex : distances.lastIndexOf(min);
|
|
80
|
+
};
|
|
81
|
+
const getThumbSize = (element, vertical) => {
|
|
82
|
+
const value = globalThis
|
|
83
|
+
.getComputedStyle(element, null)
|
|
84
|
+
.getPropertyValue(vertical ? '--cui-range-slider-thumb-height' : '--cui-range-slider-thumb-width');
|
|
85
|
+
const regex = /^(\d+\.?\d*)([%a-z]*)$/i;
|
|
86
|
+
const match = value.match(regex);
|
|
87
|
+
if (match) {
|
|
88
|
+
return {
|
|
89
|
+
value: Number.parseFloat(match[1]),
|
|
90
|
+
unit: match[2] || null,
|
|
91
|
+
};
|
|
92
|
+
}
|
|
93
|
+
return null;
|
|
94
|
+
};
|
|
95
|
+
const roundToStep = (number, step) => {
|
|
96
|
+
const _step = step === 0 ? 1 : step;
|
|
97
|
+
return Math.round(number / _step) * _step;
|
|
98
|
+
};
|
|
99
|
+
const updateGradient = (min, max, values, vertical, rtl) => {
|
|
100
|
+
const minVal = Math.min(...values);
|
|
101
|
+
const maxVal = Math.max(...values);
|
|
102
|
+
const from = ((minVal - min) / (max - min)) * 100;
|
|
103
|
+
const to = ((maxVal - min) / (max - min)) * 100;
|
|
104
|
+
const direction = vertical ? 'to top' : rtl ? 'to left' : 'to right';
|
|
105
|
+
return {
|
|
106
|
+
backgroundImage: values.length === 1
|
|
107
|
+
? `linear-gradient(
|
|
108
|
+
${direction},
|
|
109
|
+
var(--cui-range-slider-track-in-range-bg) 0%,
|
|
110
|
+
var(--cui-range-slider-track-in-range-bg) ${to}%,
|
|
111
|
+
transparent ${to}%,
|
|
112
|
+
transparent 100%
|
|
113
|
+
)`
|
|
114
|
+
: `linear-gradient(
|
|
115
|
+
${direction},
|
|
116
|
+
transparent 0%,
|
|
117
|
+
transparent ${from}%,
|
|
118
|
+
var(--cui-range-slider-track-in-range-bg) ${from}%,
|
|
119
|
+
var(--cui-range-slider-track-in-range-bg) ${to}%,
|
|
120
|
+
transparent ${to}%,
|
|
121
|
+
transparent 100%
|
|
122
|
+
)`,
|
|
123
|
+
};
|
|
124
|
+
};
|
|
125
|
+
const updateValue = (value, values, distance, index) => {
|
|
126
|
+
const newValue = [...values];
|
|
127
|
+
newValue[index] = validateValue(value, values, distance, index);
|
|
128
|
+
return newValue;
|
|
129
|
+
};
|
|
130
|
+
const validateValue = (value, values, distance, index) => {
|
|
131
|
+
// If there's only one value, return it as is
|
|
132
|
+
if (values.length === 1) {
|
|
133
|
+
return value;
|
|
134
|
+
}
|
|
135
|
+
// Determine previous and next values if they exist
|
|
136
|
+
const prevValue = index > 0 ? values[index - 1] : undefined;
|
|
137
|
+
const nextValue = index < values.length - 1 ? values[index + 1] : undefined;
|
|
138
|
+
// If it's the first element, ensure it's not too close to the next value
|
|
139
|
+
if (index === 0 && nextValue !== undefined) {
|
|
140
|
+
return Math.min(value, nextValue - distance);
|
|
141
|
+
}
|
|
142
|
+
// If it's the last element, ensure it's not too close to the previous value
|
|
143
|
+
if (index === values.length - 1 && prevValue !== undefined) {
|
|
144
|
+
return Math.max(value, prevValue + distance);
|
|
145
|
+
}
|
|
146
|
+
// For middle elements, ensure the value is within the allowed distance from both neighbors
|
|
147
|
+
if (prevValue !== undefined && nextValue !== undefined) {
|
|
148
|
+
const minVal = prevValue + distance;
|
|
149
|
+
const maxVal = nextValue - distance;
|
|
150
|
+
return Math.min(Math.max(value, minVal), maxVal);
|
|
151
|
+
}
|
|
152
|
+
// Fallback: If for some reason prevValue or nextValue is undefined, return the original value
|
|
153
|
+
return value;
|
|
154
|
+
};
|
|
155
|
+
|
|
156
|
+
export { calculateClickValue, calculateHorizontalPosition, calculateLabelPosition, calculateMoveValue, calculateTooltipPosition, calculateVerticalPosition, getClickPosition, getLabelValue, getNearestValueIndex, getThumbSize, roundToStep, updateGradient, updateValue, validateValue };
|
|
157
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../src/components/range-slider/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEa,MAAA,mBAAmB,GAAG,CACjC,KAAiB,EACjB,SAAyB,EACzB,GAAW,EACX,GAAW,EACX,IAAY,EACZ,QAAiB,EACjB,GAAY,KACV;AACF,IAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,CAAC;IACvE,MAAM,KAAK,GAAG,GAAG,GAAG,aAAa,IAAI,GAAG,GAAG,GAAG,CAAC;AAC/C,IAAA,OAAO,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC;AACjC;AAEa,MAAA,kBAAkB,GAAG,CAChC,KAAiB,EACjB,SAAyB,EACzB,GAAW,EACX,GAAW,EACX,IAAY,EACZ,QAAiB,EACjB,GAAY,KACV;AACF,IAAA,MAAM,IAAI,GAAG,SAAS,CAAC,qBAAqB,EAAE;IAC9C,MAAM,QAAQ,GAAG;UACb,yBAAyB,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI;UAC7C,2BAA2B,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC;AAEzD,IAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAChC,OAAO,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,GAAG;;IAGvC,MAAM,KAAK,GAAG,GAAG,GAAG,QAAQ,IAAI,GAAG,GAAG,GAAG,CAAC;AAE1C,IAAA,OAAO,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC;AACjC;MAEa,yBAAyB,GAAG,CAAC,MAAc,EAAE,IAAa,KAAI;AACzE,IAAA,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE;AACrB,QAAA,OAAO,KAAK;;AAGd,IAAA,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AACxB,QAAA,OAAO,KAAK;;IAGd,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACvE;AAEa,MAAA,2BAA2B,GAAG,CAAC,MAAc,EAAE,IAAa,EAAE,GAAY,KAAI;AACzF,IAAA,IAAI,MAAM,GAAG,IAAI,CAAC,IAAI,EAAE;QACtB,OAAO,GAAG,GAAG,KAAK,GAAG,KAAK;;AAG5B,IAAA,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE;QACvB,OAAO,GAAG,GAAG,KAAK,GAAG,KAAK;;AAG5B,IAAA,MAAM,SAAS,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,IAAI;AAChE,IAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACzD;AAEO,MAAM,sBAAsB,GAAG,CACpC,GAAW,EACX,GAAW,EACX,MAAe,EACf,KAAY,EACZ,KAAa,KACX;IACF,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,EAAE;AACjD,QAAA,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG;;AAGxD,IAAA,OAAO,CAAG,EAAA,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,GAAG,GAAG;AAClD;AAEa,MAAA,wBAAwB,GAAG,CACtC,GAAW,EACX,GAAW,EACX,KAAa,EACb,SAAoB,EACpB,QAAiB,EACjB,GAAY,KACV;AACF,IAAA,MAAM,OAAO,GAAG,CAAC,KAAK,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC;AAC3C,IAAA,MAAM,MAAM,GACV,OAAO,GAAG;AACR,UAAE,CAAA,CAAA,EAAI,CAAC,OAAO,GAAG,GAAG,IAAI,SAAS,CAAC,KAAK,CAAA,EAAG,SAAS,CAAC,IAAI,CAAE;AAC1D,UAAE,CAAG,EAAA,CAAC,GAAG,GAAG,OAAO,IAAI,SAAS,CAAC,KAAK,CAAG,EAAA,SAAS,CAAC,IAAI,EAAE;IAE7D,IAAI,QAAQ,EAAE;QACZ,OAAO;AACL,YAAA,MAAM,EAAE,CAAA,EAAG,OAAO,GAAG,GAAG,CAAG,CAAA,CAAA;AAC3B,YAAA,YAAY,EAAE,MAAM;SACrB;;AAGH,IAAA,OAAO;AACL,UAAE,EAAE,KAAK,EAAE,CAAG,EAAA,OAAO,GAAG,GAAG,CAAG,CAAA,CAAA,EAAE,WAAW,EAAE,MAAM;AACnD,UAAE,EAAE,IAAI,EAAE,GAAG,OAAO,GAAG,GAAG,CAAA,CAAA,CAAG,EAAE,UAAU,EAAE,MAAM,EAAE;AACvD;AAEO,MAAM,gBAAgB,GAAG,CAC9B,KAAiB,EACjB,SAAyB,EACzB,QAAiB,EACjB,GAAY,KACV;AACF,IAAA,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK;AAClC,IAAA,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,SAAS;IAE/C,IAAI,QAAQ,EAAE;AACZ,QAAA,OAAO,CAAC,GAAG,OAAO,GAAG,YAAY;;AAGnC,IAAA,OAAO,GAAG,GAAG,CAAC,GAAG,OAAO,GAAG,WAAW,GAAG,OAAO,GAAG,WAAW;AAChE;AAEa,MAAA,aAAa,GAAG,CAC3B,GAAW,EACX,GAAW,EACX,MAAe,EACf,KAAY,EACZ,KAAa,KAEb,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,IAAI;MACpC,KAAK,CAAC;MACN,GAAG,GAAG,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,GAAG;MAEzC,oBAAoB,GAAG,CAAC,KAAa,EAAE,MAAgB,KAAI;AACtE,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM;AAElC,IAAA,IAAI,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE;AACrB,QAAA,OAAO,CAAC;;IAGV,IAAI,KAAK,GAAG,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,EAAE;QACpC,OAAO,YAAY,GAAG,CAAC;;IAGzB,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;IACxD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IAClC,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC;AAEzC,IAAA,OAAO,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,UAAU,GAAG,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC;AAC7E;MAEa,YAAY,GAAG,CAAC,OAAuB,EAAE,QAAiB,KAAsB;IAC3F,MAAM,KAAK,GAAG;AACX,SAAA,gBAAgB,CAAC,OAAO,EAAE,IAAI;SAC9B,gBAAgB,CACf,QAAQ,GAAG,iCAAiC,GAAG,gCAAgC,CAChF;IAEH,MAAM,KAAK,GAAG,yBAAyB;IACvC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;IAEhC,IAAI,KAAK,EAAE;QACT,OAAO;YACL,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAClC,YAAA,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI;SACvB;;AAGH,IAAA,OAAO,IAAI;AACb;MAEa,WAAW,GAAG,CAAC,MAAc,EAAE,IAAY,KAAI;AAC1D,IAAA,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI;IACnC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,KAAK;AAC3C;AAEO,MAAM,cAAc,GAAG,CAC5B,GAAW,EACX,GAAW,EACX,MAAgB,EAChB,QAAiB,EACjB,GAAY,KACV;IACF,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;IAClC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AAElC,IAAA,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,IAAI,GAAG;AACjD,IAAA,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,IAAI,GAAG;AAE/C,IAAA,MAAM,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,GAAG,GAAG,SAAS,GAAG,UAAU;IAEpE,OAAO;AACL,QAAA,eAAe,EACb,MAAM,CAAC,MAAM,KAAK;AAChB,cAAE,CAAA;MACJ,SAAS,CAAA;;gDAEiC,EAAE,CAAA;kBAChC,EAAE,CAAA;;AAEhB,GAAA;AACI,cAAE,CAAA;MACJ,SAAS,CAAA;;kBAEG,IAAI,CAAA;gDAC0B,IAAI,CAAA;gDACJ,EAAE,CAAA;kBAChC,EAAE,CAAA;;AAEhB,GAAA,CAAA;KACD;AACH;AAEO,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,MAAgB,EAAE,QAAgB,EAAE,KAAa,KAAI;AAC9F,IAAA,MAAM,QAAQ,GAAG,CAAC,GAAG,MAAM,CAAC;AAC5B,IAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC;AAC/D,IAAA,OAAO,QAAQ;AACjB;AAEO,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,MAAgB,EAAE,QAAgB,EAAE,KAAa,KAAI;;AAEhG,IAAA,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;AACvB,QAAA,OAAO,KAAK;;;AAId,IAAA,MAAM,SAAS,GAAuB,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,SAAS;IAC/E,MAAM,SAAS,GAAuB,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,SAAS;;IAG/F,IAAI,KAAK,KAAK,CAAC,IAAI,SAAS,KAAK,SAAS,EAAE;QAC1C,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,CAAC;;;AAI9C,IAAA,IAAI,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,KAAK,SAAS,EAAE;QAC1D,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,CAAC;;;IAI9C,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,SAAS,EAAE;AACtD,QAAA,MAAM,MAAM,GAAG,SAAS,GAAG,QAAQ;AACnC,QAAA,MAAM,MAAM,GAAG,SAAS,GAAG,QAAQ;AACnC,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC;;;AAIlD,IAAA,OAAO,KAAK;AACd;;;;"}
|
|
@@ -99,7 +99,6 @@ const CSidebar = defineComponent({
|
|
|
99
99
|
watch(() => props.visible, () => props.visible !== undefined && handleVisibleChange(props.visible));
|
|
100
100
|
watch(mobile, () => {
|
|
101
101
|
if (mobile.value) {
|
|
102
|
-
console.log('mobile');
|
|
103
102
|
visibleMobile.value = false;
|
|
104
103
|
}
|
|
105
104
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CSidebar.js","sources":["../../../../src/components/sidebar/CSidebar.ts"],"sourcesContent":[null],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"CSidebar.js","sources":["../../../../src/components/sidebar/CSidebar.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -220,6 +220,15 @@ declare const CTimePicker: import("vue").DefineComponent<import("vue").ExtractPr
|
|
|
220
220
|
default: undefined;
|
|
221
221
|
validator: (value: string) => boolean;
|
|
222
222
|
};
|
|
223
|
+
/**
|
|
224
|
+
* Generates dropdown menu using Teleport.
|
|
225
|
+
*
|
|
226
|
+
* @since 5.8.0
|
|
227
|
+
*/
|
|
228
|
+
teleport: {
|
|
229
|
+
type: BooleanConstructor[];
|
|
230
|
+
default: boolean;
|
|
231
|
+
};
|
|
223
232
|
/**
|
|
224
233
|
* Add helper text to the component.
|
|
225
234
|
*
|
|
@@ -482,6 +491,15 @@ declare const CTimePicker: import("vue").DefineComponent<import("vue").ExtractPr
|
|
|
482
491
|
default: undefined;
|
|
483
492
|
validator: (value: string) => boolean;
|
|
484
493
|
};
|
|
494
|
+
/**
|
|
495
|
+
* Generates dropdown menu using Teleport.
|
|
496
|
+
*
|
|
497
|
+
* @since 5.8.0
|
|
498
|
+
*/
|
|
499
|
+
teleport: {
|
|
500
|
+
type: BooleanConstructor[];
|
|
501
|
+
default: boolean;
|
|
502
|
+
};
|
|
485
503
|
/**
|
|
486
504
|
* Add helper text to the component.
|
|
487
505
|
*
|
|
@@ -535,6 +553,7 @@ declare const CTimePicker: import("vue").DefineComponent<import("vue").ExtractPr
|
|
|
535
553
|
required: boolean;
|
|
536
554
|
locale: string;
|
|
537
555
|
container: "dropdown" | "inline";
|
|
556
|
+
teleport: boolean;
|
|
538
557
|
valid: boolean;
|
|
539
558
|
tooltipFeedback: boolean;
|
|
540
559
|
inputReadOnly: boolean;
|