@v-c/slider 1.0.3 → 1.0.5

package/dist/Steps/Dot.cjs

@@ -1 +1,52 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("vue"),f=require("classnames"),m=require("../context.cjs"),g=require("../util.cjs"),p=(i,{attrs:u})=>{const{prefixCls:o,value:e,activeStyle:t}=i,{min:s,max:r,direction:a,included:d,includedStart:v,includedEnd:y}=m.useInjectSlider(),c=`${o}-dot`,n=d&&v<=e&&e<=y;let l={...g.getDirectionStyle(a.value,e,s.value,r.value)};return n&&(l={...l,...typeof t=="function"?t(e):t}),S.createVNode("span",{class:f(c,{[`${c}-active`]:n}),style:{...l,...u.style}},null)};exports.default=p;
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+const require_context = require("../context.cjs");
+const require_util = require("../util.cjs");
+let vue = require("vue");
+let __v_c_util = require("@v-c/util");
+var Dot = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) => {
+	const sliderContext = require_context.useInjectSlider();
+	return () => {
+		const { min, max, direction, included, includedStart, includedEnd } = sliderContext.value;
+		const { prefixCls, value, activeStyle } = props;
+		const dotClassName = `${prefixCls}-dot`;
+		const active = included && includedStart <= value && value <= includedEnd;
+		let mergedStyle = { ...require_util.getDirectionStyle(direction, value, min, max) };
+		if (active) mergedStyle = {
+			...mergedStyle,
+			...typeof activeStyle === "function" ? activeStyle(value) : activeStyle
+		};
+		return (0, vue.createVNode)("span", {
+			"class": (0, __v_c_util.classNames)(dotClassName, { [`${dotClassName}-active`]: active }),
+			"style": {
+				...mergedStyle,
+				...attrs.style
+			}
+		}, null);
+	};
+}, { props: {
+	prefixCls: {
+		type: String,
+		required: true,
+		default: void 0
+	},
+	value: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	style: {
+		type: Function,
+		required: false,
+		skipCheck: true,
+		default: void 0
+	},
+	activeStyle: {
+		type: Function,
+		required: false,
+		skipCheck: true,
+		default: void 0
+	}
+} });
+var Dot_default = Dot;
+exports.default = Dot_default;

package/dist/Steps/Dot.d.ts

@@ -1,9 +1,9 @@
-import { CSSProperties, FunctionalComponent } from 'vue';
+import { CSSProperties } from 'vue';
 export interface DotProps {
     prefixCls: string;
     value: number;
     style?: CSSProperties | ((dotValue: number) => CSSProperties);
     activeStyle?: CSSProperties | ((dotValue: number) => CSSProperties);
 }
-declare const Dot: FunctionalComponent<DotProps>;
+declare const Dot: import('vue').DefineSetupFnComponent<DotProps, {}, {}, DotProps & {}, import('vue').PublicProps>;
 export default Dot;

package/dist/Steps/Dot.js

