vft 0.0.375 → 0.0.376

package/lib/components/input-number/directives.cjs

@@ -1,42 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@vft/utils");
-const REPEAT_INTERVAL = 100;
-const REPEAT_DELAY = 600;
-const vRepeatClick = {
-  beforeMount(el, binding) {
-    const value = binding.value;
-    const { interval = REPEAT_INTERVAL, delay = REPEAT_DELAY } = utils.isFunction(
-      value
-    ) ? {} : value;
-    let intervalId;
-    let delayId;
-    const handler = () => utils.isFunction(value) ? value() : value.handler();
-    const clear = () => {
-      if (delayId) {
-        clearTimeout(delayId);
-        delayId = void 0;
-      }
-      if (intervalId) {
-        clearInterval(intervalId);
-        intervalId = void 0;
-      }
-    };
-    el.addEventListener("mousedown", (evt) => {
-      if (evt.button !== 0) return;
-      clear();
-      handler();
-      document.addEventListener("mouseup", () => clear(), {
-        once: true
-      });
-      delayId = setTimeout(() => {
-        intervalId = setInterval(() => {
-          handler();
-        }, interval);
-      }, delay);
-    });
-  }
-};
-exports.REPEAT_DELAY = REPEAT_DELAY;
-exports.REPEAT_INTERVAL = REPEAT_INTERVAL;
-exports.vRepeatClick = vRepeatClick;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vft/utils"),r=100,a=600,v={beforeMount(c,s){const e=s.value,{interval:u=r,delay:d=a}=l.isFunction(e)?{}:e;let t,n;const o=()=>l.isFunction(e)?e():e.handler(),i=()=>{n&&(clearTimeout(n),n=void 0),t&&(clearInterval(t),t=void 0)};c.addEventListener("mousedown",E=>{E.button===0&&(i(),o(),document.addEventListener("mouseup",()=>i(),{once:!0}),n=setTimeout(()=>{t=setInterval(()=>{o()},u)},d))})}};exports.REPEAT_DELAY=a;exports.REPEAT_INTERVAL=r;exports.vRepeatClick=v;

package/lib/components/input-number/index.cjs

@@ -1,12 +1 @@
-"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 inputNumber_vue_vue_type_script_setup_true_lang = require("./input-number.vue2.cjs");
-const VftInputNumber = install.withInstall(inputNumber_vue_vue_type_script_setup_true_lang.default);
-exports.VftInputNumber = VftInputNumber;
-exports.default = VftInputNumber;
+"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 r=require("./input-number.vue2.cjs"),e=u.withInstall(r.default);exports.VftInputNumber=e;exports.default=e;

package/lib/components/input-number/input-number.vue.cjs

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

package/lib/components/input-number/input-number.vue2.cjs

