vft 0.0.373 → 0.0.375

package/lib/components/slider/composables/use-watch.cjs

@@ -1 +1,92 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../constants/event.cjs");require("@vueuse/core");require("@vft/utils");const n=require("../../../utils/error.cjs");require("../../config-provider/hooks/use-global-config.cjs");const c=require("vue");require("lodash-es");const y=(a,u,g,V,m,d)=>{const r=e=>{m(t.UPDATE_MODEL_EVENT,e),m(t.INPUT_EVENT,e)},f=()=>a.range?![g.value,V.value].every((e,l)=>e===u.oldValue[l]):a.modelValue!==u.oldValue,i=()=>{a.min>a.max&&n.throwError("Slider","min should not be greater than max.");const e=a.modelValue;a.range&&Array.isArray(e)?e[1]<a.min?r([a.min,a.min]):e[0]>a.max?r([a.max,a.max]):e[0]<a.min?r([a.min,e[1]]):e[1]>a.max?r([e[0],a.max]):(u.firstValue=e[0],u.secondValue=e[1],f()&&(a.validateEvent&&d?.validate?.("change").catch(l=>n.debugWarn(l)),u.oldValue=e.slice())):!a.range&&typeof e=="number"&&!Number.isNaN(e)&&(e<a.min?r(a.min):e>a.max?r(a.max):(u.firstValue=e,f()&&(a.validateEvent&&d?.validate?.("change").catch(l=>n.debugWarn(l)),u.oldValue=e)))};i(),c.watch(()=>u.dragging,e=>{e||i()}),c.watch(()=>a.modelValue,(e,l)=>{u.dragging||Array.isArray(e)&&Array.isArray(l)&&e.every((h,v)=>h===l[v])&&u.firstValue===e[0]&&u.secondValue===e[1]||i()},{deep:!0}),c.watch(()=>[a.min,a.max],()=>{i()})};exports.useWatch=y;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const event = require("../../../constants/event.cjs");
+require("@vueuse/core");
+require("@vft/utils");
+const error = require("../../../utils/error.cjs");
+require("../../config-provider/hooks/use-global-config.cjs");
+const vue = require("vue");
+require("lodash-es");
+const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
+  const _emit = (val) => {
+    emit(event.UPDATE_MODEL_EVENT, val);
+    emit(event.INPUT_EVENT, val);
+  };
+  const valueChanged = () => {
+    if (props.range) {
+      return ![minValue.value, maxValue.value].every(
+        (item, index) => item === initData.oldValue[index]
+      );
+    } else {
+      return props.modelValue !== initData.oldValue;
+    }
+  };
+  const setValues = () => {
+    if (props.min > props.max) {
+      error.throwError("Slider", "min should not be greater than max.");
+    }
+    const val = props.modelValue;
+    if (props.range && Array.isArray(val)) {
+      if (val[1] < props.min) {
+        _emit([props.min, props.min]);
+      } else if (val[0] > props.max) {
+        _emit([props.max, props.max]);
+      } else if (val[0] < props.min) {
+        _emit([props.min, val[1]]);
+      } else if (val[1] > props.max) {
+        _emit([val[0], props.max]);
+      } else {
+        initData.firstValue = val[0];
+        initData.secondValue = val[1];
+        if (valueChanged()) {
+          if (props.validateEvent) {
+            elFormItem?.validate?.("change").catch((err) => error.debugWarn(err));
+          }
+          initData.oldValue = val.slice();
+        }
+      }
+    } else if (!props.range && typeof val === "number" && !Number.isNaN(val)) {
+      if (val < props.min) {
+        _emit(props.min);
+      } else if (val > props.max) {
+        _emit(props.max);
+      } else {
+        initData.firstValue = val;
+        if (valueChanged()) {
+          if (props.validateEvent) {
+            elFormItem?.validate?.("change").catch((err) => error.debugWarn(err));
+          }
+          initData.oldValue = val;
+        }
+      }
+    }
+  };
+  setValues();
+  vue.watch(
+    () => initData.dragging,
+    (val) => {
+      if (!val) {
+        setValues();
+      }
+    }
+  );
+  vue.watch(
+    () => props.modelValue,
+    (val, oldVal) => {
+      if (initData.dragging || Array.isArray(val) && Array.isArray(oldVal) && val.every((item, index) => item === oldVal[index]) && initData.firstValue === val[0] && initData.secondValue === val[1]) {
+        return;
+      }
+      setValues();
+    },
+    {
+      deep: true
+    }
+  );
+  vue.watch(
+    () => [props.min, props.max],
+    () => {
+      setValues();
+    }
+  );
+};
+exports.useWatch = useWatch;

