vft 0.0.333 → 0.0.335

package/es/components/upload/upload.vue2.js

@@ -1,15 +1,122 @@
-import { defineComponent as w, useSlots as U, shallowRef as T, computed as h, onBeforeUnmount as j, provide as N, toRef as V, createElementBlock as q, openBlock as f, normalizeClass as z, unref as t, createBlock as c, createCommentVNode as o, renderSlot as l, createSlots as g, withCtx as r, createVNode as D, mergeProps as k } from "vue";
+import { defineComponent as E, useSlots as T, shallowRef as V, computed as b, onBeforeUnmount as j, provide as N, toRef as O, createElementBlock as q, openBlock as u, normalizeClass as D, unref as o, createBlock as v, createCommentVNode as t, renderSlot as r, createSlots as B, withCtx as a, createVNode as H, mergeProps as S } from "vue";
+import "../alert/index.js";
+import "../avatar/index.js";
+import "../avatar-stack/index.js";
+import "../backtop/index.js";
+import "../button/index.js";
+import "../card/index.js";
+import "../cascader/index.js";
+import "../cascader-panel/index.js";
+import "../check-tag/index.js";
+import "../checkbox/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../clamp-tooltip/index.js";
+import "../col/index.js";
+import "../collapse-transition/index.js";
+import "../color-picker/index.js";
+import "../config-provider/index.js";
+import "../container/index.js";
+import "@vft/utils";
+import "../context-menu/context-menu.vue2.js";
+import "../icon/index.js";
+import "../date-picker/index.js";
+import "../date-time-select/index.js";
+import "../descriptions/index.js";
+import "../dialog/index.js";
+import "../divider/index.js";
+import "../drawer/index.js";
+import "../dropdown/index.js";
+import "../empty/index.js";
+import "../footer-layout/index.js";
 import "../form/index.js";