@@ -1,38 +1,49 @@
-import { createVNode as p } from "vue";
-import v from "classnames";
-import { useInjectSlider as y } from "../context.js";
-import { getDirectionStyle as S } from "../util.js";
-const N = (c, {
-  attrs: n
-}) => {
-  const {
-    prefixCls: r,
-    value: e,
-    activeStyle: t
-  } = c, {
-    min: a,
-    max: s,
-    direction: d,
-    included: m,
-    includedStart: u,
-    includedEnd: f
-  } = y(), l = `${r}-dot`, i = m && u <= e && e <= f;
-  let o = {
-    ...S(d.value, e, a.value, s.value)
-  };
-  return i && (o = {
-    ...o,
-    ...typeof t == "function" ? t(e) : t
-  }), p("span", {
-    class: v(l, {
-      [`${l}-active`]: i
-    }),
-    style: {
-      ...o,
-      ...n.style
-    }
-  }, null);
-};
-export {
-  N as default
-};
+import { useInjectSlider } from "../context.js";
+import { getDirectionStyle } from "../util.js";
+import { createVNode, defineComponent } from "vue";
+import { classNames } from "@v-c/util";
+var Dot_default = /* @__PURE__ */ defineComponent((props, { attrs }) => {
+	const sliderContext = useInjectSlider();
+	return () => {
+		const { min, max, direction, included, includedStart, includedEnd } = sliderContext.value;
+		const { prefixCls, value, activeStyle } = props;
+		const dotClassName = `${prefixCls}-dot`;
+		const active = included && includedStart <= value && value <= includedEnd;
+		let mergedStyle = { ...getDirectionStyle(direction, value, min, max) };
+		if (active) mergedStyle = {
+			...mergedStyle,
+			...typeof activeStyle === "function" ? activeStyle(value) : activeStyle
+		};
+		return createVNode("span", {
+			"class": classNames(dotClassName, { [`${dotClassName}-active`]: active }),
+			"style": {
+				...mergedStyle,
+				...attrs.style
+			}
+		}, null);
+	};
+}, { props: {
+	prefixCls: {
+		type: String,
+		required: true,
+		default: void 0
+	},
+	value: {
+		type: Number,
+		required: true,
+		default: void 0
+	},
+	style: {
+		type: Function,
+		required: false,
+		skipCheck: true,
+		default: void 0
+	},
+	activeStyle: {
+		type: Function,
+		required: false,
+		skipCheck: true,
+		default: void 0
+	}
+} });
+export { Dot_default as default };

package/dist/Steps/index.cjs

@@ -1 +1,64 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),p=require("../context.cjs"),f=require("./Dot.cjs"),S=(u,{attrs:a})=>{const{prefixCls:l,marks:o,dots:c,activeStyle:n}=u,{min:i,max:d,step:s}=p.useInjectSlider(),v=r.computed(()=>{const e=new Set;if(o.forEach(t=>{e.add(t.value)}),c&&s!==null){let t=i.value;for(;t<=d.value;)e.add(t),t+=s.value}return Array.from(e)});return r.createVNode("div",{class:`${l}-step`},[v.value.map(e=>r.createVNode(f.default,{prefixCls:l,key:e,value:e,style:{...a.style},activeStyle:n},null))])};exports.default=S;
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+const require_context = require("../context.cjs");
+const require_Dot = require("./Dot.cjs");
+let vue = require("vue");
+var Steps = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) => {
+	const sliderContext = require_context.useInjectSlider();
+	const stepDots = (0, vue.computed)(() => {
+		const { max, min, step } = sliderContext.value;
+		const { marks, dots } = props;
+		const dotSet = /* @__PURE__ */ new Set();
+		marks.forEach((mark) => {
+			dotSet.add(mark.value);
+		});
+		if (dots && step !== null) {
+			let current = min;
+			while (current <= max) {
+				dotSet.add(current);
+				current += step;
+			}
+		}
+		return Array.from(dotSet);
+	});
+	return () => {
+		const { prefixCls, activeStyle } = props;
+		return (0, vue.createVNode)("div", { "class": `${prefixCls}-step` }, [stepDots.value.map((dotValue) => (0, vue.createVNode)(require_Dot.default, {
+			"prefixCls": prefixCls,
+			"key": dotValue,
+			"value": dotValue,
+			"style": { ...attrs.style },
+			"activeStyle": activeStyle
+		}, null))]);
+	};
+}, { props: {
+	prefixCls: {
+		type: String,
+		required: true,
+		default: void 0
+	},
+	marks: {
+		type: Array,
+		required: true,
+		default: void 0
+	},
+	dots: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	style: {
+		type: Function,
+		required: false,
+		skipCheck: true,
+		default: void 0
+	},
+	activeStyle: {
+		type: Function,
+		required: false,
+		skipCheck: true,
+		default: void 0
+	}
+} });
+var Steps_default = Steps;
+exports.default = Steps_default;

