vft 0.0.363 → 0.0.365

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

@@ -1,88 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const error = require("../../../utils/error.cjs");
-const event = require("../../../constants/event.cjs");
-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;
+"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;

package/lib/components/slider/constants.cjs

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

package/lib/components/slider/index.cjs

@@ -1,11 +1 @@
-"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");
-const constants = require("./constants.cjs");
-const slider = require("./slider.cjs");
-const install = require("../../utils/vue/install.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;
+"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;

package/lib/components/slider/marker.cjs

@@ -1,35 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const utils = require("@vft/utils");
-const vue = require("vue");
-const index = require("../../hooks/use-namespace/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;
+"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;

package/lib/components/slider/slider.cjs

@@ -1,11 +1 @@
-"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;
+"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;

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

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

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

@@ -1,251 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const index$1 = require("../input-number/index.cjs");
-const button_vue_vue_type_script_setup_true_lang = require("./button.vue2.cjs");
-const constants = require("./constants.cjs");
-const marker = require("./marker.cjs");
-const slider = require("./slider.cjs");
-const useSlide = require("./composables/use-slide.cjs");
-const useStops = require("./composables/use-stops.cjs");
-const useMarks = require("./composables/use-marks.cjs");
-const useWatch = require("./composables/use-watch.cjs");
-const useLifecycle = require("./composables/use-lifecycle.cjs");
-const index = require("../../hooks/use-namespace/index.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;
+"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;

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

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

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

@@ -1,60 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const utils = require("@vft/utils");
-const index = require("../../hooks/use-forward-ref/index.cjs");
-const error = require("../../utils/error.cjs");
-const index$1 = require("../../hooks/use-namespace/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;
+"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;

package/lib/components/space/index.cjs

@@ -1,10 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const space = require("./space.cjs");
-const useSpace = require("./use-space.cjs");
-const install = require("../../utils/vue/install.cjs");
-const VftSpace = install.withInstall(space.default);
-exports.spaceProps = space.spaceProps;
-exports.useSpace = useSpace.useSpace;
-exports.VftSpace = VftSpace;
-exports.default = VftSpace;
+"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;

package/lib/components/space/item.cjs

@@ -1,20 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const runtime = require("../../utils/vue/props/runtime.cjs");
-const index = require("../../hooks/use-namespace/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;
+"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;