vft 0.0.376 → 0.0.378

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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