package/lib/components/slider/constants.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol("sliderContextKey");exports.sliderContextKey=e;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const sliderContextKey = Symbol("sliderContextKey");
+exports.sliderContextKey = sliderContextKey;

package/lib/components/slider/index.cjs

@@ -1 +1,16 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");const t=require("./slider.vue2.cjs"),i=require("./constants.cjs"),s=require("./slider.cjs"),e=r.withInstall(t.default);exports.sliderContextKey=i.sliderContextKey;exports.sliderEmits=s.sliderEmits;exports.VftSlider=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const slider_vue_vue_type_script_setup_true_lang = require("./slider.vue2.cjs");
+const constants = require("./constants.cjs");
+const slider = require("./slider.cjs");
+const VftSlider = install.withInstall(slider_vue_vue_type_script_setup_true_lang.default);
+exports.sliderContextKey = constants.sliderContextKey;
+exports.sliderEmits = slider.sliderEmits;
+exports.VftSlider = VftSlider;
+exports.default = VftSlider;

package/lib/components/slider/marker.cjs

@@ -1 +1,41 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("@vft/utils");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const r=require("vue");require("lodash-es");const s=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const l=r.defineComponent({name:"VftSliderMarker",props:{mark:{type:[String,Object],default:void 0}},setup(e){const i=s.useNamespace("slider"),u=r.computed(()=>t.isString(e.mark)?e.mark:e.mark.label),a=r.computed(()=>t.isString(e.mark)?void 0:e.mark.style);return()=>r.h("div",{class:i.e("marks-text"),style:a.value},u.value)}});exports.default=l;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const utils = require("@vft/utils");
+require("@vueuse/core");
+require("../config-provider/hooks/use-global-config.cjs");
+const vue = require("vue");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const SliderMarker = vue.defineComponent({
+  name: "VftSliderMarker",
+  props: {
+    mark: {
+      type: [
+        String,
+        Object
+      ],
+      default: void 0
+    }
+  },
+  setup(props) {
+    const ns = index.useNamespace("slider");
+    const label = vue.computed(() => {
+      return utils.isString(props.mark) ? props.mark : props.mark.label;
+    });
+    const style = vue.computed(
+      () => utils.isString(props.mark) ? void 0 : props.mark.style
+    );
+    return () => vue.h(
+      "div",
+      {
+        class: ns.e("marks-text"),
+        style: style.value
+      },
+      label.value
+    );
+  }
+});
+exports.default = SliderMarker;

package/lib/components/slider/slider.cjs

@@ -1 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@vft/utils"),r=require("../../constants/event.cjs"),s=e=>i.isNumber(e)||i.isArray(e)&&e.every(i.isNumber),t={[r.UPDATE_MODEL_EVENT]:s,[r.INPUT_EVENT]:s,[r.CHANGE_EVENT]:s};exports.sliderEmits=t;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@vft/utils");
+const event = require("../../constants/event.cjs");
+const isValidValue = (value) => utils.isNumber(value) || utils.isArray(value) && value.every(utils.isNumber);
+const sliderEmits = {
+  [event.UPDATE_MODEL_EVENT]: isValidValue,
+  [event.INPUT_EVENT]: isValidValue,
+  [event.CHANGE_EVENT]: isValidValue
+};
+exports.sliderEmits = sliderEmits;

package/lib/components/slider/slider.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./slider.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const slider_vue_vue_type_script_setup_true_lang = require("./slider.vue2.cjs");
+exports.default = slider_vue_vue_type_script_setup_true_lang.default;

