@v-c/slider 1.0.6 → 1.0.8
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/Handles/Handle.cjs +3 -3
- package/dist/Handles/Handle.d.ts +2 -2
- package/dist/Handles/Handle.js +3 -3
- package/dist/Marks/Mark.cjs +1 -1
- package/dist/Marks/Mark.js +1 -1
- package/dist/Slider.cjs +9 -13
- package/dist/Slider.js +9 -13
- package/dist/Steps/Dot.cjs +2 -4
- package/dist/Steps/Dot.js +2 -4
- package/dist/Steps/index.cjs +2 -4
- package/dist/Steps/index.js +2 -4
- package/package.json +3 -3
package/dist/Handles/Handle.cjs
CHANGED
|
@@ -19,7 +19,7 @@ var Handle_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
19
19
|
},
|
|
20
20
|
valueIndex: {
|
|
21
21
|
type: [Number, Object],
|
|
22
|
-
required:
|
|
22
|
+
required: false
|
|
23
23
|
},
|
|
24
24
|
dragging: {
|
|
25
25
|
type: Boolean,
|
|
@@ -136,8 +136,8 @@ var Handle_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
136
136
|
handleNodeRef.value?.focus();
|
|
137
137
|
} });
|
|
138
138
|
return () => {
|
|
139
|
-
const { prefixCls, value, valueIndex, onStartMove, onDelete, render, dragging, draggingDelete, onOffsetChange, onChangeComplete, onFocus, onMouseenter
|
|
140
|
-
const { min, max, direction, disabled, range, tabIndex, ariaLabelForHandle, ariaLabelledByForHandle, ariaRequired, ariaValueTextFormatterForHandle } = sliderContext.value;
|
|
139
|
+
const { prefixCls, value, valueIndex, onStartMove, onDelete, render, dragging, draggingDelete, onOffsetChange, onChangeComplete, onFocus, onMouseenter,...restProps } = props;
|
|
140
|
+
const { min, max, direction, disabled, range, tabIndex, ariaLabelForHandle, ariaLabelledByForHandle, ariaRequired, ariaValueTextFormatterForHandle, classNames, styles } = sliderContext.value;
|
|
141
141
|
const positionStyle = require_util.getDirectionStyle(direction, value, min, max);
|
|
142
142
|
if (valueIndex !== null) divProps.value = {
|
|
143
143
|
"tabindex": disabled ? null : require_util.getIndex(tabIndex, valueIndex),
|
package/dist/Handles/Handle.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
19
19
|
};
|
|
20
20
|
valueIndex: {
|
|
21
21
|
type: PropType<number | null>;
|
|
22
|
-
required:
|
|
22
|
+
required: false;
|
|
23
23
|
};
|
|
24
24
|
dragging: {
|
|
25
25
|
type: BooleanConstructor;
|
|
@@ -67,7 +67,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
67
67
|
};
|
|
68
68
|
valueIndex: {
|
|
69
69
|
type: PropType<number | null>;
|
|
70
|
-
required:
|
|
70
|
+
required: false;
|
|
71
71
|
};
|
|
72
72
|
dragging: {
|
|
73
73
|
type: BooleanConstructor;
|
package/dist/Handles/Handle.js
CHANGED
|
@@ -16,7 +16,7 @@ var Handle_default = /* @__PURE__ */ defineComponent({
|
|
|
16
16
|
},
|
|
17
17
|
valueIndex: {
|
|
18
18
|
type: [Number, Object],
|
|
19
|
-
required:
|
|
19
|
+
required: false
|
|
20
20
|
},
|
|
21
21
|
dragging: {
|
|
22
22
|
type: Boolean,
|
|
@@ -133,8 +133,8 @@ var Handle_default = /* @__PURE__ */ defineComponent({
|
|
|
133
133
|
handleNodeRef.value?.focus();
|
|
134
134
|
} });
|
|
135
135
|
return () => {
|
|
136
|
-
const { prefixCls, value, valueIndex, onStartMove, onDelete, render, dragging, draggingDelete, onOffsetChange, onChangeComplete, onFocus, onMouseenter
|
|
137
|
-
const { min, max, direction, disabled, range, tabIndex, ariaLabelForHandle, ariaLabelledByForHandle, ariaRequired, ariaValueTextFormatterForHandle } = sliderContext.value;
|
|
136
|
+
const { prefixCls, value, valueIndex, onStartMove, onDelete, render, dragging, draggingDelete, onOffsetChange, onChangeComplete, onFocus, onMouseenter,...restProps } = props;
|
|
137
|
+
const { min, max, direction, disabled, range, tabIndex, ariaLabelForHandle, ariaLabelledByForHandle, ariaRequired, ariaValueTextFormatterForHandle, classNames: classNames$1, styles } = sliderContext.value;
|
|
138
138
|
const positionStyle = getDirectionStyle(direction, value, min, max);
|
|
139
139
|
if (valueIndex !== null) divProps.value = {
|
|
140
140
|
"tabindex": disabled ? null : getIndex(tabIndex, valueIndex),
|
package/dist/Marks/Mark.cjs
CHANGED
package/dist/Marks/Mark.js
CHANGED
package/dist/Slider.cjs
CHANGED
|
@@ -268,7 +268,7 @@ var Slider = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, em
|
|
|
268
268
|
classNames: props.classNames || {}
|
|
269
269
|
})));
|
|
270
270
|
return () => {
|
|
271
|
-
const { id, startPoint, trackStyle, handleStyle, railStyle, dotStyle, activeDotStyle, dots, handleRender, activeHandleRender } = props;
|
|
271
|
+
const { id, startPoint, trackStyle, handleStyle, railStyle, dotStyle, activeDotStyle, dots, handleRender, activeHandleRender, classNames, styles } = props;
|
|
272
272
|
const mergedClassName = (0, __v_c_util.classNames)(prefixCls.value, props.className, attrs.class, {
|
|
273
273
|
[`${prefixCls.value}-disabled`]: disabled.value,
|
|
274
274
|
[`${prefixCls.value}-vertical`]: props.vertical,
|
|
@@ -287,10 +287,10 @@ var Slider = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, em
|
|
|
287
287
|
"id": id
|
|
288
288
|
}, [
|
|
289
289
|
(0, vue.createVNode)("div", {
|
|
290
|
-
"class": (0, __v_c_util.classNames)(`${prefixCls.value}-rail`,
|
|
290
|
+
"class": (0, __v_c_util.classNames)(`${prefixCls.value}-rail`, classNames?.rail),
|
|
291
291
|
"style": {
|
|
292
292
|
...railStyle,
|
|
293
|
-
...
|
|
293
|
+
...styles?.rail
|
|
294
294
|
}
|
|
295
295
|
}, null),
|
|
296
296
|
props.track !== false && (0, vue.createVNode)(require_index$3.default, {
|
|
@@ -346,7 +346,7 @@ var Slider = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, em
|
|
|
346
346
|
default: void 0
|
|
347
347
|
},
|
|
348
348
|
style: {
|
|
349
|
-
type:
|
|
349
|
+
type: Object,
|
|
350
350
|
required: false,
|
|
351
351
|
default: void 0
|
|
352
352
|
},
|
|
@@ -416,12 +416,10 @@ var Slider = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, em
|
|
|
416
416
|
default: void 0
|
|
417
417
|
},
|
|
418
418
|
value: {
|
|
419
|
-
type: null,
|
|
420
419
|
required: false,
|
|
421
420
|
default: void 0
|
|
422
421
|
},
|
|
423
422
|
defaultValue: {
|
|
424
|
-
type: null,
|
|
425
423
|
required: false,
|
|
426
424
|
default: void 0
|
|
427
425
|
},
|
|
@@ -476,30 +474,28 @@ var Slider = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, em
|
|
|
476
474
|
default: void 0
|
|
477
475
|
},
|
|
478
476
|
trackStyle: {
|
|
479
|
-
type:
|
|
477
|
+
type: [Object, Array],
|
|
480
478
|
required: false,
|
|
481
479
|
default: void 0
|
|
482
480
|
},
|
|
483
481
|
handleStyle: {
|
|
484
|
-
type:
|
|
482
|
+
type: [Object, Array],
|
|
485
483
|
required: false,
|
|
486
484
|
default: void 0
|
|
487
485
|
},
|
|
488
486
|
railStyle: {
|
|
489
|
-
type:
|
|
487
|
+
type: Object,
|
|
490
488
|
required: false,
|
|
491
489
|
default: void 0
|
|
492
490
|
},
|
|
493
491
|
dotStyle: {
|
|
494
|
-
type: Function,
|
|
492
|
+
type: [Object, Function],
|
|
495
493
|
required: false,
|
|
496
|
-
skipCheck: true,
|
|
497
494
|
default: void 0
|
|
498
495
|
},
|
|
499
496
|
activeDotStyle: {
|
|
500
|
-
type: Function,
|
|
497
|
+
type: [Object, Function],
|
|
501
498
|
required: false,
|
|
502
|
-
skipCheck: true,
|
|
503
499
|
default: void 0
|
|
504
500
|
},
|
|
505
501
|
marks: {
|
package/dist/Slider.js
CHANGED
|
@@ -264,7 +264,7 @@ var Slider_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, emi
|
|
|
264
264
|
classNames: props.classNames || {}
|
|
265
265
|
})));
|
|
266
266
|
return () => {
|
|
267
|
-
const { id, startPoint, trackStyle, handleStyle, railStyle, dotStyle, activeDotStyle, dots, handleRender, activeHandleRender } = props;
|
|
267
|
+
const { id, startPoint, trackStyle, handleStyle, railStyle, dotStyle, activeDotStyle, dots, handleRender, activeHandleRender, classNames: classNames$1, styles } = props;
|
|
268
268
|
const mergedClassName = classNames(prefixCls.value, props.className, attrs.class, {
|
|
269
269
|
[`${prefixCls.value}-disabled`]: disabled.value,
|
|
270
270
|
[`${prefixCls.value}-vertical`]: props.vertical,
|
|
@@ -283,10 +283,10 @@ var Slider_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, emi
|
|
|
283
283
|
"id": id
|
|
284
284
|
}, [
|
|
285
285
|
createVNode("div", {
|
|
286
|
-
"class": classNames(`${prefixCls.value}-rail`,
|
|
286
|
+
"class": classNames(`${prefixCls.value}-rail`, classNames$1?.rail),
|
|
287
287
|
"style": {
|
|
288
288
|
...railStyle,
|
|
289
|
-
...
|
|
289
|
+
...styles?.rail
|
|
290
290
|
}
|
|
291
291
|
}, null),
|
|
292
292
|
props.track !== false && createVNode(Tracks_default, {
|
|
@@ -342,7 +342,7 @@ var Slider_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, emi
|
|
|
342
342
|
default: void 0
|
|
343
343
|
},
|
|
344
344
|
style: {
|
|
345
|
-
type:
|
|
345
|
+
type: Object,
|
|
346
346
|
required: false,
|
|
347
347
|
default: void 0
|
|
348
348
|
},
|
|
@@ -412,12 +412,10 @@ var Slider_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, emi
|
|
|
412
412
|
default: void 0
|
|
413
413
|
},
|
|
414
414
|
value: {
|
|
415
|
-
type: null,
|
|
416
415
|
required: false,
|
|
417
416
|
default: void 0
|
|
418
417
|
},
|
|
419
418
|
defaultValue: {
|
|
420
|
-
type: null,
|
|
421
419
|
required: false,
|
|
422
420
|
default: void 0
|
|
423
421
|
},
|
|
@@ -472,30 +470,28 @@ var Slider_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, emi
|
|
|
472
470
|
default: void 0
|
|
473
471
|
},
|
|
474
472
|
trackStyle: {
|
|
475
|
-
type:
|
|
473
|
+
type: [Object, Array],
|
|
476
474
|
required: false,
|
|
477
475
|
default: void 0
|
|
478
476
|
},
|
|
479
477
|
handleStyle: {
|
|
480
|
-
type:
|
|
478
|
+
type: [Object, Array],
|
|
481
479
|
required: false,
|
|
482
480
|
default: void 0
|
|
483
481
|
},
|
|
484
482
|
railStyle: {
|
|
485
|
-
type:
|
|
483
|
+
type: Object,
|
|
486
484
|
required: false,
|
|
487
485
|
default: void 0
|
|
488
486
|
},
|
|
489
487
|
dotStyle: {
|
|
490
|
-
type: Function,
|
|
488
|
+
type: [Object, Function],
|
|
491
489
|
required: false,
|
|
492
|
-
skipCheck: true,
|
|
493
490
|
default: void 0
|
|
494
491
|
},
|
|
495
492
|
activeDotStyle: {
|
|
496
|
-
type: Function,
|
|
493
|
+
type: [Object, Function],
|
|
497
494
|
required: false,
|
|
498
|
-
skipCheck: true,
|
|
499
495
|
default: void 0
|
|
500
496
|
},
|
|
501
497
|
marks: {
|
package/dist/Steps/Dot.cjs
CHANGED
|
@@ -36,15 +36,13 @@ var Dot = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) => {
|
|
|
36
36
|
default: void 0
|
|
37
37
|
},
|
|
38
38
|
style: {
|
|
39
|
-
type: Function,
|
|
39
|
+
type: [Object, Function],
|
|
40
40
|
required: false,
|
|
41
|
-
skipCheck: true,
|
|
42
41
|
default: void 0
|
|
43
42
|
},
|
|
44
43
|
activeStyle: {
|
|
45
|
-
type: Function,
|
|
44
|
+
type: [Object, Function],
|
|
46
45
|
required: false,
|
|
47
|
-
skipCheck: true,
|
|
48
46
|
default: void 0
|
|
49
47
|
}
|
|
50
48
|
} });
|
package/dist/Steps/Dot.js
CHANGED
|
@@ -34,15 +34,13 @@ var Dot_default = /* @__PURE__ */ defineComponent((props, { attrs }) => {
|
|
|
34
34
|
default: void 0
|
|
35
35
|
},
|
|
36
36
|
style: {
|
|
37
|
-
type: Function,
|
|
37
|
+
type: [Object, Function],
|
|
38
38
|
required: false,
|
|
39
|
-
skipCheck: true,
|
|
40
39
|
default: void 0
|
|
41
40
|
},
|
|
42
41
|
activeStyle: {
|
|
43
|
-
type: Function,
|
|
42
|
+
type: [Object, Function],
|
|
44
43
|
required: false,
|
|
45
|
-
skipCheck: true,
|
|
46
44
|
default: void 0
|
|
47
45
|
}
|
|
48
46
|
} });
|
package/dist/Steps/index.cjs
CHANGED
|
@@ -48,15 +48,13 @@ var Steps = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) => {
|
|
|
48
48
|
default: void 0
|
|
49
49
|
},
|
|
50
50
|
style: {
|
|
51
|
-
type: Function,
|
|
51
|
+
type: [Object, Function],
|
|
52
52
|
required: false,
|
|
53
|
-
skipCheck: true,
|
|
54
53
|
default: void 0
|
|
55
54
|
},
|
|
56
55
|
activeStyle: {
|
|
57
|
-
type: Function,
|
|
56
|
+
type: [Object, Function],
|
|
58
57
|
required: false,
|
|
59
|
-
skipCheck: true,
|
|
60
58
|
default: void 0
|
|
61
59
|
}
|
|
62
60
|
} });
|
package/dist/Steps/index.js
CHANGED
|
@@ -46,15 +46,13 @@ var Steps_default = /* @__PURE__ */ defineComponent((props, { attrs }) => {
|
|
|
46
46
|
default: void 0
|
|
47
47
|
},
|
|
48
48
|
style: {
|
|
49
|
-
type: Function,
|
|
49
|
+
type: [Object, Function],
|
|
50
50
|
required: false,
|
|
51
|
-
skipCheck: true,
|
|
52
51
|
default: void 0
|
|
53
52
|
},
|
|
54
53
|
activeStyle: {
|
|
55
|
-
type: Function,
|
|
54
|
+
type: [Object, Function],
|
|
56
55
|
required: false,
|
|
57
|
-
skipCheck: true,
|
|
58
56
|
default: void 0
|
|
59
57
|
}
|
|
60
58
|
} });
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@v-c/slider",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.8",
|
|
5
5
|
"description": "",
|
|
6
6
|
"author": "",
|
|
7
7
|
"license": "MIT",
|
|
@@ -29,10 +29,10 @@
|
|
|
29
29
|
"vue": "^3.0.0"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@v-c/util": "^1.0.
|
|
32
|
+
"@v-c/util": "^1.0.2"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@v-c/tooltip": "^0.0
|
|
35
|
+
"@v-c/tooltip": "^1.0.0"
|
|
36
36
|
},
|
|
37
37
|
"scripts": {
|
|
38
38
|
"build": "vite build",
|