@@ -1,321 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const utils = require("@vft/utils");
-require("../form/index.cjs");
-const index$1 = require("../icon/index.cjs");
-const index$2 = require("../input/index.cjs");
-const event = require("../../constants/event.cjs");
-require("@vueuse/core");
-const error = require("../../utils/error.cjs");
-require("../config-provider/hooks/use-global-config.cjs");
-const lodashEs = 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 directives = require("./directives.cjs");
-const useFormItem = require("../form/hooks/use-form-item.cjs");
-const useFormCommonProps = require("../form/hooks/use-form-common-props.cjs");
-const __default__ = vue.defineComponent({
-  name: "vft-input-number"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    id: { default: void 0 },
-    step: { default: 1 },
-    stepStrictly: { type: Boolean },
-    max: { default: () => Number.POSITIVE_INFINITY },
-    min: { default: () => Number.NEGATIVE_INFINITY },
-    modelValue: {},
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    size: { default: "default" },
-    controls: { type: Boolean, default: true },
-    controlsPosition: { default: "" },
-    valueOnClear: { default: null },
-    name: {},
-    label: {},
-    placeholder: {},
-    precision: {},
-    validateEvent: { type: Boolean, default: true }
-  },
-  emits: {
-    [event.CHANGE_EVENT]: (cur, prev) => prev !== cur,
-    blur: (e) => e instanceof FocusEvent,
-    focus: (e) => e instanceof FocusEvent,
-    [event.INPUT_EVENT]: (val) => utils.isNumber(val) || lodashEs.isNil(val),
-    [event.UPDATE_MODEL_EVENT]: (val) => utils.isNumber(val) || lodashEs.isNil(val)
-  },
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const ns = index.useNamespace("input-number");
-    const emit = __emit;
-    const input = vue.ref();
-    const data = vue.reactive({
-      currentValue: __props.modelValue,
-      userInput: null
-    });
-    const { formItem } = useFormItem.useFormItem();
-    const minDisabled = vue.computed(
-      () => __props.modelValue && utils.isNumber(__props.modelValue) && __props.modelValue <= __props.min
-    );
-    const maxDisabled = vue.computed(
-      () => __props.modelValue && utils.isNumber(__props.modelValue) && __props.modelValue >= __props.max
-    );
-    const numPrecision = vue.computed(() => {
-      const stepPrecision = getPrecision(__props.step);
-      if (!utils.isUndefined(__props.precision)) {
-        if (stepPrecision > __props.precision) {
-          error.debugWarn(
-            "InputNumber",
-            "precision should not be less than the decimal places of step"
-          );
-        }
-        return __props.precision;
-      } else {
-        return Math.max(getPrecision(__props.modelValue), stepPrecision);
-      }
-    });
-    const controlsAtRight = vue.computed(() => {
-      return __props.controls && __props.controlsPosition === "right";
-    });
-    const inputNumberSize = useFormCommonProps.useFormSize();
-    const inputNumberDisabled = useFormCommonProps.useFormDisabled();
-    const displayValue = vue.computed(() => {
-      if (data.userInput !== null) {
-        return data.userInput;
-      }
-      let currentValue = data.currentValue;
-      if (lodashEs.isNil(currentValue)) return "";
-      if (utils.isNumber(currentValue)) {
-        if (Number.isNaN(currentValue)) return "";
-        if (!utils.isUndefined(__props.precision)) {
-          currentValue = currentValue?.toFixed(__props.precision);
-        }
-      }
-      return currentValue;
-    });
-    const toPrecision = (num, pre) => {
-      if (utils.isUndefined(pre)) pre = numPrecision.value;
-      if (pre === 0) return Math.round(num);
-      let snum = String(num);
-      const pointPos = snum.indexOf(".");
-      if (pointPos === -1) return num;
-      const nums = snum.replace(".", "").split("");
-      const datum = nums[pointPos + pre];
-      if (!datum) return num;
-      const length = snum.length;
-      if (snum.charAt(length - 1) === "5") {
-        snum = `${snum.slice(0, Math.max(0, length - 1))}6`;
-      }
-      return Number.parseFloat(Number(snum).toFixed(pre));
-    };
-    const getPrecision = (value) => {
-      if (lodashEs.isNil(value)) return 0;
-      const valueString = value.toString();
-      const dotPosition = valueString.indexOf(".");
-      let precision = 0;
-      if (dotPosition !== -1) {
-        precision = valueString.length - dotPosition - 1;
-      }
-      return precision;
-    };
-    const ensurePrecision = (val, coefficient = 1) => {
-      if (!utils.isNumber(val)) return data.currentValue;
-      return toPrecision(val + __props.step * coefficient);
-    };
-    const increase = () => {
-      if (__props.readonly || inputNumberDisabled.value || maxDisabled.value) return;
-      const value = Number(displayValue.value) || 0;
-      const newVal = ensurePrecision(value);
-      setCurrentValue(newVal);
-      emit(event.INPUT_EVENT, data.currentValue);
-    };
-    const decrease = () => {
-      if (__props.readonly || inputNumberDisabled.value || minDisabled.value) return;
-      const value = Number(displayValue.value) || 0;
-      const newVal = ensurePrecision(value, -1);
-      setCurrentValue(newVal);
-      emit(event.INPUT_EVENT, data.currentValue);
-    };
-    const verifyValue = (value, update) => {
-      let newVal = Number(value);
-      if (lodashEs.isNil(value) || Number.isNaN(newVal)) {
-        return null;
-      }
-      if (value === "") {
-        if (__props.valueOnClear === null) {
-          return null;
-        }
-        newVal = utils.isString(__props.valueOnClear) ? { min: __props.min, max: __props.max }[__props.valueOnClear] : __props.valueOnClear;
-      }
-      if (__props.stepStrictly) {
-        newVal = toPrecision(Math.round(newVal / __props.step) * __props.step, __props.precision);
-      }
-      if (!utils.isUndefined(__props.precision)) {
-        newVal = toPrecision(newVal, __props.precision);
-      }
-      if (newVal > __props.max || newVal < __props.min) {
-        newVal = newVal > __props.max ? __props.max : __props.min;
-        update && emit(event.UPDATE_MODEL_EVENT, newVal);
-      }
-      return newVal;
-    };
-    const setCurrentValue = (value, emitChange = true) => {
-      const oldVal = data.currentValue;
-      const newVal = verifyValue(value);
-      if (!emitChange) {
-        emit(event.UPDATE_MODEL_EVENT, newVal);
-        return;
-      }
-      if (oldVal === newVal) return;
-      data.userInput = null;
-      emit(event.UPDATE_MODEL_EVENT, newVal);
-      emit(event.CHANGE_EVENT, newVal, oldVal);
-      if (__props.validateEvent) {
-        formItem?.validate?.("change").catch((err) => error.debugWarn(err));
-      }
-      data.currentValue = newVal;
-    };
-    const handleInput = (value) => {
-      data.userInput = value;
-      const newVal = value === "" ? null : Number(value);
-      emit(event.INPUT_EVENT, newVal);
-      setCurrentValue(newVal, false);
-    };
-    const handleInputChange = (value) => {
-      const newVal = value !== "" ? Number(value) : "";
-      if (utils.isNumber(newVal) && !Number.isNaN(newVal) || value === "") {
-        setCurrentValue(newVal);
-      }
-      data.userInput = null;
-    };
-    const focus = () => {
-      input.value?.focus?.();
-    };
-    const blur = () => {
-      input.value?.blur?.();
-    };
-    const handleFocus = (event2) => {
-      emit("focus", event2);
-    };
-    const handleBlur = (event2) => {
-      emit("blur", event2);
-      if (__props.validateEvent) {
-        formItem?.validate?.("blur").catch((err) => error.debugWarn(err));
-      }
-    };
-    vue.watch(
-      () => __props.modelValue,
-      (value) => {
-        const userInput = verifyValue(data.userInput);
-        const newValue = verifyValue(value, true);
-        if (!utils.isNumber(userInput) && (!userInput || userInput !== newValue)) {
-          data.currentValue = newValue;
-          data.userInput = null;
-        }
-      },
-      { immediate: true }
-    );
-    vue.onMounted(() => {
-      const innerInput = input.value?.input;
-      innerInput.setAttribute("role", "spinbutton");
-      if (Number.isFinite(__props.max)) {
-        innerInput.setAttribute("aria-valuemax", String(__props.max));
-      } else {
-        innerInput.removeAttribute("aria-valuemax");
-      }
-      if (Number.isFinite(__props.min)) {
-        innerInput.setAttribute("aria-valuemin", String(__props.min));
-      } else {
-        innerInput.removeAttribute("aria-valuemin");
-      }
-      innerInput.setAttribute("aria-valuenow", String(data.currentValue));
-      innerInput.setAttribute("aria-disabled", String(inputNumberDisabled.value));
-      if (!utils.isNumber(__props.modelValue) && __props.modelValue !== null) {
-        let val = Number(__props.modelValue);
-        if (Number.isNaN(val)) {
-          val = null;
-        }
-        emit(event.UPDATE_MODEL_EVENT, val);
-      }
-    });
-    vue.onUpdated(() => {
-      const innerInput = input.value?.input;
-      innerInput?.setAttribute("aria-valuenow", `${data.currentValue}`);
-    });
-    __expose({
-      /** @description get focus the input component */
-      focus,
-      /** @description remove focus the input component */
-      blur
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([
-          vue.unref(ns).b(),
-          vue.unref(ns).m(vue.unref(inputNumberSize)),
-          vue.unref(ns).is("disabled", vue.unref(inputNumberDisabled)),
-          vue.unref(ns).is("without-controls", !_ctx.controls),
-          vue.unref(ns).is("controls-right", controlsAtRight.value)
-        ]),
-        onDragstart: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-        }, ["prevent"]))
-      }, [
-        _ctx.controls ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
-          key: 0,
-          role: "button",
-          class: vue.normalizeClass([vue.unref(ns).e("decrease"), vue.unref(ns).is("disabled", minDisabled.value)]),
-          onKeydown: vue.withKeys(decrease, ["enter"])
-        }, [
-          vue.createVNode(vue.unref(index$1.VftIcon), {
-            icon: controlsAtRight.value ? "icon-arrow-down" : "icon-minus"
-          }, null, 8, ["icon"])
-        ], 34)), [
-          [vue.unref(directives.vRepeatClick), decrease]
-        ]) : vue.createCommentVNode("", true),
-        _ctx.controls ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
-          key: 1,
-          role: "button",
-          class: vue.normalizeClass([vue.unref(ns).e("increase"), vue.unref(ns).is("disabled", maxDisabled.value)]),
-          onKeydown: vue.withKeys(increase, ["enter"])
-        }, [
-          vue.createVNode(vue.unref(index$1.VftIcon), {
-            icon: controlsAtRight.value ? "icon-arrow-up" : "icon-plus"
-          }, null, 8, ["icon"])
-        ], 34)), [
-          [vue.unref(directives.vRepeatClick), increase]
-        ]) : vue.createCommentVNode("", true),
-        vue.createVNode(vue.unref(index$2.VftInput), {
-          id: _ctx.id,
-          ref_key: "input",
-          ref: input,
-          type: "number",
-          step: _ctx.step,
-          "model-value": displayValue.value,
-          placeholder: _ctx.placeholder,
-          readonly: _ctx.readonly,
-          disabled: vue.unref(inputNumberDisabled),
-          size: vue.unref(inputNumberSize),
-          max: _ctx.max,
-          min: _ctx.min,
-          name: _ctx.name,
-          label: _ctx.label,
-          "validate-event": false,
-          onWheel: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-          }, ["prevent"])),
-          onKeydown: [
-            vue.withKeys(vue.withModifiers(increase, ["prevent"]), ["up"]),
-            vue.withKeys(vue.withModifiers(decrease, ["prevent"]), ["down"])
-          ],
-          onBlur: handleBlur,
-          onFocus: handleFocus,
-          onInput: handleInput,
-          onChange: handleInputChange
-        }, null, 8, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "label", "onKeydown"])
-      ], 34);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l=require("@vft/utils");require("../form/index.cjs");const M=require("../icon/index.cjs"),$=require("../input/index.cjs"),o=require("../../constants/event.cjs");require("@vueuse/core");const y=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const f=require("lodash-es"),G=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const x=require("./directives.cjs"),R=require("../form/hooks/use-form-item.cjs"),S=require("../form/hooks/use-form-common-props.cjs"),H=t.defineComponent({name:"vft-input-number"}),Y=t.defineComponent({...H,props:{id:{default:void 0},step:{default:1},stepStrictly:{type:Boolean},max:{default:()=>Number.POSITIVE_INFINITY},min:{default:()=>Number.NEGATIVE_INFINITY},modelValue:{},readonly:{type:Boolean},disabled:{type:Boolean},size:{default:"default"},controls:{type:Boolean,default:!0},controlsPosition:{default:""},valueOnClear:{default:null},name:{},label:{},placeholder:{},precision:{},validateEvent:{type:Boolean,default:!0}},emits:{[o.CHANGE_EVENT]:(n,N)=>N!==n,blur:n=>n instanceof FocusEvent,focus:n=>n instanceof FocusEvent,[o.INPUT_EVENT]:n=>l.isNumber(n)||f.isNil(n),[o.UPDATE_MODEL_EVENT]:n=>l.isNumber(n)||f.isNil(n)},setup(n,{expose:N,emit:O}){const c=G.useNamespace("input-number"),s=O,d=t.ref(),r=t.reactive({currentValue:n.modelValue,userInput:null}),{formItem:T}=R.useFormItem(),g=t.computed(()=>n.modelValue&&l.isNumber(n.modelValue)&&n.modelValue<=n.min),P=t.computed(()=>n.modelValue&&l.isNumber(n.modelValue)&&n.modelValue>=n.max),U=t.computed(()=>{const e=A(n.step);return l.isUndefined(n.precision)?Math.max(A(n.modelValue),e):(e>n.precision&&y.debugWarn("InputNumber","precision should not be less than the decimal places of step"),n.precision)}),v=t.computed(()=>n.controls&&n.controlsPosition==="right"),C=S.useFormSize(),m=S.useFormDisabled(),V=t.computed(()=>{if(r.userInput!==null)return r.userInput;let e=r.currentValue;if(f.isNil(e))return"";if(l.isNumber(e)){if(Number.isNaN(e))return"";l.isUndefined(n.precision)||(e=e?.toFixed(n.precision))}return e}),E=(e,u)=>{if(l.isUndefined(u)&&(u=U.value),u===0)return Math.round(e);let i=String(e);const a=i.indexOf(".");if(a===-1||!i.replace(".","").split("")[a+u])return e;const F=i.length;return i.charAt(F-1)==="5"&&(i=`${i.slice(0,Math.max(0,F-1))}6`),Number.parseFloat(Number(i).toFixed(u))},A=e=>{if(f.isNil(e))return 0;const u=e.toString(),i=u.indexOf(".");let a=0;return i!==-1&&(a=u.length-i-1),a},q=(e,u=1)=>l.isNumber(e)?E(e+n.step*u):r.currentValue,h=()=>{if(n.readonly||m.value||P.value)return;const e=Number(V.value)||0,u=q(e);b(u),s(o.INPUT_EVENT,r.currentValue)},I=()=>{if(n.readonly||m.value||g.value)return;const e=Number(V.value)||0,u=q(e,-1);b(u),s(o.INPUT_EVENT,r.currentValue)},w=(e,u)=>{let i=Number(e);if(f.isNil(e)||Number.isNaN(i))return null;if(e===""){if(n.valueOnClear===null)return null;i=l.isString(n.valueOnClear)?{min:n.min,max:n.max}[n.valueOnClear]:n.valueOnClear}return n.stepStrictly&&(i=E(Math.round(i/n.step)*n.step,n.precision)),l.isUndefined(n.precision)||(i=E(i,n.precision)),(i>n.max||i<n.min)&&(i=i>n.max?n.max:n.min,u&&s(o.UPDATE_MODEL_EVENT,i)),i},b=(e,u=!0)=>{const i=r.currentValue,a=w(e);if(!u){s(o.UPDATE_MODEL_EVENT,a);return}i!==a&&(r.userInput=null,s(o.UPDATE_MODEL_EVENT,a),s(o.CHANGE_EVENT,a,i),n.validateEvent&&T?.validate?.("change").catch(D=>y.debugWarn(D)),r.currentValue=a)},B=e=>{r.userInput=e;const u=e===""?null:Number(e);s(o.INPUT_EVENT,u),b(u,!1)},k=e=>{const u=e!==""?Number(e):"";(l.isNumber(u)&&!Number.isNaN(u)||e==="")&&b(u),r.userInput=null},z=()=>{d.value?.focus?.()},K=()=>{d.value?.blur?.()},L=e=>{s("focus",e)},W=e=>{s("blur",e),n.validateEvent&&T?.validate?.("blur").catch(u=>y.debugWarn(u))};return t.watch(()=>n.modelValue,e=>{const u=w(r.userInput),i=w(e,!0);!l.isNumber(u)&&(!u||u!==i)&&(r.currentValue=i,r.userInput=null)},{immediate:!0}),t.onMounted(()=>{const e=d.value?.input;if(e.setAttribute("role","spinbutton"),Number.isFinite(n.max)?e.setAttribute("aria-valuemax",String(n.max)):e.removeAttribute("aria-valuemax"),Number.isFinite(n.min)?e.setAttribute("aria-valuemin",String(n.min)):e.removeAttribute("aria-valuemin"),e.setAttribute("aria-valuenow",String(r.currentValue)),e.setAttribute("aria-disabled",String(m.value)),!l.isNumber(n.modelValue)&&n.modelValue!==null){let u=Number(n.modelValue);Number.isNaN(u)&&(u=null),s(o.UPDATE_MODEL_EVENT,u)}}),t.onUpdated(()=>{d.value?.input?.setAttribute("aria-valuenow",`${r.currentValue}`)}),N({focus:z,blur:K}),(e,u)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(c).b(),t.unref(c).m(t.unref(C)),t.unref(c).is("disabled",t.unref(m)),t.unref(c).is("without-controls",!e.controls),t.unref(c).is("controls-right",v.value)]),onDragstart:u[1]||(u[1]=t.withModifiers(()=>{},["prevent"]))},[e.controls?t.withDirectives((t.openBlock(),t.createElementBlock("span",{key:0,role:"button",class:t.normalizeClass([t.unref(c).e("decrease"),t.unref(c).is("disabled",g.value)]),onKeydown:t.withKeys(I,["enter"])},[t.createVNode(t.unref(M.VftIcon),{icon:v.value?"icon-arrow-down":"icon-minus"},null,8,["icon"])],34)),[[t.unref(x.vRepeatClick),I]]):t.createCommentVNode("",!0),e.controls?t.withDirectives((t.openBlock(),t.createElementBlock("span",{key:1,role:"button",class:t.normalizeClass([t.unref(c).e("increase"),t.unref(c).is("disabled",P.value)]),onKeydown:t.withKeys(h,["enter"])},[t.createVNode(t.unref(M.VftIcon),{icon:v.value?"icon-arrow-up":"icon-plus"},null,8,["icon"])],34)),[[t.unref(x.vRepeatClick),h]]):t.createCommentVNode("",!0),t.createVNode(t.unref($.VftInput),{id:e.id,ref_key:"input",ref:d,type:"number",step:e.step,"model-value":V.value,placeholder:e.placeholder,readonly:e.readonly,disabled:t.unref(m),size:t.unref(C),max:e.max,min:e.min,name:e.name,label:e.label,"validate-event":!1,onWheel:u[0]||(u[0]=t.withModifiers(()=>{},["prevent"])),onKeydown:[t.withKeys(t.withModifiers(h,["prevent"]),["up"]),t.withKeys(t.withModifiers(I,["prevent"]),["down"])],onBlur:W,onFocus:L,onInput:B,onChange:k},null,8,["id","step","model-value","placeholder","readonly","disabled","size","max","min","name","label","onKeydown"])],34))}});exports.default=Y;