package/lib/components/slider/slider.vue2.cjs

@@ -1 +1,260 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@popperjs/core");require("../form/index.cjs");const G=require("../input-number/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const H=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("../../hooks/use-z-index/index.cjs");const h=require("./button.vue2.cjs"),J=require("./composables/use-lifecycle.cjs"),Q=require("./composables/use-marks.cjs"),X=require("./composables/use-slide.cjs");require("./composables/use-slider-button.cjs");const Y=require("./composables/use-stops.cjs"),Z=require("./composables/use-watch.cjs"),_=require("./constants.cjs"),ee=require("./marker.cjs"),re=require("./slider.cjs"),ae=require("../form/hooks/use-form-item.cjs"),le=require("../form/hooks/use-form-common-props.cjs"),te=["id","role","aria-labelledby"],ne={key:1},oe=e.defineComponent({name:"vft-slider"}),ue=e.defineComponent({...oe,props:{modelValue:{default:0},id:{},min:{default:0},max:{default:100},step:{default:1},showInput:{type:Boolean},showInputControls:{type:Boolean,default:!0},size:{},inputSize:{},showStops:{type:Boolean},showTooltip:{type:Boolean,default:!0},formatTooltip:{},disabled:{type:Boolean},range:{type:Boolean},vertical:{type:Boolean},height:{},debounce:{default:300},label:{},rangeStartLabel:{},rangeEndLabel:{},formatValueText:{},tooltipClass:{},placement:{default:"top"},marks:{},validateEvent:{type:Boolean,default:!0}},emits:re.sliderEmits,setup(t,{expose:w,emit:I}){const k=I,l=H.useNamespace("slider"),u=e.reactive({firstValue:0,secondValue:0,oldValue:0,dragging:!1,sliderSize:1}),o=e.getCurrentInstance(),{elFormItem:c,slider:E,firstButton:T,secondButton:F,sliderDisabled:s,minValue:b,maxValue:g,runwayStyle:L,barStyle:N,resetSize:B,emitChange:V,onSliderWrapperPrevent:p,onSliderClick:M,onSliderDown:f,setFirstValue:S,setSecondValue:U}=X.useSlide(o.props,u,k),{stops:W,getStopStyle:v}=Y.useStops(o.props,u,b,g),{inputId:C,isLabeledByFormItem:z}=ae.useFormItemInputId(o.props,{formItemContext:c}),q=le.useFormSize(),D=e.computed(()=>t.inputSize||q.value),$=e.computed(()=>t.formatValueText?t.formatValueText(i.value):`${i.value}`),P=e.computed(()=>t.rangeEndLabel||""),x=e.computed(()=>t.formatValueText?t.formatValueText(d.value):`${d.value}`),K=e.computed(()=>[l.b(),l.m(q.value),l.is("vertical",t.vertical),{[l.m("with-input")]:t.showInput}]),y=Q.useMarks(o.props);Z.useWatch(o.props,u,b,g,k,c);const R=e.computed(()=>{const r=[t.min,t.max,t.step].map(n=>{const a=`${n}`.split(".")[1];return a?a.length:0});return Math.max.apply(null,r)}),{sliderWrapper:j}=J.useLifecycle(o.props,u,B),{firstValue:i,secondValue:d,sliderSize:O}=e.toRefs(u),A=r=>{u.dragging=r};return e.provide(_.sliderContextKey,{...e.toRefs(o.props),sliderSize:O,disabled:s.value,precision:R,emitChange:V,resetSize:B,updateDragging:A}),w({onSliderClick:M}),(r,n)=>(e.openBlock(),e.createElementBlock("div",{id:r.range?e.unref(C):void 0,ref_key:"sliderWrapper",ref:j,class:e.normalizeClass(K.value),role:r.range?"group":void 0,"aria-labelledby":r.range&&e.unref(z)?e.unref(c)?.labelId:void 0,onTouchstart:n[2]||(n[2]=(...a)=>e.unref(p)&&e.unref(p)(...a)),onTouchmove:n[3]||(n[3]=(...a)=>e.unref(p)&&e.unref(p)(...a))},[e.createElementVNode("div",{ref_key:"slider",ref:E,class:e.normalizeClass([e.unref(l).e("runway"),{"show-input":r.showInput&&!r.range},e.unref(l).is("disabled",e.unref(s))]),style:e.normalizeStyle(e.unref(L)),onMousedown:n[0]||(n[0]=(...a)=>e.unref(f)&&e.unref(f)(...a)),onTouchstart:n[1]||(n[1]=(...a)=>e.unref(f)&&e.unref(f)(...a))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("bar")),style:e.normalizeStyle(e.unref(N))},null,6),e.createVNode(h.default,{id:r.range?void 0:e.unref(C),ref_key:"firstButton",ref:T,"model-value":e.unref(i),vertical:r.vertical,"tooltip-class":r.tooltipClass,placement:r.placement,role:"slider","aria-labelledby":!r.range&&e.unref(z)?e.unref(c)?.labelId:void 0,"aria-valuemin":r.min,"aria-valuemax":r.range?e.unref(d):r.max,"aria-valuenow":e.unref(i),"aria-valuetext":$.value,"aria-orientation":r.vertical?"vertical":"horizontal","aria-disabled":e.unref(s),"onUpdate:modelValue":e.unref(S)},null,8,["id","model-value","vertical","tooltip-class","placement","aria-labelledby","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-orientation","aria-disabled","onUpdate:modelValue"]),r.range?(e.openBlock(),e.createBlock(h.default,{key:0,ref_key:"secondButton",ref:F,"model-value":e.unref(d),vertical:r.vertical,"tooltip-class":r.tooltipClass,placement:r.placement,role:"slider","aria-label":P.value,"aria-valuemin":e.unref(i),"aria-valuemax":r.max,"aria-valuenow":e.unref(d),"aria-valuetext":x.value,"aria-orientation":r.vertical?"vertical":"horizontal","aria-disabled":e.unref(s),"onUpdate:modelValue":e.unref(U)},null,8,["model-value","vertical","tooltip-class","placement","aria-label","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-orientation","aria-disabled","onUpdate:modelValue"])):e.createCommentVNode("",!0),r.showStops?(e.openBlock(),e.createElementBlock("div",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(W),(a,m)=>(e.openBlock(),e.createElementBlock("div",{key:m,class:e.normalizeClass(e.unref(l).e("stop")),style:e.normalizeStyle(e.unref(v)(a))},null,6))),128))])):e.createCommentVNode("",!0),e.unref(y).length>0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),(a,m)=>(e.openBlock(),e.createElementBlock("div",{key:m,style:e.normalizeStyle(e.unref(v)(a.position)),class:e.normalizeClass([e.unref(l).e("stop"),e.unref(l).e("marks-stop")])},null,6))),128))]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("marks"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),(a,m)=>(e.openBlock(),e.createBlock(e.unref(ee.default),{key:m,mark:a.mark,style:e.normalizeStyle(e.unref(v)(a.position))},null,8,["mark","style"]))),128))],2)],64)):e.createCommentVNode("",!0)],38),r.showInput&&!r.range?(e.openBlock(),e.createBlock(e.unref(G.VftInputNumber),{key:0,ref:"input","model-value":e.unref(i),class:e.normalizeClass(e.unref(l).e("input")),step:r.step,disabled:e.unref(s),controls:r.showInputControls,min:r.min,max:r.max,debounce:r.debounce,size:D.value,"onUpdate:modelValue":e.unref(S),onChange:e.unref(V)},null,8,["model-value","class","step","disabled","controls","min","max","debounce","size","onUpdate:modelValue","onChange"])):e.createCommentVNode("",!0)],42,te))}});exports.default=ue;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("@popperjs/core");
+require("../form/index.cjs");
+const index$1 = require("../input-number/index.cjs");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("../../hooks/use-z-index/index.cjs");
+const button_vue_vue_type_script_setup_true_lang = require("./button.vue2.cjs");
+const useLifecycle = require("./composables/use-lifecycle.cjs");
+const useMarks = require("./composables/use-marks.cjs");
+const useSlide = require("./composables/use-slide.cjs");
+require("./composables/use-slider-button.cjs");
+const useStops = require("./composables/use-stops.cjs");
+const useWatch = require("./composables/use-watch.cjs");
+const constants = require("./constants.cjs");
+const marker = require("./marker.cjs");
+const slider = require("./slider.cjs");
+const useFormItem = require("../form/hooks/use-form-item.cjs");
+const useFormCommonProps = require("../form/hooks/use-form-common-props.cjs");
+const _hoisted_1 = ["id", "role", "aria-labelledby"];
+const _hoisted_2 = { key: 1 };
+const __default__ = vue.defineComponent({
+  name: "vft-slider"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    modelValue: { default: 0 },
+    id: {},
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    showInput: { type: Boolean },
+    showInputControls: { type: Boolean, default: true },
+    size: {},
+    inputSize: {},
+    showStops: { type: Boolean },
+    showTooltip: { type: Boolean, default: true },
+    formatTooltip: {},
+    disabled: { type: Boolean },
+    range: { type: Boolean },
+    vertical: { type: Boolean },
+    height: {},
+    debounce: { default: 300 },
+    label: {},
+    rangeStartLabel: {},
+    rangeEndLabel: {},
+    formatValueText: {},
+    tooltipClass: {},
+    placement: { default: "top" },
+    marks: {},
+    validateEvent: { type: Boolean, default: true }
+  },
+  emits: slider.sliderEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const ns = index.useNamespace("slider");
+    const initData = vue.reactive({
+      firstValue: 0,
+      secondValue: 0,
+      oldValue: 0,
+      dragging: false,
+      sliderSize: 1
+    });
+    const vm = vue.getCurrentInstance();
+    const {
+      elFormItem,
+      slider: slider2,
+      firstButton,
+      secondButton,
+      sliderDisabled,
+      minValue,
+      maxValue,
+      runwayStyle,
+      barStyle,
+      resetSize,
+      emitChange,
+      onSliderWrapperPrevent,
+      onSliderClick,
+      onSliderDown,
+      setFirstValue,
+      setSecondValue
+    } = useSlide.useSlide(vm.props, initData, emit);
+    const { stops, getStopStyle } = useStops.useStops(
+      vm.props,
+      initData,
+      minValue,
+      maxValue
+    );
+    const { inputId, isLabeledByFormItem } = useFormItem.useFormItemInputId(vm.props, {
+      formItemContext: elFormItem
+    });
+    const sliderWrapperSize = useFormCommonProps.useFormSize();
+    const sliderInputSize = vue.computed(() => __props.inputSize || sliderWrapperSize.value);
+    const firstValueText = vue.computed(() => {
+      return __props.formatValueText ? __props.formatValueText(firstValue.value) : `${firstValue.value}`;
+    });
+    const secondButtonLabel = vue.computed(() => {
+      return __props.rangeEndLabel || "";
+    });
+    const secondValueText = vue.computed(() => {
+      return __props.formatValueText ? __props.formatValueText(secondValue.value) : `${secondValue.value}`;
+    });
+    const sliderKls = vue.computed(() => [
+      ns.b(),
+      ns.m(sliderWrapperSize.value),
+      ns.is("vertical", __props.vertical),
+      { [ns.m("with-input")]: __props.showInput }
+    ]);
+    const markList = useMarks.useMarks(vm.props);
+    useWatch.useWatch(vm.props, initData, minValue, maxValue, emit, elFormItem);
+    const precision = vue.computed(() => {
+      const precisions = [__props.min, __props.max, __props.step].map((item) => {
+        const decimal = `${item}`.split(".")[1];
+        return decimal ? decimal.length : 0;
+      });
+      return Math.max.apply(null, precisions);
+    });
+    const { sliderWrapper } = useLifecycle.useLifecycle(vm.props, initData, resetSize);
+    const { firstValue, secondValue, sliderSize } = vue.toRefs(initData);
+    const updateDragging = (val) => {
+      initData.dragging = val;
+    };
+    vue.provide(constants.sliderContextKey, {
+      ...vue.toRefs(vm.props),
+      sliderSize,
+      disabled: sliderDisabled.value,
+      precision,
+      emitChange,
+      resetSize,
+      updateDragging
+    });
+    __expose({
+      onSliderClick
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        id: _ctx.range ? vue.unref(inputId) : void 0,
+        ref_key: "sliderWrapper",
+        ref: sliderWrapper,
+        class: vue.normalizeClass(sliderKls.value),
+        role: _ctx.range ? "group" : void 0,
+        "aria-labelledby": _ctx.range && vue.unref(isLabeledByFormItem) ? vue.unref(elFormItem)?.labelId : void 0,
+        onTouchstart: _cache[2] || (_cache[2] = //@ts-ignore
+        (...args) => vue.unref(onSliderWrapperPrevent) && vue.unref(onSliderWrapperPrevent)(...args)),
+        onTouchmove: _cache[3] || (_cache[3] = //@ts-ignore
+        (...args) => vue.unref(onSliderWrapperPrevent) && vue.unref(onSliderWrapperPrevent)(...args))
+      }, [
+        vue.createElementVNode("div", {
+          ref_key: "slider",
+          ref: slider2,
+          class: vue.normalizeClass([
+            vue.unref(ns).e("runway"),
+            { "show-input": _ctx.showInput && !_ctx.range },
+            vue.unref(ns).is("disabled", vue.unref(sliderDisabled))
+          ]),
+          style: vue.normalizeStyle(vue.unref(runwayStyle)),
+          onMousedown: _cache[0] || (_cache[0] = //@ts-ignore
+          (...args) => vue.unref(onSliderDown) && vue.unref(onSliderDown)(...args)),
+          onTouchstart: _cache[1] || (_cache[1] = //@ts-ignore
+          (...args) => vue.unref(onSliderDown) && vue.unref(onSliderDown)(...args))
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("bar")),
+            style: vue.normalizeStyle(vue.unref(barStyle))
+          }, null, 6),
+          vue.createVNode(button_vue_vue_type_script_setup_true_lang.default, {
+            id: !_ctx.range ? vue.unref(inputId) : void 0,
+            ref_key: "firstButton",
+            ref: firstButton,
+            "model-value": vue.unref(firstValue),
+            vertical: _ctx.vertical,
+            "tooltip-class": _ctx.tooltipClass,
+            placement: _ctx.placement,
+            role: "slider",
+            "aria-labelledby": !_ctx.range && vue.unref(isLabeledByFormItem) ? vue.unref(elFormItem)?.labelId : void 0,
+            "aria-valuemin": _ctx.min,
+            "aria-valuemax": _ctx.range ? vue.unref(secondValue) : _ctx.max,
+            "aria-valuenow": vue.unref(firstValue),
+            "aria-valuetext": firstValueText.value,
+            "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
+            "aria-disabled": vue.unref(sliderDisabled),
+            "onUpdate:modelValue": vue.unref(setFirstValue)
+          }, null, 8, ["id", "model-value", "vertical", "tooltip-class", "placement", "aria-labelledby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"]),
+          _ctx.range ? (vue.openBlock(), vue.createBlock(button_vue_vue_type_script_setup_true_lang.default, {
+            key: 0,
+            ref_key: "secondButton",
+            ref: secondButton,
+            "model-value": vue.unref(secondValue),
+            vertical: _ctx.vertical,
+            "tooltip-class": _ctx.tooltipClass,
+            placement: _ctx.placement,
+            role: "slider",
+            "aria-label": secondButtonLabel.value,
+            "aria-valuemin": vue.unref(firstValue),
+            "aria-valuemax": _ctx.max,
+            "aria-valuenow": vue.unref(secondValue),
+            "aria-valuetext": secondValueText.value,
+            "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
+            "aria-disabled": vue.unref(sliderDisabled),
+            "onUpdate:modelValue": vue.unref(setSecondValue)
+          }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : vue.createCommentVNode("", true),
+          _ctx.showStops ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(stops), (item, key) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key,
+                class: vue.normalizeClass(vue.unref(ns).e("stop")),
+                style: vue.normalizeStyle(vue.unref(getStopStyle)(item))
+              }, null, 6);
+            }), 128))
+          ])) : vue.createCommentVNode("", true),
+          vue.unref(markList).length > 0 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+            vue.createElementVNode("div", null, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(markList), (item, key) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key,
+                  style: vue.normalizeStyle(vue.unref(getStopStyle)(item.position)),
+                  class: vue.normalizeClass([vue.unref(ns).e("stop"), vue.unref(ns).e("marks-stop")])
+                }, null, 6);
+              }), 128))
+            ]),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("marks"))
+            }, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(markList), (item, key) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(marker.default), {
+                  key,
+                  mark: item.mark,
+                  style: vue.normalizeStyle(vue.unref(getStopStyle)(item.position))
+                }, null, 8, ["mark", "style"]);
+              }), 128))
+            ], 2)
+          ], 64)) : vue.createCommentVNode("", true)
+        ], 38),
+        _ctx.showInput && !_ctx.range ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftInputNumber), {
+          key: 0,
+          ref: "input",
+          "model-value": vue.unref(firstValue),
+          class: vue.normalizeClass(vue.unref(ns).e("input")),
+          step: _ctx.step,
+          disabled: vue.unref(sliderDisabled),
+          controls: _ctx.showInputControls,
+          min: _ctx.min,
+          max: _ctx.max,
+          debounce: _ctx.debounce,
+          size: sliderInputSize.value,
+          "onUpdate:modelValue": vue.unref(setFirstValue),
+          onChange: vue.unref(emitChange)
+        }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : vue.createCommentVNode("", true)
+      ], 42, _hoisted_1);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/slider/style/css.cjs