package/dist/Steps/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, FunctionalComponent } from 'vue';
+import { CSSProperties } from 'vue';
 import { InternalMarkObj } from '../Marks';
 export interface StepsProps {
     prefixCls: string;
@@ -7,5 +7,5 @@ export interface StepsProps {
     style?: CSSProperties | ((dotValue: number) => CSSProperties);
     activeStyle?: CSSProperties | ((dotValue: number) => CSSProperties);
 }
-declare const Steps: FunctionalComponent<StepsProps>;
+declare const Steps: import('vue').DefineSetupFnComponent<StepsProps, {}, {}, StepsProps & {}, import('vue').PublicProps>;
 export default Steps;

package/dist/Steps/index.js

@@ -1,41 +1,61 @@
-import { computed as d, createVNode as s } from "vue";
-import { useInjectSlider as f } from "../context.js";
-import v from "./Dot.js";
-const h = (o, {
-  attrs: a
-}) => {
-  const {
-    prefixCls: r,
-    marks: c,
-    dots: n,
-    activeStyle: u
-  } = o, {
-    min: i,
-    max: m,
-    step: l
-  } = f(), p = d(() => {
-    const e = /* @__PURE__ */ new Set();
-    if (c.forEach((t) => {
-      e.add(t.value);
-    }), n && l !== null) {
-      let t = i.value;
-      for (; t <= m.value; )
-        e.add(t), t += l.value;
-    }
-    return Array.from(e);
-  });
-  return s("div", {
-    class: `${r}-step`
-  }, [p.value.map((e) => s(v, {
-    prefixCls: r,
-    key: e,
-    value: e,
-    style: {
-      ...a.style
-    },
-    activeStyle: u
-  }, null))]);
-};
-export {
-  h as default
-};
+import { useInjectSlider } from "../context.js";
+import Dot_default from "./Dot.js";
+import { computed, createVNode, defineComponent } from "vue";
+var Steps_default = /* @__PURE__ */ defineComponent((props, { attrs }) => {
+	const sliderContext = useInjectSlider();
+	const stepDots = computed(() => {
+		const { max, min, step } = sliderContext.value;
+		const { marks, dots } = props;
+		const dotSet = /* @__PURE__ */ new Set();
+		marks.forEach((mark) => {
+			dotSet.add(mark.value);
+		});
+		if (dots && step !== null) {
+			let current = min;
+			while (current <= max) {
+				dotSet.add(current);
+				current += step;
+			}
+		}
+		return Array.from(dotSet);
+	});
+	return () => {
+		const { prefixCls, activeStyle } = props;
+		return createVNode("div", { "class": `${prefixCls}-step` }, [stepDots.value.map((dotValue) => createVNode(Dot_default, {
+			"prefixCls": prefixCls,
+			"key": dotValue,
+			"value": dotValue,
+			"style": { ...attrs.style },
+			"activeStyle": activeStyle
+		}, null))]);
+	};
+}, { props: {
+	prefixCls: {
+		type: String,
+		required: true,
+		default: void 0
+	},
+	marks: {
+		type: Array,
+		required: true,
+		default: void 0
+	},
+	dots: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	style: {
+		type: Function,
+		required: false,
+		skipCheck: true,
+		default: void 0
+	},
+	activeStyle: {
+		type: Function,
+		required: false,
+		skipCheck: true,
+		default: void 0
+	}
+} });
+export { Steps_default as default };

package/dist/Tracks/Track.cjs

@@ -1 +1,74 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("vue"),h=require("classnames"),M=require("../context.cjs"),d=require("../util.cjs"),q=c.defineComponent({name:"Track",props:{prefixCls:{type:String,required:!0},replaceCls:{type:String},start:{type:Number,required:!0},end:{type:Number,required:!0},index:{type:Number,default:()=>null},onStartMove:{type:Function}},setup(a,{attrs:f}){const{direction:v,min:s,max:o,disabled:b,range:p,classNames:g}=M.useInjectSlider(),S=r=>{!b&&a.onStartMove&&a.onStartMove(r,-1)};return()=>{const{prefixCls:r,index:l,onStartMove:u,replaceCls:$,start:m,end:y}=a,t=d.getOffset(m,s.value,o.value),n=d.getOffset(y,s.value,o.value),i=`${r}-track`,k=$||h(i,{[`${i}-${l+1}`]:l!==null&&p,[`${r}-track-draggable`]:u},g.track),e={};switch(v.value){case"rtl":e.right=`${t*100}%`,e.width=`${n*100-t*100}%`;break;case"btt":e.bottom=`${t*100}%`,e.height=`${n*100-t*100}%`;break;case"ttb":e.top=`${t*100}%`,e.height=`${n*100-t*100}%`;break;default:e.left=`${t*100}%`,e.width=`${n*100-t*100}%`}return c.createVNode("div",{class:k,style:{...e,...f.style},onMousedown:u?S:void 0},null)}}});exports.default=q;
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+const require_context = require("../context.cjs");
+const require_util = require("../util.cjs");
+let vue = require("vue");
+let __v_c_util = require("@v-c/util");
+var Track = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "Track",
+	props: {
+		prefixCls: {
+			type: String,
+			required: true
+		},
+		replaceCls: { type: String },
+		start: {
+			type: Number,
+			required: true
+		},
+		end: {
+			type: Number,
+			required: true
+		},
+		index: {
+			type: Number,
+			default: () => null
+		},
+		onStartMove: { type: Function }
+	},
+	setup(props, { attrs }) {
+		const sliderContext = require_context.useInjectSlider();
+		const onInternalStartMove = (e) => {
+			if (!sliderContext.value.disabled && props.onStartMove) props.onStartMove(e, -1);
+		};
+		return () => {
+			const { prefixCls, index, onStartMove, replaceCls, start, end } = props;
+			const { direction, min, max, range, classNames } = sliderContext.value;
+			const offsetStart = require_util.getOffset(start, min, max);
+			const offsetEnd = require_util.getOffset(end, min, max);
+			const trackPrefixCls = `${prefixCls}-track`;
+			const className = replaceCls || (0, __v_c_util.classNames)(trackPrefixCls, {
+				[`${trackPrefixCls}-${index + 1}`]: index !== null && range,
+				[`${prefixCls}-track-draggable`]: onStartMove
+			}, classNames.track);
+			const positionStyle = {};
+			switch (direction) {
+				case "rtl":
+					positionStyle.right = `${offsetStart * 100}%`;
+					positionStyle.width = `${offsetEnd * 100 - offsetStart * 100}%`;
+					break;
+				case "btt":
+					positionStyle.bottom = `${offsetStart * 100}%`;
+					positionStyle.height = `${offsetEnd * 100 - offsetStart * 100}%`;
+					break;
+				case "ttb":
+					positionStyle.top = `${offsetStart * 100}%`;
+					positionStyle.height = `${offsetEnd * 100 - offsetStart * 100}%`;
+					break;
+				default:
+					positionStyle.left = `${offsetStart * 100}%`;
+					positionStyle.width = `${offsetEnd * 100 - offsetStart * 100}%`;
+			}
+			return (0, vue.createVNode)("div", {
+				"class": className,
+				"style": {
+					...positionStyle,
+					...attrs.style
+				},
+				"onMousedown": onStartMove ? onInternalStartMove : void 0
+			}, null);
+		};
+	}
+});
+var Track_default = Track;
+exports.default = Track_default;

