vft 0.0.334 → 0.0.337

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.334",
+  "version": "0.0.337",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

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

package/es/utils/vue/vnode.js

@@ -1,4 +1,4 @@
-import { isArray as E, hasOwn as m, camelize as N } from "@vft/utils";
+import { hasOwn as m, camelize as N, isArray as E } from "@vft/utils";
 import { isVNode as o, Fragment as S, Comment as A, Text as s, createCommentVNode as L, createBlock as _, openBlock as C } from "vue";
 import { debugWarn as O } from "../error.js";
 const R = "utils/vue/vnode";

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const k=require("../icon/index.cjs"),Y=require("@vueuse/core"),s=require("@vft/utils"),T=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("@vft/constants"),_=require("@vft/use"),ee=require("./utils.cjs"),te=require("../form/hooks/use-form-common-props.cjs"),oe=require("../form/hooks/use-form-item.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[q.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:ne,emit:ae}){const l=ae,v=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const o={};return t.containerRole==="combobox"&&(o["aria-haspopup"]=v["aria-haspopup"],o["aria-owns"]=v["aria-owns"],o["aria-expanded"]=v["aria-expanded"]),o}),le=e.computed(()=>[t.type==="textarea"?A.b():n.b(),n.m(ie.value),n.is("disabled",m.value),n.is("exceed",fe.value),n.is("focus",c.value),{[n.b("group")]:i.prepend||i.append,[n.bm("group","append")]:i.append,[n.bm("group","prepend")]:i.prepend,[n.m("prefix")]:i.prefix||t.prefixIcon,[n.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[n.bm("suffix","password-clear")]:E.value&&z.value},v.class]),se=e.getCurrentInstance(),re=e.computed(()=>[n.e("wrapper"),n.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:C}=oe.useFormItem(),{inputId:F}=oe.useFormItemInputId(se.props,{formItemContext:C}),ie=te.useFormSize(),m=te.useFormDisabled(),n=Z.useNamespace("input"),A=Z.useNamespace("textarea"),w=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),x=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>w.value||f.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),g=e.computed(()=>C?.validateState||""),K=e.computed(()=>g.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[g.value]),de=e.computed(()=>x.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[v.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!m.value&&!t.readonly&&!!u.value&&(c.value||V.value)),z=e.computed(()=>t.showPassword&&!m.value&&!t.readonly&&!!u.value&&(!!u.value||c.value)),p=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!m.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!p.value&&N.value>Number(r.value.maxlength)),pe=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||p.value||!!g.value&&R.value),[ve,ye]=_.useCursor(w);Y.useResizeObserver(f,o=>{if(!p.value||t.resize!=="both")return;const a=o[0],{width:d}=a.contentRect;D.value={right:`calc(100% - ${d+15+6}px)`}});const B=()=>{if(!(!Y.isClient||t.type!=="textarea"))if(t.autosize){const o=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(f.value,o,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},b=()=>{const o=h.value;!o||o.value===u.value||(o.value=u.value)},P=async o=>{ve();let{value:a}=o.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!y.value){if(a===u.value){b();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),b(),ye()}},j=o=>{l("change",o.target.value)},he=()=>{l("suffixClick",t.modelValue)},ge=()=>{l("prefixClick",t.modelValue)},L=o=>{l("compositionstart",o),y.value=!0},be=o=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(o),W=o=>{l("compositionupdate",o);const a=o.target?.value,d=a[a.length-1]||"";y.value=!be(d)},H=o=>{l("compositionend",o),y.value&&(y.value=!1,P(o))},ke=()=>{x.value=!x.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},Ce=()=>h.value?.blur(),G=o=>{c.value=!0,l("focus",o)},J=o=>{c.value=!1,l("blur",o),t.validateEvent&&C?.validate?.("blur").catch(a=>T.debugWarn(a))},we=o=>{V.value=!1,l("mouseleave",o)},xe=o=>{V.value=!0,l("mouseenter",o)},Q=o=>{let a=o.key;if(o.target.type==="number"&&["e","+","-0","E"].includes(a))return o.returnValue=!1,!1;l("keydown",o)},Ee=()=>{h.value?.select()},X=()=>{l(q.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&C?.validate?.("change").catch(o=>T.debugWarn(o))}),e.watch(u,()=>b()),e.watch(()=>t.type,async()=>{await e.nextTick(),b(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),b(),e.nextTick(B)}),ne({input:w,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:Ce,select:Ee,clear:X,resizeTextarea:B}),(o,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:o.containerRole,onMouseenter:xe,onMouseleave:we,onMousewheel:a[1]||(a[1]=d=>o.type==="number"&&c.value?d.preventDefault():null)}),[o.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).be("group","prepend"))},[e.renderSlot(o.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[o.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("prefix-inner")),onClick:ge},[e.renderSlot(o.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(F),ref_key:"input",ref:w,class:e.unref(n).e("inner")},e.unref(r),{type:o.showPassword?x.value?"text":"password":o.type,disabled:e.unref(m),formatter:o.formatter,parser:o.parser,readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,"aria-label":o.label,placeholder:o.placeholder,style:o.inputStyle,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(d=>l("enter"),["enter"]))}),null,16,Ie),pe.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("suffix-inner")),onClick:he},[!E.value||!z.value||!p.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(o.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(n).e("icon"),e.unref(n).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(n).e("icon"),e.unref(n).e("password")],onClick:ke}),null,16,["class"])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(n).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),g.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(n).e("icon"),e.unref(n).e("validateIcon"),e.unref(n).is("loading",g.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),o.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).be("group","append"))},[e.renderSlot(o.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(F),ref_key:"textarea",ref:f,class:e.unref(A).e("inner")},e.unref(r),{tabindex:o.tabindex,disabled:e.unref(m),readonly:o.readonly,autocomplete:o.autocomplete,style:$.value,"aria-label":o.label,placeholder:o.placeholder,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),p.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(n).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,o.type!=="hidden"]])}});exports.default=ze;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const k=require("../icon/index.cjs"),Y=require("@vueuse/core"),s=require("@vft/utils"),T=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("@vft/constants"),_=require("@vft/use"),ee=require("./utils.cjs"),te=require("../form/hooks/use-form-item.cjs"),oe=require("../form/hooks/use-form-common-props.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[q.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:ne,emit:ae}){const l=ae,v=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const o={};return t.containerRole==="combobox"&&(o["aria-haspopup"]=v["aria-haspopup"],o["aria-owns"]=v["aria-owns"],o["aria-expanded"]=v["aria-expanded"]),o}),le=e.computed(()=>[t.type==="textarea"?A.b():n.b(),n.m(ie.value),n.is("disabled",m.value),n.is("exceed",fe.value),n.is("focus",c.value),{[n.b("group")]:i.prepend||i.append,[n.bm("group","append")]:i.append,[n.bm("group","prepend")]:i.prepend,[n.m("prefix")]:i.prefix||t.prefixIcon,[n.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[n.bm("suffix","password-clear")]:E.value&&z.value},v.class]),se=e.getCurrentInstance(),re=e.computed(()=>[n.e("wrapper"),n.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:C}=te.useFormItem(),{inputId:F}=te.useFormItemInputId(se.props,{formItemContext:C}),ie=oe.useFormSize(),m=oe.useFormDisabled(),n=Z.useNamespace("input"),A=Z.useNamespace("textarea"),w=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),x=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>w.value||f.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),g=e.computed(()=>C?.validateState||""),K=e.computed(()=>g.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[g.value]),de=e.computed(()=>x.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[v.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!m.value&&!t.readonly&&!!u.value&&(c.value||V.value)),z=e.computed(()=>t.showPassword&&!m.value&&!t.readonly&&!!u.value&&(!!u.value||c.value)),p=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!m.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!p.value&&N.value>Number(r.value.maxlength)),pe=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||p.value||!!g.value&&R.value),[ve,ye]=_.useCursor(w);Y.useResizeObserver(f,o=>{if(!p.value||t.resize!=="both")return;const a=o[0],{width:d}=a.contentRect;D.value={right:`calc(100% - ${d+15+6}px)`}});const B=()=>{if(!(!Y.isClient||t.type!=="textarea"))if(t.autosize){const o=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(f.value,o,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},b=()=>{const o=h.value;!o||o.value===u.value||(o.value=u.value)},P=async o=>{ve();let{value:a}=o.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!y.value){if(a===u.value){b();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),b(),ye()}},j=o=>{l("change",o.target.value)},he=()=>{l("suffixClick",t.modelValue)},ge=()=>{l("prefixClick",t.modelValue)},L=o=>{l("compositionstart",o),y.value=!0},be=o=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(o),W=o=>{l("compositionupdate",o);const a=o.target?.value,d=a[a.length-1]||"";y.value=!be(d)},H=o=>{l("compositionend",o),y.value&&(y.value=!1,P(o))},ke=()=>{x.value=!x.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},Ce=()=>h.value?.blur(),G=o=>{c.value=!0,l("focus",o)},J=o=>{c.value=!1,l("blur",o),t.validateEvent&&C?.validate?.("blur").catch(a=>T.debugWarn(a))},we=o=>{V.value=!1,l("mouseleave",o)},xe=o=>{V.value=!0,l("mouseenter",o)},Q=o=>{let a=o.key;if(o.target.type==="number"&&["e","+","-0","E"].includes(a))return o.returnValue=!1,!1;l("keydown",o)},Ee=()=>{h.value?.select()},X=()=>{l(q.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&C?.validate?.("change").catch(o=>T.debugWarn(o))}),e.watch(u,()=>b()),e.watch(()=>t.type,async()=>{await e.nextTick(),b(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),b(),e.nextTick(B)}),ne({input:w,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:Ce,select:Ee,clear:X,resizeTextarea:B}),(o,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:o.containerRole,onMouseenter:xe,onMouseleave:we,onMousewheel:a[1]||(a[1]=d=>o.type==="number"&&c.value?d.preventDefault():null)}),[o.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).be("group","prepend"))},[e.renderSlot(o.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[o.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("prefix-inner")),onClick:ge},[e.renderSlot(o.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(F),ref_key:"input",ref:w,class:e.unref(n).e("inner")},e.unref(r),{type:o.showPassword?x.value?"text":"password":o.type,disabled:e.unref(m),formatter:o.formatter,parser:o.parser,readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,"aria-label":o.label,placeholder:o.placeholder,style:o.inputStyle,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(d=>l("enter"),["enter"]))}),null,16,Ie),pe.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("suffix-inner")),onClick:he},[!E.value||!z.value||!p.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(o.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(n).e("icon"),e.unref(n).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(n).e("icon"),e.unref(n).e("password")],onClick:ke}),null,16,["class"])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(n).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),g.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(n).e("icon"),e.unref(n).e("validateIcon"),e.unref(n).is("loading",g.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),o.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).be("group","append"))},[e.renderSlot(o.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(F),ref_key:"textarea",ref:f,class:e.unref(A).e("inner")},e.unref(r),{tabindex:o.tabindex,disabled:e.unref(m),readonly:o.readonly,autocomplete:o.autocomplete,style:$.value,"aria-label":o.label,placeholder:o.placeholder,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),p.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(n).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,o.type!=="hidden"]])}});exports.default=ze;

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

@@ -1 +1 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-input.css");require("vft/theme-style/vft-popover.css");require("vft/theme-style/vft-popper.css");require("vft/theme-style/vft-search.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-input.css");require("vft/theme-style/vft-popover.css");require("vft/theme-style/vft-popper.css");require("vft/theme-style/vft-icon.css");require("vft/theme-style/vft-search.css");

package/lib/components/search/style/css.d.ts

@@ -1,3 +1,4 @@
 import 'vft/es/components/input/style/css';
 import 'vft/es/components/popover/style/css';
+import 'vft/es/components/icon/style/css';
 import 'vft/theme-style/vft-search.css';

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

@@ -1 +1 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/input.scss");require("vft/theme-style/src/popper.scss");require("vft/theme-style/src/popover.scss");require("vft/theme-style/src/search.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/input.scss");require("vft/theme-style/src/popper.scss");require("vft/theme-style/src/popover.scss");require("vft/theme-style/src/icon.scss");require("vft/theme-style/src/search.scss");

package/lib/components/search/style/index.d.ts

@@ -1,3 +1,4 @@
 import 'vft/es/components/input/style';
 import 'vft/es/components/popover/style';
+import 'vft/es/components/icon/style';
 import 'vft/theme-style/src/search.scss';