-import { ajaxUpload as H } from "./ajax.js";
-import { uploadContextKey as K } from "./constants.js";
-import R from "./upload-content.vue2.js";
-import b from "./upload-list.vue2.js";
-import { useHandlers as O } from "./use-handlers.js";
-import { useFormDisabled as W } from "../form/hooks/use-form-common-props.js";
-const A = w({
+import "../full-screen/index.js";
+import "../header-layout/index.js";
+import "../horizontal-menu/index.js";
+import "../icon-text/index.js";
+import "../iframe-layout/index.js";
+import "../image/index.js";
+import "../image-viewer/index.js";
+import "../input/index.js";
+import "../input-number/index.js";
+import "../link/index.js";
+import "../list-cell/index.js";
+import "../logo/index.js";
+import "../menu/index.js";
+import "../multiple-tabs/index.js";
+import "../notification/index.js";
+import "../overlay/index.js";
+import "../page-wrapper/index.js";
+import "../pagination/index.js";
+import "../popconfirm/index.js";
+import "../popover/index.js";
+import "../popper/index.js";
+import "../qrcode/index.js";
+import "../radio/index.js";
+import "../result/index.js";
+import "../router-view-content/index.js";
+import "../row/index.js";
+import "../scrollbar/index.js";
+import "../search/index.js";
+import "../select/index.js";
+import "../side-menu/index.js";
+import "../skeleton/index.js";
+import "../slider/index.js";
+import "../space/index.js";
+import "../steps/index.js";
+import "../switch/index.js";
+import "../table/index.js";
+import "../tabs/index.js";
+import "../tag/index.js";
+import "../time-picker/index.js";
+import "../tooltip/index.js";
+import "../tree/index.js";
+import "../verify-code/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../autocomplete/index.js";
+import "../breadcrumb/index.js";
+import "../carousel/index.js";
+import "../collapse/index.js";
+import "../countdown/index.js";
+import "../input-tag/index.js";
+import "../modal/index.js";
+import "../progress/index.js";
+import "../segmented/index.js";
+import "../statistic/index.js";
+import "../super-form/index.js";
+import "../timeline/index.js";
+import "../transfer/index.js";
+import "./index.js";
+import "../watermark/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
+import "../md-comment/index.js";
+import "../md-container/index.js";
+import "../md-tabs/index.js";
+import "../md-vue-playground/index.js";
+import "../infinite-scroll/index.js";
+import "@vueuse/core";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { VftMessage as I } from "../message/index.js";
+import "../progress-i/index.js";
+import { ajaxUpload as K } from "./ajax.js";
+import { uploadContextKey as W } from "./constants.js";
+import $ from "./upload-content.vue2.js";
+import C from "./upload-list.vue2.js";
+import { useHandlers as A } from "./use-handlers.js";
+import { useFormDisabled as G } from "../form/hooks/use-form-common-props.js";
+const J = E({
   name: "vft-upload"
-}), x = /* @__PURE__ */ w({
-  ...A,
+}), tt = /* @__PURE__ */ E({
+  ...J,
   props: {
     action: { default: "#" },
     headers: {},
@@ -25,9 +132,12 @@ const A = w({
     fileList: { default: [] },
     autoUpload: { type: Boolean, default: !1 },
     listType: { default: "text" },
-    httpRequest: { type: Function, default: H },
+    httpRequest: { type: Function, default: K },
     disabled: { type: Boolean },
     limit: {},
+    replaceOnLimit: { type: Boolean, default: !1 },
+    maxSize: { default: void 0 },
+    sizeExceedMessage: { default: "文件大小超出限制" },
     beforeUpload: {},
     beforeRemove: {},
     onRemove: {},
@@ -37,60 +147,78 @@ const A = w({
     onProgress: {},
     onError: {},
     onExceed: { type: Function, default: () => {
-    } }
+    } },
+    onSizeExceed: {}
   },
-  setup($, { expose: B }) {
-    const i = $, a = U(), u = W(), p = T(), {
-      abort: C,
-      submit: F,
-      clearFiles: L,
-      uploadFiles: s,
-      handleStart: v,
+  setup(F, { expose: L }) {
+    const i = F, p = T(), c = G(), s = V(), {
+      abort: y,
+      submit: g,
+      clearFiles: h,
+      uploadFiles: m,
+      handleStart: w,
       handleError: P,
-      handleRemove: d,
-      handleSuccess: S,
-      handleProgress: E
-    } = O(i, p), n = h(() => i.listType === "picture-card"), y = h(() => ({
+      handleRemove: n,
+      handleSuccess: z,
+      handleProgress: M
+    } = A(i, s), d = b(() => i.listType === "picture-card"), U = {
+      abort: y,
+      submit: g,
+      clearFiles: h,
+      uploadFiles: m,
+      uploadRef: s
+    }, k = b(() => ({
       ...i,
-      fileList: s.value,
-      onStart: v,
-      onProgress: E,
-      onSuccess: S,
+      fileList: m.value,
+      onStart: w,
+      onProgress: M,
+      onSuccess: z,
       onError: P,
-      onRemove: d
+      onRemove: n,
+      onChange: (e, l) => {
+        i.onChange?.(e, l, U);
+      },
+      onSizeExceed: (e, l) => {
+        if (i.onSizeExceed)
+          i.onSizeExceed?.(e, l);
+        else {
+          const R = `文件大小不能超过 ${(l / 1048576).toFixed(2)}MB`;
+          console.warn("默认文件大小超出提示:", R), I.warning(R);
+        }
+      }
     }));
     return j(() => {
-      s.value.forEach(({ url: e }) => {
+      m.value.forEach(({ url: e }) => {
         e?.startsWith("blob:") && URL.revokeObjectURL(e);
       });
-    }), N(K, {
-      accept: V(i, "accept")
-    }), B({
-      abort: C,
-      submit: F,
-      clearFiles: L,
-      handleStart: v,
-      handleRemove: d,
-      fileList: s
-    }), (e, G) => (f(), q("div", {
-      class: z(["vft-upload-wrapper", { disabled: t(u) }])
+    }), N(W, {
+      accept: O(i, "accept")
+    }), L({
+      abort: y,
+      submit: g,
+      clearFiles: h,
+      handleStart: w,
+      handleRemove: n,
+      fileList: m
+    }), (e, l) => (u(), q("div", {
+      class: D(["vft-upload-wrapper", { disabled: o(c) }])
     }, [
-      n.value && e.showFileList ? (f(), c(b, {
+      d.value && e.showFileList ? (u(), v(C, {
         key: 0,
-        disabled: t(u),
+        disabled: o(c),
         "list-type": e.listType,
-        files: t(s),
+        files: o(m),
         "handle-preview": e.onPreview,
-        onRemove: t(d)
-      }, g({
-        append: r(() => [
-          D(R, k({
+        onRemove: o(n)
+      }, B({
+        append: a(() => [
+          H($, S({
             ref_key: "uploadRef",
-            ref: p
-          }, y.value), {
-            default: r(() => [
-              t(a).trigger ? l(e.$slots, "trigger", { key: 0 }) : o("", !0),
-              !t(a).trigger && t(a).default ? l(e.$slots, "default", { key: 1 }) : o("", !0)
+            ref: s
+          }, k.value), {
+            default: a(() => [
+              o(p).trigger ? r(e.$slots, "trigger", { key: 0 }) : t("", !0),
+              !o(p).trigger && o(p).default ? r(e.$slots, "default", { key: 1 }) : t("", !0)
             ]),
             _: 3
           }, 16)
@@ -99,44 +227,44 @@ const A = w({
       }, [
         e.$slots.file ? {
           name: "default",
-          fn: r(({ file: m }) => [
-            l(e.$slots, "file", { file: m })
+          fn: a(({ file: f }) => [
+            r(e.$slots, "file", { file: f })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : o("", !0),
-      !n.value || n.value && !e.showFileList ? (f(), c(R, k({
+      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : t("", !0),
+      !d.value || d.value && !e.showFileList ? (u(), v($, S({
         key: 1,
         ref_key: "uploadRef",
-        ref: p
-      }, y.value), {
-        default: r(() => [
-          t(a).trigger ? l(e.$slots, "trigger", { key: 0 }) : o("", !0),
-          !t(a).trigger && t(a).default ? l(e.$slots, "default", { key: 1 }) : o("", !0)
+        ref: s
+      }, k.value), {
+        default: a(() => [
+          o(p).trigger ? r(e.$slots, "trigger", { key: 0 }) : t("", !0),
+          !o(p).trigger && o(p).default ? r(e.$slots, "default", { key: 1 }) : t("", !0)
         ]),
         _: 3
-      }, 16)) : o("", !0),
-      e.$slots.trigger ? l(e.$slots, "default", { key: 2 }) : o("", !0),
-      l(e.$slots, "tip"),
-      !n.value && e.showFileList ? (f(), c(b, {
+      }, 16)) : t("", !0),
+      e.$slots.trigger ? r(e.$slots, "default", { key: 2 }) : t("", !0),
+      r(e.$slots, "tip"),
+      !d.value && e.showFileList ? (u(), v(C, {
         key: 3,
-        disabled: t(u),
+        disabled: o(c),
         "list-type": e.listType,
-        files: t(s),
+        files: o(m),
         "handle-preview": e.onPreview,
-        onRemove: t(d)
-      }, g({ _: 2 }, [
+        onRemove: o(n)
+      }, B({ _: 2 }, [
         e.$slots.file ? {
           name: "default",
-          fn: r(({ file: m }) => [
-            l(e.$slots, "file", { file: m })
+          fn: a(({ file: f }) => [
+            r(e.$slots, "file", { file: f })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : o("", !0)
+      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : t("", !0)
     ], 2));
   }
 });
 export {
-  x as default
+  tt as default
 };

package/es/components/upload/use-handlers.js

@@ -1,38 +1,44 @@
-import { useVModel as L } from "@vueuse/core";
+import { useVModel as O } from "@vueuse/core";
 import "@vft/utils";
-import { throwError as U, debugWarn as E } from "../../utils/error.js";
+import { throwError as U, debugWarn as F } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
-import { watch as l } from "vue";
-import { isNil as F } from "lodash-es";
-import { genFileId as d } from "./constants.js";
-const v = "VftUpload", O = (o) => {
-  o.url?.startsWith("blob:") && URL.revokeObjectURL(o.url);
-}, k = (o, c) => {
-  const a = L(
-    o,
+import { watch as f } from "vue";
+import { isNil as j } from "lodash-es";
+import { genFileId as m } from "./constants.js";
+const h = "VftUpload", b = (u) => {
+  u.url?.startsWith("blob:") && URL.revokeObjectURL(u.url);
+}, z = (u, i) => {
+  const r = O(
+    u,
     "fileList",
     void 0,
     { passive: !0 }
-  ), s = (e) => a.value.find((t) => t.uid === e.uid);
-  function i(e) {
-    c.value?.abort(e);
+  ), c = (e) => r.value.find((t) => t.uid === e.uid), s = {
+    abort: l,
+    submit: v,
+    clearFiles: d,
+    uploadFiles: r,
+    uploadRef: i
+  };
+  function l(e) {
+    i.value?.abort(e);
   }
-  function f(e = ["ready", "uploading", "success", "fail"]) {
-    a.value = a.value.filter(
+  function d(e = ["ready", "uploading", "success", "fail"]) {
+    r.value = r.value.filter(
       (t) => !e.includes(t.status)
     );
   }
-  const m = (e, t) => {
-    const r = s(t);
-    r && (console.error(e), r.status = "fail", a.value.splice(a.value.indexOf(r), 1), o.onError?.(e, r, a.value), o.onChange?.(r, a.value));
-  }, b = (e, t) => {
-    const r = s(t);
-    r && (o.onProgress?.(e, r, a.value), r.status = "uploading", r.percentage = Math.round(e.percent));
-  }, h = (e, t) => {
-    const r = s(t);
-    r && (r.status = "success", r.response = e, o.onSuccess?.(e, r, a.value), o.onChange?.(r, a.value));
-  }, g = (e) => {
-    F(e.uid) && (e.uid = d());
+  const g = (e, t) => {
+    const a = c(t);
+    a && (console.error(e), a.status = "fail", r.value.splice(r.value.indexOf(a), 1), u.onError?.(e, a, r.value), u.onChange?.(a, r.value, s));
+  }, L = (e, t) => {
+    const a = c(t);
+    a && (u.onProgress?.(e, a, r.value), a.status = "uploading", a.percentage = Math.round(e.percent));
+  }, R = (e, t) => {
+    const a = c(t);
+    a && (a.status = "success", a.response = e, u.onSuccess?.(e, a, r.value), u.onChange?.(a, r.value, s));
+  }, y = (e) => {
+    j(e.uid) && (e.uid = m());
     const t = {
       name: e.name,
       percentage: 0,
@@ -41,61 +47,63 @@ const v = "VftUpload", O = (o) => {
       raw: e,
       uid: e.uid
     };
-    if (o.listType === "picture-card" || o.listType === "picture")
+    if (u.listType === "picture-card" || u.listType === "picture")
       try {
         t.url = URL.createObjectURL(e);
-      } catch (r) {
-        E(v, r.message), o.onError?.(r, t, a.value);
+      } catch (a) {
+        F(h, a.message), u.onError?.(a, t, r.value);
       }
-    a.value = [...a.value, t], o.onChange?.(t, a.value);
-  }, R = async (e) => {
-    const t = e instanceof File ? s(e) : e;
-    t || U(v, "file to be removed not found");
-    const r = (u) => {
-      i(u);
-      const n = a.value;
-      n.splice(n.indexOf(u), 1), o.onRemove?.(u, n), O(u);
+    u.limit === 1 && u.replaceOnLimit && r.value.length > 0 && (r.value.forEach((a) => {
+      b(a);
+    }), r.value = []), r.value = [...r.value, t], u.onChange?.(t, r.value, s);
+  }, E = async (e) => {
+    const t = e instanceof File ? c(e) : e;
+    t || U(h, "file to be removed not found");
+    const a = (n) => {
+      l(n);
+      const o = r.value;
+      o.splice(o.indexOf(n), 1), u.onRemove?.(n, o), b(n);
     };
-    o.beforeRemove ? await o.beforeRemove(t, a.value) !== !1 && r(t) : r(t);
+    u.beforeRemove ? await u.beforeRemove(t, r.value) !== !1 && a(t) : a(t);
   };
-  function y() {
-    a.value.filter(({ status: e }) => e === "ready").forEach(({ raw: e }) => e && c.value?.upload(e));
+  function v() {
+    r.value.filter(({ status: e }) => e === "ready").forEach(({ raw: e }) => e && i.value?.upload(e));
   }
-  return l(
-    () => o.listType,
+  return f(
+    () => u.listType,
     (e) => {
-      e !== "picture-card" && e !== "picture" || (a.value = a.value.map((t) => {
-        const { raw: r, url: u } = t;
-        if (!u && r)
+      e !== "picture-card" && e !== "picture" || (r.value = r.value.map((t) => {
+        const { raw: a, url: n } = t;
+        if (!n && a)
           try {
-            t.url = URL.createObjectURL(r);
-          } catch (n) {
-            o.onError?.(n, t, a.value);
+            t.url = URL.createObjectURL(a);
+          } catch (o) {
+            u.onError?.(o, t, r.value);
           }
         return t;
       }));
     }
-  ), l(
-    a,
+  ), f(
+    r,
     (e) => {
       if (e)
         for (const t of e)
-          t.uid ||= d(), t.status ||= "success";
+          t.uid ||= m(), t.status ||= "success";
     },
     { immediate: !0, deep: !0 }
   ), {
     /** @description two-way binding ref from props `fileList` */
-    uploadFiles: a,
-    abort: i,
-    clearFiles: f,
-    handleError: m,
-    handleProgress: b,
-    handleStart: g,
-    handleSuccess: h,
-    handleRemove: R,
-    submit: y
+    uploadFiles: r,
+    abort: l,
+    clearFiles: d,
+    handleError: g,
+    handleProgress: L,
+    handleStart: y,
+    handleSuccess: R,
+    handleRemove: E,
+    submit: v
   };
 };
 export {
-  k as useHandlers
+  z as useHandlers
 };

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.333",
+  "version": "0.0.335",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.333";
+const o = "0.0.335";
 export {
   o as version
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ae=require("../../hooks/use-attrs/index.cjs");require("@vueuse/core");const le=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const se=require("../../hooks/use-calc-input-width/index.cjs"),S=require("../icon/index.cjs"),ue=require("../tag/index.cjs");require("../form/index.cjs");const V=require("./input-tag.cjs"),ie=require("./composables/use-drag-tag.cjs"),de=require("./composables/use-hovering.cjs"),fe=require("./composables/use-input-tag.cjs"),ce=require("./composables/use-input-tag-dom.cjs"),w=require("../form/hooks/use-form-item.cjs"),pe=["id","minlength","maxlength","disabled","readonly","autocomplete","tabindex","placeholder","autofocus","ariaLabel"],me=["textContent"],ge=e.defineComponent({name:"ElInputTag",inheritAttrs:!1}),ve=e.defineComponent({...ge,props:V.inputTagProps,emits:V.inputTagEmits,setup(T,{expose:E,emit:z}){const i=T,B=z,M=ae.useAttrs(),N=e.useSlots(),{form:R,formItem:d}=w.useFormItem(),{inputId:x}=w.useFormItemInputId(i,{formItemContext:d}),c=e.computed(()=>R?.statusIcon??!1),a=e.computed(()=>d?.validateState||""),$={validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"},p=e.computed(()=>a.value&&$[a.value]),{inputRef:F,wrapperRef:m,isFocused:L,inputValue:l,size:K,tagSize:P,placeholder:A,closable:g,disabled:v,handleDragged:H,handleInput:C,handleKeydown:I,handleRemoveTag:O,handleClear:U,handleCompositionStart:k,handleCompositionUpdate:y,handleCompositionEnd:h,focus:D,blur:j}=fe.useInputTag({props:i,emit:B,formItem:d}),{hovering:W,handleMouseEnter:b,handleMouseLeave:q}=de.useHovering(),{calculatorRef:G,inputStyle:J}=se.useCalcInputWidth(),{dropIndicatorRef:Q,showDropIndicator:X,handleDragStart:Y,handleDragOver:Z,handleDragEnd:_}=ie.useDragTag({wrapperRef:m,handleDragged:H,afterDragged:D}),{ns:t,nsInput:f,containerKls:ee,containerStyle:ne,innerKls:re,showClear:oe,showSuffix:te}=ce.useInputTagDom({props:i,hovering:W,isFocused:L,inputValue:l,disabled:v,size:K,validateState:a,validateIcon:p,needStatusIcon:c});return E({focus:D,blur:j}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:m,class:e.normalizeClass(e.unref(ee)),style:e.normalizeStyle(e.unref(ne)),onMouseenter:n[7]||(n[7]=(...r)=>e.unref(b)&&e.unref(b)(...r)),onMouseleave:n[8]||(n[8]=(...r)=>e.unref(q)&&e.unref(q)(...r))},[e.unref(N).prefix?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("prefix"))},[e.renderSlot(o.$slots,"prefix")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(re))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.modelValue,(r,s)=>(e.openBlock(),e.createBlock(e.unref(ue.VftTag),{key:s,size:e.unref(P),closable:e.unref(g),type:o.tagType,effect:o.tagEffect,draggable:e.unref(g)&&o.draggable,"disable-transitions":"",onClose:u=>e.unref(O)(s),onDragstart:u=>e.unref(Y)(u,s),onDragover:u=>e.unref(Z)(u,s),onDragend:e.unref(_),onDrop:n[0]||(n[0]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"tag",{value:r,index:s},()=>[e.createTextVNode(e.toDisplayString(r),1)])]),_:2},1032,["size","closable","type","effect","draggable","onClose","onDragstart","onDragover","onDragend"]))),128)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("input-wrapper"))},[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:e.unref(x),ref_key:"inputRef",ref:F,"onUpdate:modelValue":n[1]||(n[1]=r=>e.isRef(l)?l.value=r:null)},e.unref(M),{type:"text",minlength:o.minlength,maxlength:o.maxlength,disabled:e.unref(v),readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,placeholder:e.unref(A),autofocus:o.autofocus,ariaLabel:o.ariaLabel,class:e.unref(t).e("input"),style:e.unref(J),onCompositionstart:n[2]||(n[2]=(...r)=>e.unref(k)&&e.unref(k)(...r)),onCompositionupdate:n[3]||(n[3]=(...r)=>e.unref(y)&&e.unref(y)(...r)),onCompositionend:n[4]||(n[4]=(...r)=>e.unref(h)&&e.unref(h)(...r)),onInput:n[5]||(n[5]=(...r)=>e.unref(C)&&e.unref(C)(...r)),onKeydown:n[6]||(n[6]=(...r)=>e.unref(I)&&e.unref(I)(...r))}),null,16,pe),[[e.vModelText,e.unref(l)]]),e.createElementVNode("span",{ref_key:"calculatorRef",ref:G,"aria-hidden":"true",class:e.normalizeClass(e.unref(t).e("input-calculator")),textContent:e.toDisplayString(e.unref(l))},null,10,me)],2),e.withDirectives(e.createElementVNode("div",{ref_key:"dropIndicatorRef",ref:Q,class:e.normalizeClass(e.unref(t).e("drop-indicator"))},null,2),[[e.vShow,e.unref(X)]])],2),e.unref(te)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("suffix"))},[e.renderSlot(o.$slots,"suffix"),e.unref(oe)?(e.openBlock(),e.createBlock(e.unref(S.VftIcon),{key:0,class:e.normalizeClass([e.unref(t).e("icon"),e.unref(t).e("clear")]),onMousedown:e.withModifiers(e.unref(le.noop),["prevent"]),onClick:e.unref(U),icon:"icon-circle-close"},null,8,["class","onMousedown","onClick"])):e.createCommentVNode("",!0),a.value&&p.value&&c.value?(e.openBlock(),e.createBlock(e.unref(S.VftIcon),{key:1,class:e.normalizeClass([e.unref(f).e("icon"),e.unref(f).e("validateIcon"),e.unref(f).is("loading",a.value==="validating")]),icon:"validateIcon"},null,8,["class"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],38))}});exports.default=ve;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const S=require("../icon/index.cjs"),ae=require("../tag/index.cjs"),le=require("../../hooks/use-attrs/index.cjs");require("@vueuse/core");const se=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ue=require("../../hooks/use-calc-input-width/index.cjs"),ie=require("./composables/use-drag-tag.cjs"),de=require("./composables/use-hovering.cjs"),fe=require("./composables/use-input-tag.cjs"),ce=require("./composables/use-input-tag-dom.cjs"),V=require("./input-tag.cjs"),w=require("../form/hooks/use-form-item.cjs"),pe=["id","minlength","maxlength","disabled","readonly","autocomplete","tabindex","placeholder","autofocus","ariaLabel"],me=["textContent"],ge=e.defineComponent({name:"VftInputTag",inheritAttrs:!1}),ve=e.defineComponent({...ge,props:V.inputTagProps,emits:V.inputTagEmits,setup(T,{expose:z,emit:B}){const i=T,E=B,M=le.useAttrs(),N=e.useSlots(),{form:R,formItem:d}=w.useFormItem(),{inputId:x}=w.useFormItemInputId(i,{formItemContext:d}),c=e.computed(()=>R?.statusIcon??!1),a=e.computed(()=>d?.validateState||""),$={validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"},p=e.computed(()=>a.value&&$[a.value]),{inputRef:F,wrapperRef:m,isFocused:L,inputValue:l,size:K,tagSize:P,placeholder:A,closable:g,disabled:v,handleDragged:H,handleInput:C,handleKeydown:I,handleRemoveTag:O,handleClear:U,handleCompositionStart:k,handleCompositionUpdate:y,handleCompositionEnd:h,focus:D,blur:j}=fe.useInputTag({props:i,emit:E,formItem:d}),{hovering:W,handleMouseEnter:b,handleMouseLeave:q}=de.useHovering(),{calculatorRef:G,inputStyle:J}=ue.useCalcInputWidth(),{dropIndicatorRef:Q,showDropIndicator:X,handleDragStart:Y,handleDragOver:Z,handleDragEnd:_}=ie.useDragTag({wrapperRef:m,handleDragged:H,afterDragged:D}),{ns:t,nsInput:f,containerKls:ee,containerStyle:ne,innerKls:re,showClear:oe,showSuffix:te}=ce.useInputTagDom({props:i,hovering:W,isFocused:L,inputValue:l,disabled:v,size:K,validateState:a,validateIcon:p,needStatusIcon:c});return z({focus:D,blur:j}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:m,class:e.normalizeClass(e.unref(ee)),style:e.normalizeStyle(e.unref(ne)),onMouseenter:n[7]||(n[7]=(...r)=>e.unref(b)&&e.unref(b)(...r)),onMouseleave:n[8]||(n[8]=(...r)=>e.unref(q)&&e.unref(q)(...r))},[e.unref(N).prefix?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("prefix"))},[e.renderSlot(o.$slots,"prefix")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(re))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.modelValue,(r,s)=>(e.openBlock(),e.createBlock(e.unref(ae.VftTag),{key:s,size:e.unref(P),closable:e.unref(g),type:o.tagType,effect:o.tagEffect,draggable:e.unref(g)&&o.draggable,"disable-transitions":"",onClose:u=>e.unref(O)(s),onDragstart:u=>e.unref(Y)(u,s),onDragover:u=>e.unref(Z)(u,s),onDragend:e.unref(_),onDrop:n[0]||(n[0]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"tag",{value:r,index:s},()=>[e.createTextVNode(e.toDisplayString(r),1)])]),_:2},1032,["size","closable","type","effect","draggable","onClose","onDragstart","onDragover","onDragend"]))),128)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("input-wrapper"))},[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:e.unref(x),ref_key:"inputRef",ref:F,"onUpdate:modelValue":n[1]||(n[1]=r=>e.isRef(l)?l.value=r:null)},e.unref(M),{type:"text",minlength:o.minlength,maxlength:o.maxlength,disabled:e.unref(v),readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,placeholder:e.unref(A),autofocus:o.autofocus,ariaLabel:o.ariaLabel,class:e.unref(t).e("input"),style:e.unref(J),onCompositionstart:n[2]||(n[2]=(...r)=>e.unref(k)&&e.unref(k)(...r)),onCompositionupdate:n[3]||(n[3]=(...r)=>e.unref(y)&&e.unref(y)(...r)),onCompositionend:n[4]||(n[4]=(...r)=>e.unref(h)&&e.unref(h)(...r)),onInput:n[5]||(n[5]=(...r)=>e.unref(C)&&e.unref(C)(...r)),onKeydown:n[6]||(n[6]=(...r)=>e.unref(I)&&e.unref(I)(...r))}),null,16,pe),[[e.vModelText,e.unref(l)]]),e.createElementVNode("span",{ref_key:"calculatorRef",ref:G,"aria-hidden":"true",class:e.normalizeClass(e.unref(t).e("input-calculator")),textContent:e.toDisplayString(e.unref(l))},null,10,me)],2),e.withDirectives(e.createElementVNode("div",{ref_key:"dropIndicatorRef",ref:Q,class:e.normalizeClass(e.unref(t).e("drop-indicator"))},null,2),[[e.vShow,e.unref(X)]])],2),e.unref(te)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("suffix"))},[e.renderSlot(o.$slots,"suffix"),e.unref(oe)?(e.openBlock(),e.createBlock(e.unref(S.VftIcon),{key:0,class:e.normalizeClass([e.unref(t).e("icon"),e.unref(t).e("clear")]),onMousedown:e.withModifiers(e.unref(se.noop),["prevent"]),onClick:e.unref(U),icon:"icon-circle-close"},null,8,["class","onMousedown","onClick"])):e.createCommentVNode("",!0),a.value&&p.value&&c.value?(e.openBlock(),e.createBlock(e.unref(S.VftIcon),{key:1,class:e.normalizeClass([e.unref(f).e("icon"),e.unref(f).e("validateIcon"),e.unref(f).is("loading",a.value==="validating")]),icon:"validateIcon"},null,8,["class"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],38))}});exports.default=ve;