package/dist/Tracks/Track.js

@@ -1,82 +1,71 @@
-import { defineComponent as y, createVNode as h } from "vue";
-import x from "classnames";
-import { useInjectSlider as C } from "../context.js";
-import { getOffset as u } from "../util.js";
-const I = /* @__PURE__ */ y({
-  name: "Track",
-  props: {
-    prefixCls: {
-      type: String,
-      required: !0
-    },
-    replaceCls: {
-      type: String
-    },
-    start: {
-      type: Number,
-      required: !0
-    },
-    end: {
-      type: Number,
-      required: !0
-    },
-    index: {
-      type: Number,
-      default: () => null
-    },
-    onStartMove: {
-      type: Function
-    }
-  },
-  setup(n, {
-    attrs: d
-  }) {
-    const {
-      direction: f,
-      min: o,
-      max: s,
-      disabled: m,
-      range: p,
-      classNames: $
-    } = C(), b = (r) => {
-      !m && n.onStartMove && n.onStartMove(r, -1);
-    };
-    return () => {
-      const {
-        prefixCls: r,
-        index: l,
-        onStartMove: i,
-        replaceCls: v,
-        start: S,
-        end: g
-      } = n, t = u(S, o.value, s.value), a = u(g, o.value, s.value), c = `${r}-track`, k = v || x(c, {
-        [`${c}-${l + 1}`]: l !== null && p,
-        [`${r}-track-draggable`]: i
-      }, $.track), e = {};
-      switch (f.value) {
-        case "rtl":
-          e.right = `${t * 100}%`, e.width = `${a * 100 - t * 100}%`;
-          break;
-        case "btt":
-          e.bottom = `${t * 100}%`, e.height = `${a * 100 - t * 100}%`;
-          break;
-        case "ttb":
-          e.top = `${t * 100}%`, e.height = `${a * 100 - t * 100}%`;
-          break;
-        default:
-          e.left = `${t * 100}%`, e.width = `${a * 100 - t * 100}%`;
-      }
-      return h("div", {
-        class: k,
-        style: {
-          ...e,
-          ...d.style
-        },
-        onMousedown: i ? b : void 0
-      }, null);
-    };
-  }
+import { useInjectSlider } from "../context.js";
+import { getOffset } from "../util.js";
+import { createVNode, defineComponent } from "vue";
+import { classNames } from "@v-c/util";
+var Track_default = /* @__PURE__ */ defineComponent({
+	name: "Track",
+	props: {
+		prefixCls: {
+			type: String,
+			required: true
+		},
+		replaceCls: { type: String },
+		start: {
+			type: Number,
+			required: true
+		},
+		end: {
+			type: Number,
+			required: true
+		},
+		index: {
+			type: Number,
+			default: () => null
+		},
+		onStartMove: { type: Function }
+	},
+	setup(props, { attrs }) {
+		const sliderContext = useInjectSlider();
+		const onInternalStartMove = (e) => {
+			if (!sliderContext.value.disabled && props.onStartMove) props.onStartMove(e, -1);
+		};
+		return () => {
+			const { prefixCls, index, onStartMove, replaceCls, start, end } = props;
+			const { direction, min, max, range, classNames: classNames$1 } = sliderContext.value;
+			const offsetStart = getOffset(start, min, max);
+			const offsetEnd = getOffset(end, min, max);
+			const trackPrefixCls = `${prefixCls}-track`;
+			const className = replaceCls || classNames(trackPrefixCls, {
+				[`${trackPrefixCls}-${index + 1}`]: index !== null && range,
+				[`${prefixCls}-track-draggable`]: onStartMove
+			}, classNames$1.track);
+			const positionStyle = {};
+			switch (direction) {
+				case "rtl":
+					positionStyle.right = `${offsetStart * 100}%`;
+					positionStyle.width = `${offsetEnd * 100 - offsetStart * 100}%`;
+					break;
+				case "btt":
+					positionStyle.bottom = `${offsetStart * 100}%`;
+					positionStyle.height = `${offsetEnd * 100 - offsetStart * 100}%`;
+					break;
+				case "ttb":
+					positionStyle.top = `${offsetStart * 100}%`;
+					positionStyle.height = `${offsetEnd * 100 - offsetStart * 100}%`;
+					break;
+				default:
+					positionStyle.left = `${offsetStart * 100}%`;
+					positionStyle.width = `${offsetEnd * 100 - offsetStart * 100}%`;
+			}
+			return createVNode("div", {
+				"class": className,
+				"style": {
+					...positionStyle,
+					...attrs.style
+				},
+				"onMousedown": onStartMove ? onInternalStartMove : void 0
+			}, null);
+		};
+	}
 });
-export {
-  I as default
-};
+export { Track_default as default };

package/dist/Tracks/index.cjs

@@ -1 +1,70 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),f=require("classnames"),k=require("../context.cjs"),y=require("../util.cjs"),i=require("./Track.cjs"),m=r.defineComponent({name:"Tracks",props:{prefixCls:{type:String,required:!0},trackStyle:{type:[Object,Array]},values:{type:Array,required:!0},onStartMove:{type:Function},startPoint:{type:Number}},setup(e){const{included:o,range:d,min:v,styles:u,classNames:c}=k.useInjectSlider(),a=r.computed(()=>{if(!d){if(e.values.length===0)return[];const t=e.startPoint??v.value,n=e.values[0];return[{start:Math.min(t,n),end:Math.max(t,n)}]}const l=[];for(let t=0;t<e.values.length-1;t+=1)l.push({start:e.values[t],end:e.values[t+1]});return l});return()=>{if(!o)return null;const l=a.value?.length&&(c.tracks||u.tracks)?r.createVNode(i.default,{index:0,prefixCls:e.prefixCls,start:a.value[0].start,end:a.value[a.value.length-1].end,replaceCls:f(c.tracks,`${e.prefixCls}-tracks`),style:u.tracks},null):null;return r.createVNode(r.Fragment,null,[l,a.value.map(({start:t,end:n},s)=>r.createVNode(i.default,{index:s,prefixCls:e.prefixCls,style:{...y.getIndex(e.trackStyle,s),...u?.track},start:t,end:n,key:s,onStartMove:e.onStartMove},null))])}}});exports.default=m;
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+const require_context = require("../context.cjs");
+const require_util = require("../util.cjs");
+const require_Track = require("./Track.cjs");
+let vue = require("vue");
+let __v_c_util = require("@v-c/util");
+var Tracks = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "Tracks",
+	props: {
+		prefixCls: {
+			type: String,
+			required: true
+		},
+		trackStyle: { type: [Object, Array] },
+		values: {
+			type: Array,
+			required: true
+		},
+		onStartMove: { type: Function },
+		startPoint: { type: Number }
+	},
+	setup(props) {
+		const sliderContext = require_context.useInjectSlider();
+		const trackList = (0, vue.computed)(() => {
+			const range = sliderContext.value.range;
+			const min = sliderContext.value.min;
+			if (!range) {
+				if (props.values.length === 0) return [];
+				const startValue = props.startPoint ?? min;
+				const endValue = props.values[0];
+				return [{
+					start: Math.min(startValue, endValue),
+					end: Math.max(startValue, endValue)
+				}];
+			}
+			const list = [];
+			for (let i = 0; i < props.values.length - 1; i += 1) list.push({
+				start: props.values[i],
+				end: props.values[i + 1]
+			});
+			return list;
+		});
+		return () => {
+			if (!sliderContext.value.included) return null;
+			const { classNames, styles } = sliderContext.value;
+			return (0, vue.createVNode)(vue.Fragment, null, [trackList.value?.length && (classNames.tracks || styles.tracks) ? (0, vue.createVNode)(require_Track.default, {
+				"index": 0,
+				"prefixCls": props.prefixCls,
+				"start": trackList.value[0].start,
+				"end": trackList.value[trackList.value.length - 1].end,
+				"replaceCls": (0, __v_c_util.classNames)(classNames.tracks, `${props.prefixCls}-tracks`),
+				"style": styles.tracks
+			}, null) : null, trackList.value.map(({ start, end }, index) => (0, vue.createVNode)(require_Track.default, {
+				"index": index,
+				"prefixCls": props.prefixCls,
+				"style": {
+					...require_util.getIndex(props.trackStyle, index),
+					...styles?.track
+				},
+				"start": start,
+				"end": end,
+				"key": index,
+				"onStartMove": props.onStartMove
+			}, null))]);
+		};
+	}
+});
+var Tracks_default = Tracks;
+exports.default = Tracks_default;