package/lib/components/input-number/style/css.cjs

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

package/lib/components/input-number/style/index.cjs

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

package/lib/components/input-tag/composables/index.cjs

@@ -1,10 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useDragTag = require("./use-drag-tag.cjs");
-const useHovering = require("./use-hovering.cjs");
-const useInputTag = require("./use-input-tag.cjs");
-const useInputTagDom = require("./use-input-tag-dom.cjs");
-exports.useDragTag = useDragTag.useDragTag;
-exports.useHovering = useHovering.useHovering;
-exports.useInputTag = useInputTag.useInputTag;
-exports.useInputTagDom = useInputTagDom.useInputTagDom;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-drag-tag.cjs"),u=require("./use-hovering.cjs"),r=require("./use-input-tag.cjs"),s=require("./use-input-tag-dom.cjs");exports.useDragTag=e.useDragTag;exports.useHovering=u.useHovering;exports.useInputTag=r.useInputTag;exports.useInputTagDom=s.useInputTagDom;

package/lib/components/input-tag/composables/use-drag-tag.cjs

@@ -1,103 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-require("@vueuse/core");
-const utils = 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("@popperjs/core");
-require("../../../hooks/use-z-index/index.cjs");
-function useDragTag({
-  wrapperRef,
-  handleDragged,
-  afterDragged
-}) {
-  const ns = index.useNamespace("input-tag");
-  const dropIndicatorRef = vue.shallowRef();
-  const showDropIndicator = vue.ref(false);
-  let draggingIndex;
-  let draggingTag;
-  let dropIndex;
-  let dropType;
-  function getTagClassName(index2) {
-    return `.${ns.e("inner")} .${ns.namespace.value}-tag:nth-child(${index2 + 1})`;
-  }
-  function handleDragStart(event, index2) {
-    draggingIndex = index2;
-    draggingTag = wrapperRef.value.querySelector(
-      getTagClassName(index2)
-    );
-    if (draggingTag) {
-      draggingTag.style.opacity = "0.5";
-    }
-    event.dataTransfer.effectAllowed = "move";
-  }
-  function handleDragOver(event, index2) {
-    dropIndex = index2;
-    event.preventDefault();
-    event.dataTransfer.dropEffect = "move";
-    if (utils.isUndefined(draggingIndex) || draggingIndex === index2) {
-      showDropIndicator.value = false;
-      return;
-    }
-    const dropPosition = wrapperRef.value.querySelector(getTagClassName(index2)).getBoundingClientRect();
-    const dropPrev = !(draggingIndex + 1 === index2);
-    const dropNext = !(draggingIndex - 1 === index2);
-    const distance = event.clientX - dropPosition.left;
-    const prevPercent = dropPrev ? dropNext ? 0.5 : 1 : -1;
-    const nextPercent = dropNext ? dropPrev ? 0.5 : 0 : 1;
-    if (distance <= dropPosition.width * prevPercent) {
-      dropType = "before";
-    } else if (distance > dropPosition.width * nextPercent) {
-      dropType = "after";
-    } else {
-      dropType = void 0;
-    }
-    const innerEl = wrapperRef.value.querySelector(
-      `.${ns.e("inner")}`
-    );
-    const innerPosition = innerEl.getBoundingClientRect();
-    const gap = Number.parseFloat(utils.getStyle(innerEl, "gap")) / 2;
-    const indicatorTop = dropPosition.top - innerPosition.top;
-    let indicatorLeft = -9999;
-    if (dropType === "before") {
-      indicatorLeft = Math.max(
-        dropPosition.left - innerPosition.left - gap,
-        Math.floor(-gap / 2)
-      );
-    } else if (dropType === "after") {
-      const left = dropPosition.right - innerPosition.left;
-      indicatorLeft = left + (innerPosition.width === left ? Math.floor(gap / 2) : gap);
-    }
-    utils.setStyle(dropIndicatorRef.value, {
-      top: `${indicatorTop}px`,
-      left: `${indicatorLeft}px`
-    });
-    showDropIndicator.value = !!dropType;
-  }
-  function handleDragEnd(event) {
-    event.preventDefault();
-    if (draggingTag) {
-      draggingTag.style.opacity = "";
-    }
-    if (dropType && !utils.isUndefined(draggingIndex) && !utils.isUndefined(dropIndex) && draggingIndex !== dropIndex) {
-      handleDragged(draggingIndex, dropIndex, dropType);
-    }
-    showDropIndicator.value = false;
-    draggingIndex = void 0;
-    draggingTag = null;
-    dropIndex = void 0;
-    dropType = void 0;
-    afterDragged?.();
-  }
-  return {
-    dropIndicatorRef,
-    showDropIndicator,
-    handleDragStart,
-    handleDragOver,
-    handleDragEnd
-  };
-}
-exports.useDragTag = useDragTag;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("vue");require("@vueuse/core");const l=require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");require("lodash-es");const x=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");function C({wrapperRef:f,handleDragged:S,afterDragged:P}){const d=x.useNamespace("input-tag"),p=D.shallowRef(),s=D.ref(!1);let e,o,a,t;function v(r){return`.${d.e("inner")} .${d.namespace.value}-tag:nth-child(${r+1})`}function $(r,n){e=n,o=f.value.querySelector(v(n)),o&&(o.style.opacity="0.5"),r.dataTransfer.effectAllowed="move"}function b(r,n){if(a=n,r.preventDefault(),r.dataTransfer.dropEffect="move",l.isUndefined(e)||e===n){s.value=!1;return}const i=f.value.querySelector(v(n)).getBoundingClientRect(),h=e+1!==n,q=e-1!==n,y=r.clientX-i.left,I=h?q?.5:1:-1,M=q?h?.5:0:1;y<=i.width*I?t="before":y>i.width*M?t="after":t=void 0;const T=f.value.querySelector(`.${d.e("inner")}`),c=T.getBoundingClientRect(),u=Number.parseFloat(l.getStyle(T,"gap"))/2,N=i.top-c.top;let g=-9999;if(t==="before")g=Math.max(i.left-c.left-u,Math.floor(-u/2));else if(t==="after"){const m=i.right-c.left;g=m+(c.width===m?Math.floor(u/2):u)}l.setStyle(p.value,{top:`${N}px`,left:`${g}px`}),s.value=!!t}function w(r){r.preventDefault(),o&&(o.style.opacity=""),t&&!l.isUndefined(e)&&!l.isUndefined(a)&&e!==a&&S(e,a,t),s.value=!1,e=void 0,o=null,a=void 0,t=void 0,P?.()}return{dropIndicatorRef:p,showDropIndicator:s,handleDragStart:$,handleDragOver:b,handleDragEnd:w}}exports.useDragTag=C;