@@ -1 +1,7 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-slider.css");require("vft/theme-style/vft-input-number.css");require("vft/theme-style/vft-input.css");require("vft/theme-style/vft-tooltip.css");require("vft/theme-style/vft-popper.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-slider.css");
+require("vft/theme-style/vft-input-number.css");
+require("vft/theme-style/vft-input.css");
+require("vft/theme-style/vft-tooltip.css");
+require("vft/theme-style/vft-popper.css");

package/lib/components/slider/style/index.cjs

@@ -1 +1,7 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/slider.scss");require("vft/theme-style/src/input-number.scss");require("vft/theme-style/src/input.scss");require("vft/theme-style/src/tooltip.scss");require("vft/theme-style/src/popper.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/slider.scss");
+require("vft/theme-style/src/input-number.scss");
+require("vft/theme-style/src/input.scss");
+require("vft/theme-style/src/tooltip.scss");
+require("vft/theme-style/src/popper.scss");

package/lib/components/slot/index.cjs

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./only-child.cjs");exports.OnlyChild=l.OnlyChild;exports.VftOnlyChild=l.OnlyChild;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const onlyChild = require("./only-child.cjs");
+exports.OnlyChild = onlyChild.OnlyChild;
+exports.VftOnlyChild = onlyChild.OnlyChild;

