vft 0.0.18 → 0.0.20

package/es/components/input/input.vue2.mjs

@@ -0,0 +1,362 @@
+import { defineComponent as De, useAttrs as Te, useSlots as We, computed as l, getCurrentInstance as Le, shallowRef as G, ref as E, watch as J, nextTick as V, onMounted as Oe, withDirectives as je, openBlock as i, createElementBlock as d, mergeProps as x, unref as t, Fragment as Q, normalizeClass as r, renderSlot as N, createCommentVNode as c, createElementVNode as g, createBlock as B, withModifiers as He, toDisplayString as D, normalizeStyle as Ue, vShow as qe } from "vue";
+import { UPDATE_MODEL_EVENT as X } from "@vft/constants";
+import { useAttrs as Ge } from "@vft/use";
+import { isString as T, singleAttrToObj as Y, addUnit as Je, noop as Qe, isObject as he } from "@vft/utils";
+import { useResizeObserver as Xe, isClient as Ye } from "@vueuse/core";
+import { useFormItem as Ze, useFormItemInputId as _e, useSize as et, useDisabled as tt, useCursor as at } from "element-plus";
+import { isNil as nt } from "lodash";
+import { VftIcon as F } from "../icon/index.mjs";
+import { calcTextareaHeight as xe } from "./utils.mjs";
+import { useNamespace as be } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.mjs";
+import "@vue/shared";
+import { debugWarn as Z } from "../../utils/error.mjs";
+const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], gt = /* @__PURE__ */ De({
+  __name: "input",
+  props: {
+    id: null,
+    size: { default: "" },
+    disabled: { type: Boolean },
+    modelValue: null,
+    type: { default: "text" },
+    resize: null,
+    autosize: { type: [Object, Boolean], default: !1 },
+    autocomplete: { default: "off" },
+    formatter: { type: Function },
+    parser: { type: Function },
+    placeholder: null,
+    form: null,
+    readonly: { type: Boolean },
+    clearable: { type: Boolean },
+    showPassword: { type: Boolean },
+    showWordLimit: { type: Boolean },
+    suffixIcon: null,
+    prefixIcon: null,
+    clearIcon: null,
+    containerRole: null,
+    label: null,
+    tabindex: { default: 0 },
+    validateEvent: { type: Boolean, default: !0 },
+    inputStyle: null,
+    focusWidth: null
+  },
+  emits: {
+    [X]: (e) => T(e),
+    input: (e) => T(e),
+    change: (e) => T(e),
+    suffixclick: (e) => T(e),
+    focus: (e) => e instanceof FocusEvent,
+    blur: (e) => e instanceof FocusEvent,
+    clear: () => !0,
+    mouseleave: (e) => e instanceof MouseEvent,
+    mouseenter: (e) => e instanceof MouseEvent,
+    // NOTE: when autofill by browser, the keydown event is instanceof Event, not KeyboardEvent
+    // relative bug report https://github.com/element-plus/element-plus/issues/6665
+    keydown: (e) => e instanceof Event,
+    compositionstart: (e) => e instanceof CompositionEvent,
+    compositionupdate: (e) => e instanceof CompositionEvent,
+    compositionend: (e) => e instanceof CompositionEvent
+  },
+  setup(e, { expose: pe, emit: s }) {
+    const C = Te(), y = We(), _ = l(() => {
+      const a = {};
+      return e.containerRole === "combobox" && (a["aria-haspopup"] = C["aria-haspopup"], a["aria-owns"] = C["aria-owns"], a["aria-expanded"] = C["aria-expanded"]), a;
+    }), we = l(() => [
+      e.type === "textarea" ? te.b() : n.b(),
+      n.m(ke.value),
+      n.is("disabled", b.value),
+      n.is("exceed", Ee.value),
+      n.is("focus", h.value),
+      {
+        [n.b("group")]: y.prepend || y.append,
+        [n.bm("group", "append")]: y.append,
+        [n.bm("group", "prepend")]: y.prepend,
+        [n.m("prefix")]: y.prefix || e.prefixIcon,
+        [n.m("suffix")]: y.suffix || e.suffixIcon || e.clearable || e.showPassword,
+        [n.bm("suffix", "password-clear")]: R.value && H.value
+      },
+      C.class
+    ]), ge = Le(), Ce = l(() => [n.e("wrapper"), n.is("focus", h.value)]), f = Ge({
+      excludeKeys: l(() => Object.keys(_.value))
+    }), { form: W, formItem: u } = Ze(), { inputId: ee } = _e(ge.props, {
+      formItemContext: u
+    }), ke = et(), b = tt(), n = be("input"), te = be("textarea"), A = G(), p = G(), h = E(!1), L = E(!1), k = E(!1), M = E(!1), ae = E(), O = G(e.inputStyle), I = l(() => A.value || p.value), j = l(() => Y(e.prefixIcon, "icon")), ne = l(() => Y(e.suffixIcon, "icon")), Ie = l(() => Y(e.clearIcon, "icon", { icon: "vi-close-full", size: 16 })), oe = l(() => (W == null ? void 0 : W.statusIcon) ?? !1), P = l(() => (u == null ? void 0 : u.validateState) || ""), le = l(() => P.value && "vi-user"), Se = l(
+      () => M.value ? { icon: "vi-view", size: 16 } : { icon: "vi-no-view", size: 16 }
+    ), ze = l(() => [
+      C.style,
+      e.inputStyle,
+      e.focusWidth && h.value ? { width: Je(e.focusWidth) } : {}
+    ]), se = l(
+      () => [e.inputStyle, O.value, { resize: e.resize }]
+    ), m = l(() => nt(e.modelValue) ? "" : String(e.modelValue)), R = l(
+      () => e.clearable && !b.value && !e.readonly && !!m.value && (h.value || L.value)
+    ), H = l(
+      () => e.showPassword && !b.value && !e.readonly && !!m.value && (!!m.value || h.value)
+    ), w = l(
+      () => e.showWordLimit && !!f.value.maxlength && (e.type === "text" || e.type === "textarea") && !b.value && !e.readonly && !e.showPassword
+    ), U = l(() => Array.from(m.value).length), Ee = l(
+      () => (
+        // show exceed style if length of initial value greater then maxlength
+        !!w.value && U.value > Number(f.value.maxlength)
+      )
+    ), Ve = l(
+      () => !!y.suffix || !!e.suffixIcon || R.value || e.showPassword || w.value || !!P.value && oe.value
+    ), [Be, Fe] = at(A);
+    Xe(p, (a) => {
+      if (!w.value || e.resize !== "both")
+        return;
+      const o = a[0], { width: v } = o.contentRect;
+      ae.value = {
+        /** right: 100% - width + padding(15) + right(6) */
+        right: `calc(100% - ${v + 15 + 6}px)`
+      };
+    });
+    const K = () => {
+      if (!(!Ye || e.type !== "textarea"))
+        if (e.autosize) {
+          const a = he(e.autosize) ? e.autosize.minRows : void 0, o = he(e.autosize) ? e.autosize.maxRows : void 0;
+          O.value = {
+            ...xe(p.value, a, o)
+          };
+        } else
+          O.value = {
+            minHeight: xe(p.value).minHeight
+          };
+    }, S = () => {
+      const a = I.value;
+      !a || a.value === m.value || (a.value = m.value);
+    }, q = async (a) => {
+      Be();
+      let { value: o } = a.target;
+      if (f.value.maxlength && o.length >= f.value.maxlength && (o = o.slice(0, Number(f.value.maxlength))), e.formatter && (o = e.parser ? e.parser(o) : o, o = e.formatter(o)), !k.value) {
+        if (o === m.value) {
+          S();
+          return;
+        }
+        s(X, o), s("input", o), await V(), S(), Fe();
+      }
+    }, ie = (a) => {
+      s("change", a.target.value);
+    }, Ae = () => {
+      s("suffixclick", e.modelValue);
+    }, ue = (a) => {
+      s("compositionstart", a), k.value = !0;
+    }, Me = (a) => /([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi.test(a), ce = (a) => {
+      var z;
+      s("compositionupdate", a);
+      const o = (z = a.target) == null ? void 0 : z.value, v = o[o.length - 1] || "";
+      k.value = !Me(v);
+    }, re = (a) => {
+      s("compositionend", a), k.value && (k.value = !1, q(a));
+    }, Pe = () => {
+      M.value = !M.value, $();
+    }, $ = async () => {
+      var a;
+      await V(), (a = I.value) == null || a.focus();
+    }, Re = () => {
+      var a;
+      return (a = I.value) == null ? void 0 : a.blur();
+    }, de = (a) => {
+      h.value = !0, s("focus", a);
+    }, fe = (a) => {
+      var o;
+      h.value = !1, s("blur", a), e.validateEvent && ((o = u == null ? void 0 : u.validate) == null || o.call(u, "blur").catch((v) => Z(v)));
+    }, Ke = (a) => {
+      L.value = !1, s("mouseleave", a);
+    }, $e = (a) => {
+      L.value = !0, s("mouseenter", a);
+    }, ve = (a) => {
+      let o = a.key;
+      if (a.target.type === "number" && ["e", "+", "-0", "E"].includes(o))
+        return a.returnValue = !1, !1;
+      s("keydown", a);
+    }, Ne = () => {
+      var a;
+      (a = I.value) == null || a.select();
+    }, me = () => {
+      s(X, ""), s("change", ""), s("clear"), s("input", "");
+    };
+    return J(
+      () => e.modelValue,
+      () => {
+        var a;
+        V(() => K()), e.validateEvent && ((a = u == null ? void 0 : u.validate) == null || a.call(u, "change").catch((o) => Z(o)));
+      }
+    ), J(m, () => S()), J(
+      () => e.type,
+      async () => {
+        await V(), S(), K();
+      }
+    ), Oe(() => {
+      !e.formatter && e.parser && Z("VftInput", "If you set the parser, you also need to set the formatter."), S(), V(K);
+    }), pe({
+      /** @description HTML input element */
+      input: A,
+      /** @description HTML textarea element */
+      textarea: p,
+      /** @description HTML element, input or textarea */
+      ref: I,
+      /** @description style of textarea. */
+      textareaStyle: se,
+      /** @description from props (used on unit test) */
+      autosize: e.autosize,
+      /** @description HTML input element native method */
+      focus: $,
+      /** @description HTML input element native method */
+      blur: Re,
+      /** @description HTML input element native method */
+      select: Ne,
+      /** @description clear input value */
+      clear: me,
+      /** @description resize textarea. */
+      resizeTextarea: K
+    }), (a, o) => {
+      var v, z, ye;
+      return je((i(), d("div", x(t(_), {
+        class: t(we),
+        style: t(ze),
+        role: e.containerRole,
+        onMouseenter: $e,
+        onMouseleave: Ke
+      }), [
+        e.type !== "textarea" ? (i(), d(Q, { key: 0 }, [
+          a.$slots.prepend ? (i(), d("div", {
+            key: 0,
+            class: r(t(n).be("group", "prepend"))
+          }, [
+            N(a.$slots, "prepend")
+          ], 2)) : c("", !0),
+          g("div", {
+            class: r(t(Ce))
+          }, [
+            a.$slots.prefix || (v = t(j)) != null && v.icon ? (i(), d("span", {
+              key: 0,
+              class: r(t(n).e("prefix"))
+            }, [
+              g("span", {
+                class: r(t(n).e("prefix-inner")),
+                onClick: $
+              }, [
+                N(a.$slots, "prefix"),
+                (z = t(j)) != null && z.icon ? (i(), B(t(F), x({ key: 0 }, t(j), {
+                  class: t(n).e("icon")
+                }), null, 16, ["class"])) : c("", !0)
+              ], 2)
+            ], 2)) : c("", !0),
+            g("input", x({
+              id: t(ee),
+              ref_key: "input",
+              ref: A,
+              class: t(n).e("inner")
+            }, t(f), {
+              type: e.showPassword ? M.value ? "text" : "password" : e.type,
+              disabled: t(b),
+              formatter: e.formatter,
+              parser: e.parser,
+              readonly: e.readonly,
+              autocomplete: e.autocomplete,
+              tabindex: e.tabindex,
+              "aria-label": e.label,
+              placeholder: e.placeholder,
+              style: e.inputStyle,
+              form: e.form,
+              onCompositionstart: ue,
+              onCompositionupdate: ce,
+              onCompositionend: re,
+              onInput: q,
+              onFocus: de,
+              onBlur: fe,
+              onChange: ie,
+              onKeydown: ve
+            }), null, 16, lt),
+            t(Ve) ? (i(), d("span", {
+              key: 1,
+              class: r(t(n).e("suffix"))
+            }, [
+              g("span", {
+                class: r(t(n).e("suffix-inner")),
+                onClick: $
+              }, [
+                !t(R) || !t(H) || !t(w) ? (i(), d(Q, { key: 0 }, [
+                  N(a.$slots, "suffix"),
+                  (ye = t(ne)) != null && ye.icon ? (i(), B(t(F), x({
+                    key: 0,
+                    onClick: Ae
+                  }, t(ne), {
+                    class: t(n).e("icon")
+                  }), null, 16, ["class"])) : c("", !0)
+                ], 64)) : c("", !0),
+                t(R) ? (i(), B(t(F), x({
+                  key: 1,
+                  class: [t(n).e("icon"), t(n).e("clear")]
+                }, t(Ie), {
+                  onMousedown: He(t(Qe), ["prevent"]),
+                  onClick: me
+                }), null, 16, ["class", "onMousedown"])) : c("", !0),
+                t(H) ? (i(), B(t(F), x({ key: 2 }, t(Se), {
+                  class: [t(n).e("icon"), t(n).e("password")],
+                  onClick: Pe
+                }), null, 16, ["class"])) : c("", !0),
+                t(w) ? (i(), d("span", {
+                  key: 3,
+                  class: r(t(n).e("count"))
+                }, [
+                  g("span", {
+                    class: r(t(n).e("count-inner"))
+                  }, D(t(U)) + " / " + D(t(f).maxlength), 3)
+                ], 2)) : c("", !0),
+                t(P) && t(le) && t(oe) ? (i(), B(t(F), {
+                  key: 4,
+                  icon: t(le),
+                  class: r([t(n).e("icon"), t(n).e("validateIcon"), t(n).is("loading", t(P) === "validating")])
+                }, null, 8, ["icon", "class"])) : c("", !0)
+              ], 2)
+            ], 2)) : c("", !0)
+          ], 2),
+          a.$slots.append ? (i(), d("div", {
+            key: 1,
+            class: r(t(n).be("group", "append"))
+          }, [
+            N(a.$slots, "append")
+          ], 2)) : c("", !0)
+        ], 64)) : (i(), d(Q, { key: 1 }, [
+          g("textarea", x({
+            id: t(ee),
+            ref_key: "textarea",
+            ref: p,
+            class: t(te).e("inner")
+          }, t(f), {
+            tabindex: e.tabindex,
+            disabled: t(b),
+            readonly: e.readonly,
+            autocomplete: e.autocomplete,
+            style: t(se),
+            "aria-label": e.label,
+            placeholder: e.placeholder,
+            form: e.form,
+            onCompositionstart: ue,
+            onCompositionupdate: ce,
+            onCompositionend: re,
+            onInput: q,
+            onFocus: de,
+            onBlur: fe,
+            onChange: ie,
+            onKeydown: ve
+          }), null, 16, st),
+          t(w) ? (i(), d("span", {
+            key: 0,
+            style: Ue(ae.value),
+            class: r(t(n).e("count"))
+          }, D(t(U)) + " / " + D(t(f).maxlength), 7)) : c("", !0)
+        ], 64))
+      ], 16, ot)), [
+        [qe, e.type !== "hidden"]
+      ]);
+    };
+  }
+});
+export {
+  gt as default
+};
+//# sourceMappingURL=input.vue2.mjs.map

package/es/components/input/input.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.vue2.mjs","sources":["../../../../../packages/components/input/input.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport { UPDATE_MODEL_EVENT } from '@vft/constants';\nimport { useAttrs } from '@vft/use';\nimport { isObject, noop, isString, singleAttrToObj, addUnit } from '@vft/utils';\nimport { isClient, useResizeObserver } from '@vueuse/core';\nimport { useCursor, useDisabled, useFormItem, useFormItemInputId, useSize } from 'element-plus';\nimport { isNil } from 'lodash';\nimport { VftIcon, type IconProps } from '@vft-ui/components/icon';\nimport type { StyleValue } from 'vue';\nimport {\n  computed,\n  nextTick,\n  onMounted,\n  ref,\n  shallowRef,\n  useAttrs as useRawAttrs,\n  useSlots,\n  watch,\n  getCurrentInstance\n} from 'vue';\nimport { calcTextareaHeight } from './utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { debugWarn } from '../../utils';\n\ntype TargetElement = HTMLInputElement | HTMLTextAreaElement;\n\ninterface InputProps {\n  id?: string;\n  size?: 'default' | 'small' | 'large';\n  disabled?: boolean;\n  modelValue?: string | number;\n  type?: string;\n  resize?: 'none' | 'both' | 'horizontal' | 'vertical';\n  autosize?: {minRows?: number; maxRows?: number} | boolean;\n  autocomplete?: string;\n  formatter?: Function;\n  parser?: Function;\n  placeholder?: string;\n  form?: string;\n  readonly?: boolean;\n  clearable?: boolean;\n  showPassword?: boolean;\n  showWordLimit?: boolean;\n  suffixIcon?: IconProps;\n  prefixIcon?: IconProps;\n  clearIcon?: IconProps;\n  containerRole?: string;\n  label?: string;\n  tabindex?: string | number;\n  validateEvent?: boolean;\n  inputStyle?: StyleValue;\n  focusWidth?: Numberish\n}\n\ndefineProps({\n  \"id\": null,\n  \"size\": { default: '' },\n  \"disabled\": { type: Boolean,  },\n  \"modelValue\": null,\n  \"type\": { default: 'text' },\n  \"resize\": null,\n  \"autosize\": { type: [Object, Boolean], default: false },\n  \"autocomplete\": { default: 'off' },\n  \"formatter\": { type: Function,  },\n  \"parser\": { type: Function,  },\n  \"placeholder\": null,\n  \"form\": null,\n  \"readonly\": { type: Boolean,  },\n  \"clearable\": { type: Boolean,  },\n  \"showPassword\": { type: Boolean,  },\n  \"showWordLimit\": { type: Boolean,  },\n  \"suffixIcon\": null,\n  \"prefixIcon\": null,\n  \"clearIcon\": null,\n  \"containerRole\": null,\n  \"label\": null,\n  \"tabindex\": { default: 0 },\n  \"validateEvent\": { type: Boolean, default: true },\n  \"inputStyle\": null,\n  \"focusWidth\": null\n})\n\nconst emit = defineEmits({\n  [UPDATE_MODEL_EVENT]: (value: string) => isString(value),\n  input: (value: string) => isString(value),\n  change: (value: string) => isString(value),\n  suffixclick: (value) => isString(value),\n  focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n  blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n  clear: () => true,\n  mouseleave: (evt: MouseEvent) => evt instanceof MouseEvent,\n  mouseenter: (evt: MouseEvent) => evt instanceof MouseEvent,\n  // NOTE: when autofill by browser, the keydown event is instanceof Event, not KeyboardEvent\n  // relative bug report https://github.com/element-plus/element-plus/issues/6665\n  keydown: (evt: KeyboardEvent | Event) => evt instanceof Event,\n  compositionstart: (evt: CompositionEvent) => evt instanceof CompositionEvent,\n  compositionupdate: (evt: CompositionEvent) => evt instanceof CompositionEvent,\n  compositionend: (evt: CompositionEvent) => evt instanceof CompositionEvent\n});\n\nconst rawAttrs = useRawAttrs();\nconst slots = useSlots();\n\nconst containerAttrs = computed(() => {\n  const comboBoxAttrs: Record<string, unknown> = {};\n  if (__props.containerRole === 'combobox') {\n    comboBoxAttrs['aria-haspopup'] = rawAttrs['aria-haspopup'];\n    comboBoxAttrs['aria-owns'] = rawAttrs['aria-owns'];\n    comboBoxAttrs['aria-expanded'] = rawAttrs['aria-expanded'];\n  }\n  return comboBoxAttrs;\n});\n\nconst containerKls = computed(() => [\n  __props.type === 'textarea' ? nsTextarea.b() : nsInput.b(),\n  nsInput.m(inputSize.value),\n  nsInput.is('disabled', inputDisabled.value),\n  nsInput.is('exceed', inputExceed.value),\n  nsInput.is('focus', focused.value),\n  {\n    [nsInput.b('group')]: slots.prepend || slots.append,\n    [nsInput.bm('group', 'append')]: slots.append,\n    [nsInput.bm('group', 'prepend')]: slots.prepend,\n    [nsInput.m('prefix')]: slots.prefix || __props.prefixIcon,\n    [nsInput.m('suffix')]: slots.suffix || __props.suffixIcon || __props.clearable || __props.showPassword,\n    [nsInput.bm('suffix', 'password-clear')]: showClear.value && showPwdVisible.value\n  },\n  rawAttrs.class\n]);\n\nconst instance = getCurrentInstance()!;\n\nconst wrapperKls = computed(() => [nsInput.e('wrapper'), nsInput.is('focus', focused.value)]);\n\nconst attrs = useAttrs({\n  excludeKeys: computed<string[]>(() => {\n    return Object.keys(containerAttrs.value);\n  })\n});\n\nconst { form: _form, formItem } = useFormItem();\nconst { inputId } = useFormItemInputId(instance.props, {\n  formItemContext: formItem\n});\nconst inputSize = useSize();\nconst inputDisabled = useDisabled();\nconst nsInput = useNamespace('input');\nconst nsTextarea = useNamespace('textarea');\n\nconst input = shallowRef<HTMLInputElement>();\nconst textarea = shallowRef<HTMLTextAreaElement>();\n\nconst focused = ref(false);\nconst hovering = ref(false);\nconst isComposing = ref(false);\nconst passwordVisible = ref(false);\nconst countStyle = ref<StyleValue>();\nconst textareaCalcStyle = shallowRef(__props.inputStyle);\n\nconst _ref = computed(() => input.value || textarea.value);\n\nconst _prefixIcon = computed(() => {\n  return singleAttrToObj(__props.prefixIcon, 'icon') as IconProps;\n});\n\nconst _suffixIcon = computed(() => {\n  return singleAttrToObj(__props.suffixIcon, 'icon') as IconProps;\n});\n\nconst _clearIcon = computed(() => {\n  return singleAttrToObj(__props.clearIcon, 'icon', { icon: 'vi-close-full', size: 16 }) as IconProps;\n});\n\nconst needStatusIcon = computed(() => _form?.statusIcon ?? false);\nconst validateState = computed(() => formItem?.validateState || '');\nconst validateIcon = computed(() => validateState.value && 'vi-user');\nconst passwordIcon = computed(\n  () => (passwordVisible.value ? { icon: 'vi-view', size: 16 } : { icon: 'vi-no-view', size: 16 }));\nconst containerStyle = computed<StyleValue>(() => [rawAttrs.style as StyleValue, __props.inputStyle!,\n  __props.focusWidth && focused.value ? { width: addUnit(__props.focusWidth) } : {}]);\n\nconst textareaStyle = computed<StyleValue>(\n  () => [__props.inputStyle!, textareaCalcStyle.value as StyleValue, { resize: __props.resize }]);\nconst nativeInputValue = computed(() => (isNil(__props.modelValue) ? '' : String(__props.modelValue)));\nconst showClear = computed(\n  () => __props.clearable && !inputDisabled.value && !__props.readonly && !!nativeInputValue.value && (focused.value || hovering.value));\nconst showPwdVisible = computed(\n  () => __props.showPassword && !inputDisabled.value && !__props.readonly && !!nativeInputValue.value && (!!nativeInputValue.value || focused.value));\nconst isWordLimitVisible = computed(\n  () => __props.showWordLimit && !!attrs.value.maxlength && (__props.type === 'text' || __props.type === 'textarea') && !inputDisabled.value && !__props.readonly && !__props.showPassword);\nconst textLength = computed(() => Array.from(nativeInputValue.value).length);\nconst inputExceed = computed(\n  () =>\n    // show exceed style if length of initial value greater then maxlength\n    !!isWordLimitVisible.value && textLength.value > Number(attrs.value.maxlength)\n);\nconst suffixVisible = computed(\n  () => !!slots.suffix || !!__props.suffixIcon || showClear.value || __props.showPassword || isWordLimitVisible.value || (!!validateState.value && needStatusIcon.value));\n\nconst [recordCursor, setCursor] = useCursor(input);\n\nuseResizeObserver(textarea, (entries) => {\n  if (!isWordLimitVisible.value || __props.resize !== 'both') return;\n  const entry = entries[0];\n  const { width } = entry.contentRect;\n  countStyle.value = {\n    /** right: 100% - width + padding(15) + right(6) */\n    right: `calc(100% - ${width + 15 + 6}px)`\n  };\n});\n\nconst resizeTextarea = () => {\n  if (!isClient || __props.type !== 'textarea') return;\n\n  if (__props.autosize) {\n    const minRows = isObject(__props.autosize) ? __props.autosize.minRows : undefined;\n    const maxRows = isObject(__props.autosize) ? __props.autosize.maxRows : undefined;\n    textareaCalcStyle.value = {\n      ...calcTextareaHeight(textarea.value!, minRows, maxRows)\n    };\n  } else {\n    textareaCalcStyle.value = {\n      minHeight: calcTextareaHeight(textarea.value!).minHeight\n    };\n  }\n};\n\nconst setNativeInputValue = () => {\n  const input = _ref.value;\n  if (!input || input.value === nativeInputValue.value) return;\n  input.value = nativeInputValue.value;\n};\n\nconst handleInput = async(event: InputEvent) => {\n  recordCursor();\n\n  let { value } = event.target as TargetElement;\n\n  // 处理 number 下 maxlength 失效的问题\n  if (attrs.value.maxlength && value.length >= attrs.value.maxlength) {\n    value = value.slice(0, Number(attrs.value.maxlength));\n  }\n\n  if (__props.formatter) {\n    value = __props.parser ? __props.parser(value) : value;\n    value = __props.formatter(value);\n  }\n\n  // should not emit input during composition\n  // see: https://github.com/ElemeFE/element/issues/10516\n  if (isComposing.value) return;\n\n  // hack for https://github.com/ElemeFE/element/issues/8548\n  // should remove the following line when we don't support IE\n  if (value === nativeInputValue.value) {\n    setNativeInputValue();\n    return;\n  }\n\n  emit(UPDATE_MODEL_EVENT, value);\n  emit('input', value);\n\n  // ensure native input value is controlled\n  // see: https://github.com/ElemeFE/element/issues/12850\n  await nextTick();\n  setNativeInputValue();\n  setCursor();\n};\n\nconst handleChange = (event: Event) => {\n  emit('change', (event.target as TargetElement).value);\n};\n\nconst handleSuffixClick = () => {\n  emit('suffixclick', __props.modelValue);\n};\n\nconst handleCompositionStart = (event: CompositionEvent) => {\n  emit('compositionstart', event);\n  isComposing.value = true;\n};\n\nconst isKorean = (text: string) => /([(\\uAC00-\\uD7AF)|(\\u3130-\\u318F)])+/gi.test(text);\n\nconst handleCompositionUpdate = (event: CompositionEvent) => {\n  emit('compositionupdate', event);\n  const text = (event.target as HTMLInputElement)?.value;\n  const lastCharacter = text[text.length - 1] || '';\n  isComposing.value = !isKorean(lastCharacter);\n};\n\nconst handleCompositionEnd = (event: CompositionEvent) => {\n  emit('compositionend', event);\n  if (isComposing.value) {\n    isComposing.value = false;\n    handleInput(event);\n  }\n};\n\nconst handlePasswordVisible = () => {\n  passwordVisible.value = !passwordVisible.value;\n  focus();\n};\n\nconst focus = async() => {\n  // see: https://github.com/ElemeFE/element/issues/18573\n  await nextTick();\n  _ref.value?.focus();\n};\n\nconst blur = () => _ref.value?.blur();\n\nconst handleFocus = (event: FocusEvent) => {\n  focused.value = true;\n  emit('focus', event);\n};\n\nconst handleBlur = (event: FocusEvent) => {\n  focused.value = false;\n  emit('blur', event);\n  if (__props.validateEvent) {\n    formItem?.validate?.('blur').catch((err) => debugWarn(err));\n  }\n};\n\nconst handleMouseLeave = (evt: MouseEvent) => {\n  hovering.value = false;\n  emit('mouseleave', evt);\n};\n\nconst handleMouseEnter = (evt: MouseEvent) => {\n  hovering.value = true;\n  emit('mouseenter', evt);\n};\n\nconst handleKeydown = (evt: KeyboardEvent) => {\n  let key = evt.key;\n  if ((evt.target as TargetElement).type === 'number') {\n    const forbidKey = ['e', '+', '-0', 'E'];\n    if (forbidKey.includes(key)){\n      evt.returnValue = false;\n      return false;\n    }\n  }\n\n  emit('keydown', evt);\n};\n\nconst select = () => {\n  _ref.value?.select();\n};\n\nconst clear = () => {\n  emit(UPDATE_MODEL_EVENT, '');\n  emit('change', '');\n  emit('clear');\n  emit('input', '');\n};\n\nwatch(\n  () => __props.modelValue,\n  () => {\n    nextTick(() => resizeTextarea());\n    if (__props.validateEvent) {\n      formItem?.validate?.('change').catch((err) => debugWarn(err));\n    }\n  }\n);\n\n// native input value is set explicitly\n// do not use v-model / :value in template\n// see: https://github.com/ElemeFE/element/issues/14521\nwatch(nativeInputValue, () => setNativeInputValue());\n\n// when change between <input> and <textarea>,\n// update DOM dependent value and styles\n// https://github.com/ElemeFE/element/issues/14857\nwatch(\n  () => __props.type,\n  async() => {\n    await nextTick();\n    setNativeInputValue();\n    resizeTextarea();\n  }\n);\n\nonMounted(() => {\n  if (!__props.formatter && __props.parser) {\n    debugWarn('VftInput', 'If you set the parser, you also need to set the formatter.');\n  }\n  setNativeInputValue();\n  nextTick(resizeTextarea);\n});\n\ndefineExpose({\n  /** @description HTML input element */\n  input,\n  /** @description HTML textarea element */\n  textarea,\n  /** @description HTML element, input or textarea */\n  ref: _ref,\n  /** @description style of textarea. */\n  textareaStyle,\n\n  /** @description from props (used on unit test) */\n  autosize: __props.autosize,\n\n  /** @description HTML input element native method */\n  focus,\n  /** @description HTML input element native method */\n  blur,\n  /** @description HTML input element native method */\n  select,\n  /** @description clear input value */\n  clear,\n  /** @description resize textarea. */\n  resizeTextarea\n});\n</script>\n\n<template>\n  <div v-show=\"type !== 'hidden'\" v-bind=\"containerAttrs\" :class=\"containerKls\"\n    :style=\"containerStyle\" :role=\"containerRole\" @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\">\n    <!-- input -->\n    <template v-if=\"type !== 'textarea'\">\n      <!-- prepend slot -->\n      <div v-if=\"$slots.prepend\" :class=\"nsInput.be('group', 'prepend')\">\n        <slot name=\"prepend\" />\n      </div>\n\n      <div :class=\"wrapperKls\">\n        <!-- prefix slot -->\n        <span v-if=\"$slots.prefix || _prefixIcon?.icon\" :class=\"nsInput.e('prefix')\">\n          <span :class=\"nsInput.e('prefix-inner')\" @click=\"focus\">\n            <slot name=\"prefix\" />\n            <vft-icon v-if=\"_prefixIcon?.icon\" v-bind=\"_prefixIcon\" :class=\"nsInput.e('icon')\" />\n          </span>\n        </span>\n\n        <input\n          :id=\"inputId\"\n          ref=\"input\"\n          :class=\"nsInput.e('inner')\"\n          v-bind=\"attrs\"\n          :type=\"showPassword ? (passwordVisible ? 'text' : 'password') : type\"\n          :disabled=\"inputDisabled\"\n          :formatter=\"formatter\"\n          :parser=\"parser\"\n          :readonly=\"readonly\"\n          :autocomplete=\"autocomplete\"\n          :tabindex=\"tabindex\"\n          :aria-label=\"label\"\n          :placeholder=\"placeholder\"\n          :style=\"inputStyle\"\n          :form=\"form\"\n          @compositionstart=\"handleCompositionStart\"\n          @compositionupdate=\"handleCompositionUpdate\"\n          @compositionend=\"handleCompositionEnd\"\n          @input=\"handleInput\"\n          @focus=\"handleFocus\"\n          @blur=\"handleBlur\"\n          @change=\"handleChange\"\n          @keydown=\"handleKeydown\"\n        />\n\n        <!-- suffix slot -->\n        <span v-if=\"suffixVisible\" :class=\"nsInput.e('suffix')\">\n          <span :class=\"nsInput.e('suffix-inner')\" @click=\"focus\">\n            <template v-if=\"!showClear || !showPwdVisible || !isWordLimitVisible\">\n              <slot name=\"suffix\" />\n              <vft-icon\n                @click=\"handleSuffixClick\"\n                v-if=\"_suffixIcon?.icon\" v-bind=\"_suffixIcon\" :class=\"nsInput.e('icon')\" />\n            </template>\n            <vft-icon v-if=\"showClear\" :class=\"[nsInput.e('icon'), nsInput.e('clear')]\"\n              v-bind=\"_clearIcon\" @mousedown.prevent=\"noop\" @click=\"clear\" />\n            <vft-icon v-if=\"showPwdVisible\" v-bind=\"passwordIcon\"\n              :class=\"[nsInput.e('icon'), nsInput.e('password')]\" @click=\"handlePasswordVisible\" />\n            <span v-if=\"isWordLimitVisible\" :class=\"nsInput.e('count')\">\n              <span\n                :class=\"nsInput.e('count-inner')\">{{ textLength }} / {{ attrs.maxlength }}</span>\n            </span>\n            <vft-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :icon=\"validateIcon\"\n              :class=\"[nsInput.e('icon'), nsInput.e('validateIcon'), nsInput.is('loading', validateState === 'validating')]\"\n            />\n          </span>\n        </span>\n      </div>\n\n      <!-- append slot -->\n      <div v-if=\"$slots.append\" :class=\"nsInput.be('group', 'append')\">\n        <slot name=\"append\" />\n      </div>\n    </template>\n\n    <!-- textarea -->\n    <template v-else>\n      <textarea\n        :id=\"inputId\"\n        ref=\"textarea\"\n        :class=\"nsTextarea.e('inner')\"\n        v-bind=\"attrs\"\n        :tabindex=\"tabindex\"\n        :disabled=\"inputDisabled\"\n        :readonly=\"readonly\"\n        :autocomplete=\"autocomplete\"\n        :style=\"textareaStyle\"\n        :aria-label=\"label\"\n        :placeholder=\"placeholder\"\n        :form=\"form\"\n        @compositionstart=\"handleCompositionStart\"\n        @compositionupdate=\"handleCompositionUpdate\"\n        @compositionend=\"handleCompositionEnd\"\n        @input=\"handleInput\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n        @change=\"handleChange\"\n        @keydown=\"handleKeydown\"\n      />\n      <span v-if=\"isWordLimitVisible\" :style=\"countStyle\"\n        :class=\"nsInput.e('count')\">{{ textLength }} / {{ attrs.maxlength }}</span>\n    </template>\n  </div>\n</template>\n"],"names":["rawAttrs","useRawAttrs","slots","useSlots","containerAttrs","computed","comboBoxAttrs","__props","containerKls","nsTextarea","nsInput","inputSize","inputDisabled","inputExceed","focused","showClear","showPwdVisible","instance","getCurrentInstance","wrapperKls","attrs","useAttrs","_form","formItem","useFormItem","inputId","useFormItemInputId","useSize","useDisabled","useNamespace","input","shallowRef","textarea","ref","hovering","isComposing","passwordVisible","countStyle","textareaCalcStyle","_ref","_prefixIcon","singleAttrToObj","_suffixIcon","_clearIcon","needStatusIcon","validateState","validateIcon","passwordIcon","containerStyle","addUnit","textareaStyle","nativeInputValue","isNil","isWordLimitVisible","textLength","suffixVisible","recordCursor","setCursor","useCursor","useResizeObserver","entries","entry","width","resizeTextarea","isClient","minRows","isObject","maxRows","calcTextareaHeight","setNativeInputValue","handleInput","event","value","emit","UPDATE_MODEL_EVENT","nextTick","handleChange","handleSuffixClick","handleCompositionStart","isKorean","text","handleCompositionUpdate","_a","lastCharacter","handleCompositionEnd","handlePasswordVisible","focus","blur","handleFocus","handleBlur","err","debugWarn","handleMouseLeave","evt","handleMouseEnter","handleKeydown","key","select","clear","watch","onMounted","expose"],"mappings":"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"}

package/es/components/input/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-input.css";
+//# sourceMappingURL=css.mjs.map

package/es/components/input/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/input/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/input.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/components/input/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/input/utils.d.ts

@@ -0,0 +1,6 @@
+type TextAreaHeight = {
+    height: string;
+    minHeight?: string;
+};
+export declare function calcTextareaHeight(targetElement: HTMLTextAreaElement, minRows?: number, maxRows?: number): TextAreaHeight;
+export {};

package/es/components/input/utils.mjs

@@ -0,0 +1,54 @@
+import { isNumber as b } from "@vft/utils";
+let t;
+const c = `
+  height:0 !important;
+  visibility:hidden !important;
+  overflow:hidden !important;
+  position:absolute !important;
+  z-index:-1000 !important;
+  top:0 !important;
+  right:0 !important;
+`, m = [
+  "letter-spacing",
+  "line-height",
+  "padding-top",
+  "padding-bottom",
+  "font-family",
+  "font-weight",
+  "font-size",
+  "text-rendering",
+  "text-transform",
+  "width",
+  "text-indent",
+  "padding-left",
+  "padding-right",
+  "border-width",
+  "box-sizing"
+];
+function u(n) {
+  const e = window.getComputedStyle(n), l = e.getPropertyValue("box-sizing"), r = Number.parseFloat(e.getPropertyValue("padding-bottom")) + Number.parseFloat(e.getPropertyValue("padding-top")), a = Number.parseFloat(e.getPropertyValue("border-bottom-width")) + Number.parseFloat(e.getPropertyValue("border-top-width"));
+  return { contextStyle: m.map((p) => `${p}:${e.getPropertyValue(p)}`).join(";"), paddingSize: r, borderSize: a, boxSizing: l };
+}
+function f(n, e = 1, l) {
+  var s;
+  t || (t = document.createElement("textarea"), document.body.appendChild(t));
+  const { paddingSize: r, borderSize: a, boxSizing: d, contextStyle: p } = u(n);
+  t.setAttribute("style", `${p};${c}`), t.value = n.value || n.placeholder || "";
+  let o = t.scrollHeight;
+  const g = {};
+  d === "border-box" ? o = o + a : d === "content-box" && (o = o - r), t.value = "";
+  const h = t.scrollHeight - r;
+  if (b(e)) {
+    let i = h * e;
+    d === "border-box" && (i = i + r + a), o = Math.max(i, o), g.minHeight = `${i}px`;
+  }
+  if (b(l)) {
+    let i = h * l;
+    d === "border-box" && (i = i + r + a), o = Math.min(i, o);
+  }
+  return g.height = `${o}px`, (s = t.parentNode) == null || s.removeChild(t), t = void 0, g;
+}
+export {
+  f as calcTextareaHeight
+};
+//# sourceMappingURL=utils.mjs.map

package/es/components/input/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../../packages/components/input/utils.ts"],"sourcesContent":["import { isNumber } from '@vft/utils';\n\nlet hiddenTextarea: HTMLTextAreaElement | undefined = undefined;\n\nconst HIDDEN_STYLE = `\n  height:0 !important;\n  visibility:hidden !important;\n  overflow:hidden !important;\n  position:absolute !important;\n  z-index:-1000 !important;\n  top:0 !important;\n  right:0 !important;\n`;\n\nconst CONTEXT_STYLE = [\n  'letter-spacing',\n  'line-height',\n  'padding-top',\n  'padding-bottom',\n  'font-family',\n  'font-weight',\n  'font-size',\n  'text-rendering',\n  'text-transform',\n  'width',\n  'text-indent',\n  'padding-left',\n  'padding-right',\n  'border-width',\n  'box-sizing'\n];\n\ntype NodeStyle = {\n  contextStyle: string;\n  boxSizing: string;\n  paddingSize: number;\n  borderSize: number;\n};\n\ntype TextAreaHeight = {\n  height: string;\n  minHeight?: string;\n};\n\nfunction calculateNodeStyling(targetElement: Element): NodeStyle {\n  const style = window.getComputedStyle(targetElement);\n\n  const boxSizing = style.getPropertyValue('box-sizing');\n\n  const paddingSize = Number.parseFloat(style.getPropertyValue('padding-bottom')) + Number.parseFloat(style.getPropertyValue('padding-top'));\n\n  const borderSize = Number.parseFloat(style.getPropertyValue('border-bottom-width')) + Number.parseFloat(style.getPropertyValue('border-top-width'));\n\n  const contextStyle = CONTEXT_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(';');\n\n  return { contextStyle, paddingSize, borderSize, boxSizing };\n}\n\nexport function calcTextareaHeight(targetElement: HTMLTextAreaElement, minRows = 1, maxRows?: number): TextAreaHeight {\n  if (!hiddenTextarea) {\n    hiddenTextarea = document.createElement('textarea');\n    document.body.appendChild(hiddenTextarea);\n  }\n\n  const { paddingSize, borderSize, boxSizing, contextStyle } = calculateNodeStyling(targetElement);\n\n  hiddenTextarea.setAttribute('style', `${contextStyle};${HIDDEN_STYLE}`);\n  hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';\n\n  let height = hiddenTextarea.scrollHeight;\n  const result = {} as TextAreaHeight;\n\n  if (boxSizing === 'border-box') {\n    height = height + borderSize;\n  } else if (boxSizing === 'content-box') {\n    height = height - paddingSize;\n  }\n\n  hiddenTextarea.value = '';\n  const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;\n\n  if (isNumber(minRows)) {\n    let minHeight = singleRowHeight * minRows;\n    if (boxSizing === 'border-box') {\n      minHeight = minHeight + paddingSize + borderSize;\n    }\n    height = Math.max(minHeight, height);\n    result.minHeight = `${minHeight}px`;\n  }\n  if (isNumber(maxRows)) {\n    let maxHeight = singleRowHeight * maxRows;\n    if (boxSizing === 'border-box') {\n      maxHeight = maxHeight + paddingSize + borderSize;\n    }\n    height = Math.min(maxHeight, height);\n  }\n  result.height = `${height}px`;\n  hiddenTextarea.parentNode?.removeChild(hiddenTextarea);\n  hiddenTextarea = undefined;\n\n  return result;\n}\n"],"names":["hiddenTextarea","HIDDEN_STYLE","CONTEXT_STYLE","calculateNodeStyling","targetElement","style","boxSizing","paddingSize","borderSize","name","calcTextareaHeight","minRows","maxRows","contextStyle","height","result","singleRowHeight","isNumber","minHeight","maxHeight","_a"],"mappings":";AAEA,IAAIA;AAEJ,MAAMC,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUfC,IAAgB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAcA,SAASC,EAAqBC,GAAmC;AACzD,QAAAC,IAAQ,OAAO,iBAAiBD,CAAa,GAE7CE,IAAYD,EAAM,iBAAiB,YAAY,GAE/CE,IAAc,OAAO,WAAWF,EAAM,iBAAiB,gBAAgB,CAAC,IAAI,OAAO,WAAWA,EAAM,iBAAiB,aAAa,CAAC,GAEnIG,IAAa,OAAO,WAAWH,EAAM,iBAAiB,qBAAqB,CAAC,IAAI,OAAO,WAAWA,EAAM,iBAAiB,kBAAkB,CAAC;AAIlJ,SAAO,EAAE,cAFYH,EAAc,IAAI,CAACO,MAAS,GAAGA,KAAQJ,EAAM,iBAAiBI,CAAI,GAAG,EAAE,KAAK,GAAG,GAE7E,aAAAF,GAAa,YAAAC,GAAY,WAAAF,EAAU;AAC5D;AAEO,SAASI,EAAmBN,GAAoCO,IAAU,GAAGC,GAAkC;;AACpH,EAAKZ,MACcA,IAAA,SAAS,cAAc,UAAU,GACzC,SAAA,KAAK,YAAYA,CAAc;AAG1C,QAAM,EAAE,aAAAO,GAAa,YAAAC,GAAY,WAAAF,GAAW,cAAAO,MAAiBV,EAAqBC,CAAa;AAE/F,EAAAJ,EAAe,aAAa,SAAS,GAAGa,KAAgBZ,GAAc,GACtED,EAAe,QAAQI,EAAc,SAASA,EAAc,eAAe;AAE3E,MAAIU,IAASd,EAAe;AAC5B,QAAMe,IAAS,CAAA;AAEf,EAAIT,MAAc,eAChBQ,IAASA,IAASN,IACTF,MAAc,kBACvBQ,IAASA,IAASP,IAGpBP,EAAe,QAAQ;AACjB,QAAAgB,IAAkBhB,EAAe,eAAeO;AAElD,MAAAU,EAASN,CAAO,GAAG;AACrB,QAAIO,IAAYF,IAAkBL;AAClC,IAAIL,MAAc,iBAChBY,IAAYA,IAAYX,IAAcC,IAE/BM,IAAA,KAAK,IAAII,GAAWJ,CAAM,GACnCC,EAAO,YAAY,GAAGG;AAAA,EACxB;AACI,MAAAD,EAASL,CAAO,GAAG;AACrB,QAAIO,IAAYH,IAAkBJ;AAClC,IAAIN,MAAc,iBAChBa,IAAYA,IAAYZ,IAAcC,IAE/BM,IAAA,KAAK,IAAIK,GAAWL,CAAM;AAAA,EACrC;AACA,SAAAC,EAAO,SAAS,GAAGD,QACJM,IAAApB,EAAA,eAAA,QAAAoB,EAAY,YAAYpB,IACtBA,IAAA,QAEVe;AACT;"}

package/es/components/link/index.d.ts

@@ -0,0 +1,54 @@
+export declare const VftLink: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    type: {
+        type: import("vue").PropType<"default" | "success" | "info" | "warning" | "danger" | "primary" | undefined>;
+        required: false;
+    };
+    underline: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    route: {
+        type: import("vue").PropType<import("@vft/router").WinOpenType | import("vue-router").RouteLocationRaw | undefined>;
+        required: false;
+    };
+    isReplace: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    icon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"default" | "success" | "info" | "warning" | "danger" | "primary" | undefined>;
+        required: false;
+    };
+    underline: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    route: {
+        type: import("vue").PropType<import("@vft/router").WinOpenType | import("vue-router").RouteLocationRaw | undefined>;
+        required: false;
+    };
+    isReplace: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    icon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftLink;

package/es/components/link/index.mjs

@@ -0,0 +1,11 @@
+import { withInstall as t } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import o from "./link.vue2.mjs";
+const a = t(o);
+export {
+  a as VftLink,
+  a as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/components/link/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/link/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Link from './link.vue'\n\nexport const VftLink = withInstall(Link)\n\nexport default VftLink\n\n"],"names":["VftLink","withInstall","Link"],"mappings":";;;;;AAIa,MAAAA,IAAUC,EAAYC,CAAI;"}

package/es/components/link/link.vue.d.ts

@@ -0,0 +1,58 @@
+import type { PropType as __PropType } from 'vue';
+import { type RouteLocationRaw } from 'vue-router';
+import { type IconProps } from 'vft/es/components/icon';
+import { type WinOpenType } from '@vft/router';
+declare const _sfc_main: import("vue").DefineComponent<{
+    type: {
+        type: __PropType<"default" | "success" | "info" | "warning" | "danger" | "primary" | undefined>;
+        required: false;
+    };
+    underline: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    route: {
+        type: __PropType<WinOpenType | RouteLocationRaw | undefined>;
+        required: false;
+    };
+    isReplace: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    icon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: __PropType<"default" | "success" | "info" | "warning" | "danger" | "primary" | undefined>;
+        required: false;
+    };
+    underline: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    route: {
+        type: __PropType<WinOpenType | RouteLocationRaw | undefined>;
+        required: false;
+    };
+    isReplace: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    icon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;