package/lib/components/input-tag/composables/use-hovering.cjs

@@ -1,18 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-function useHovering() {
-  const hovering = vue.ref(false);
-  const handleMouseEnter = () => {
-    hovering.value = true;
-  };
-  const handleMouseLeave = () => {
-    hovering.value = false;
-  };
-  return {
-    hovering,
-    handleMouseEnter,
-    handleMouseLeave
-  };
-}
-exports.useHovering = useHovering;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue");function o(){const e=n.ref(!1);return{hovering:e,handleMouseEnter:()=>{e.value=!0},handleMouseLeave:()=>{e.value=!1}}}exports.useHovering=o;

package/lib/components/input-tag/composables/use-input-tag-dom.cjs

@@ -1,61 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-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("@popperjs/core");
-require("../../../hooks/use-z-index/index.cjs");
-function useInputTagDom({
-  props,
-  isFocused,
-  hovering,
-  disabled,
-  inputValue,
-  size,
-  validateState,
-  validateIcon,
-  needStatusIcon
-}) {
-  const attrs = vue.useAttrs();
-  const slots = vue.useSlots();
-  const ns = index.useNamespace("input-tag");
-  const nsInput = index.useNamespace("input");
-  const containerKls = vue.computed(() => [
-    ns.b(),
-    ns.is("focused", isFocused.value),
-    ns.is("hovering", hovering.value),
-    ns.is("disabled", disabled.value),
-    ns.m(size.value),
-    ns.e("wrapper"),
-    attrs.class
-  ]);
-  const containerStyle = vue.computed(() => [
-    attrs.style
-  ]);
-  const innerKls = vue.computed(() => [
-    ns.e("inner"),
-    ns.is("draggable", props.draggable),
-    ns.is("left-space", !props.modelValue?.length && !slots.prefix),
-    ns.is("right-space", !props.modelValue?.length && !showSuffix.value)
-  ]);
-  const showClear = vue.computed(() => {
-    return props.clearable && !disabled.value && !props.readonly && (props.modelValue?.length || inputValue.value) && (isFocused.value || hovering.value);
-  });
-  const showSuffix = vue.computed(() => {
-    return slots.suffix || showClear.value || validateState.value && validateIcon.value && needStatusIcon.value;
-  });
-  return {
-    ns,
-    nsInput,
-    containerKls,
-    containerStyle,
-    innerKls,
-    showClear,
-    showSuffix
-  };
-}
-exports.useInputTagDom = useInputTagDom;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue");require("@vueuse/core");require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");require("lodash-es");const c=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");function y({props:t,isFocused:a,hovering:l,disabled:n,inputValue:v,size:d,validateState:m,validateIcon:g,needStatusIcon:f}){const r=u.useAttrs(),s=u.useSlots(),e=c.useNamespace("input-tag"),q=c.useNamespace("input"),p=u.computed(()=>[e.b(),e.is("focused",a.value),e.is("hovering",l.value),e.is("disabled",n.value),e.m(d.value),e.e("wrapper"),r.class]),b=u.computed(()=>[r.style]),h=u.computed(()=>[e.e("inner"),e.is("draggable",t.draggable),e.is("left-space",!t.modelValue?.length&&!s.prefix),e.is("right-space",!t.modelValue?.length&&!o.value)]),i=u.computed(()=>t.clearable&&!n.value&&!t.readonly&&(t.modelValue?.length||v.value)&&(a.value||l.value)),o=u.computed(()=>s.suffix||i.value||m.value&&g.value&&f.value);return{ns:e,nsInput:q,containerKls:p,containerStyle:b,innerKls:h,showClear:i,showSuffix:o}}exports.useInputTagDom=y;