package/lib/components/slot/only-child.cjs

@@ -1 +1,66 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),d=require("@vft/utils");require("@vueuse/core");const c=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const l=require("../../hooks/use-forward-ref/index.cjs"),q=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const o="VftOnlyChild",g=r.defineComponent({name:o,setup(n,{slots:t,attrs:e}){const f=r.inject(l.FORWARD_REF_INJECTION_KEY),h=l.useForwardRefDirective(f?.setForwardRef??d.noop);return()=>{const i=t.default?.(e);if(!i)return null;if(i.length>1)return c.debugWarn(o,"requires exact only one valid child."),null;const u=a(i);return u?r.withDirectives(r.cloneVNode(u,e),[[h]]):(c.debugWarn(o,"no valid child node found"),null)}}});function a(n){if(!n)return null;const t=n;for(const e of t){if(d.isObject(e))switch(e.type){case r.Comment:continue;case r.Text:case"svg":return s(e);case r.Fragment:return a(e.children);default:return e}return s(e)}return null}function s(n){const t=q.useNamespace("only-child");return r.createVNode("span",{class:t.e("content")},[n])}exports.OnlyChild=g;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const utils = require("@vft/utils");
+require("@vueuse/core");
+const error = require("../../utils/error.cjs");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-forward-ref/index.cjs");
+const index$1 = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const NAME = "VftOnlyChild";
+const OnlyChild = /* @__PURE__ */ vue.defineComponent({
+  name: NAME,
+  setup(_, {
+    slots,
+    attrs
+  }) {
+    const forwardRefInjection = vue.inject(index.FORWARD_REF_INJECTION_KEY);
+    const forwardRefDirective = index.useForwardRefDirective(forwardRefInjection?.setForwardRef ?? utils.noop);
+    return () => {
+      const defaultSlot = slots.default?.(attrs);
+      if (!defaultSlot) return null;
+      if (defaultSlot.length > 1) {
+        error.debugWarn(NAME, "requires exact only one valid child.");
+        return null;
+      }
+      const firstLegitNode = findFirstLegitChild(defaultSlot);
+      if (!firstLegitNode) {
+        error.debugWarn(NAME, "no valid child node found");
+        return null;
+      }
+      return vue.withDirectives(vue.cloneVNode(firstLegitNode, attrs), [[forwardRefDirective]]);
+    };
+  }
+});
+function findFirstLegitChild(node) {
+  if (!node) return null;
+  const children = node;
+  for (const child of children) {
+    if (utils.isObject(child)) {
+      switch (child.type) {
+        case vue.Comment:
+          continue;
+        case vue.Text:
+        case "svg":
+          return wrapTextContent(child);
+        case vue.Fragment:
+          return findFirstLegitChild(child.children);
+        default:
+          return child;
+      }
+    }
+    return wrapTextContent(child);
+  }
+  return null;
+}
+function wrapTextContent(s) {
+  const ns = index$1.useNamespace("only-child");
+  return vue.createVNode("span", {
+    "class": ns.e("content")
+  }, [s]);
+}
+exports.OnlyChild = OnlyChild;

package/lib/components/space/index.cjs

@@ -1 +1,16 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const u=require("../../utils/vue/install.cjs");require("lodash-es");const e=require("./space.cjs");require("./item.cjs");const s=require("./use-space.cjs"),r=u.withInstall(e.default);exports.spaceProps=e.spaceProps;exports.useSpace=s.useSpace;exports.VftSpace=r;exports.default=r;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const space = require("./space.cjs");
+require("./item.cjs");
+const useSpace = require("./use-space.cjs");
+const VftSpace = install.withInstall(space.default);
+exports.spaceProps = space.spaceProps;
+exports.useSpace = useSpace.useSpace;
+exports.VftSpace = VftSpace;
+exports.default = VftSpace;

package/lib/components/space/item.cjs

@@ -1 +1,27 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const e=require("vue"),i=require("../../utils/vue/props/runtime.cjs");require("lodash-es");const n=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const o=i.buildProps({prefixCls:{type:String}}),c=e.defineComponent({name:"ElSpaceItem",props:o,setup(r,{slots:t}){const s=n.useNamespace("space"),u=e.computed(()=>`${r.prefixCls||s.b()}__item`);return()=>e.h("div",{class:u.value},e.renderSlot(t,"default"))}});exports.default=c;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+const vue = require("vue");
+const runtime = require("../../utils/vue/props/runtime.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const spaceItemProps = runtime.buildProps({
+  prefixCls: {
+    type: String
+  }
+});
+const SpaceItem = vue.defineComponent({
+  name: "ElSpaceItem",
+  props: spaceItemProps,
+  setup(props, { slots }) {
+    const ns = index.useNamespace("space");
+    const classes = vue.computed(() => `${props.prefixCls || ns.b()}__item`);
+    return () => vue.h("div", { class: classes.value }, vue.renderSlot(slots, "default"));
+  }
+});
+exports.default = SpaceItem;