vft 0.0.375 → 0.0.376

package/es/components/input-tag/input-tag.vue2.js

@@ -1,225 +1,201 @@
-import { defineComponent, useSlots, computed, createElementBlock, openBlock, unref, normalizeStyle, normalizeClass, createCommentVNode, createElementVNode, renderSlot, withDirectives, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, mergeProps, isRef, vModelText, vShow } from "vue";
+import { defineComponent as B, useSlots as ge, computed as y, createElementBlock as m, openBlock as l, unref as e, normalizeStyle as ve, normalizeClass as a, createCommentVNode as f, createElementVNode as p, renderSlot as I, withDirectives as x, Fragment as ye, renderList as Ie, createBlock as C, withModifiers as F, withCtx as Ce, createTextVNode as he, toDisplayString as K, mergeProps as be, isRef as De, vModelText as ke, vShow as we } from "vue";
 import "../form/index.js";
-import { VftIcon } from "../icon/index.js";
-import { VftTag } from "../tag/index.js";
-import { useAttrs } from "../../hooks/use-attrs/index.js";
+import { VftIcon as $ } from "../icon/index.js";
+import { VftTag as Se } from "../tag/index.js";
+import { useAttrs as Te } from "../../hooks/use-attrs/index.js";
 import "@vueuse/core";
-import { noop } from "@vft/utils";
+import { noop as Re } from "@vft/utils";
 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 { useCalcInputWidth } from "../../hooks/use-calc-input-width/index.js";
-import { useDragTag } from "./composables/use-drag-tag.js";
-import { useHovering } from "./composables/use-hovering.js";
-import { useInputTag } from "./composables/use-input-tag.js";
-import { useInputTagDom } from "./composables/use-input-tag-dom.js";
-import { inputTagEmits, inputTagProps } from "./input-tag.js";
-import { useFormItem, useFormItemInputId } from "../form/hooks/use-form-item.js";
-const _hoisted_1 = ["id", "minlength", "maxlength", "disabled", "readonly", "autocomplete", "tabindex", "placeholder", "autofocus", "ariaLabel"];
-const _hoisted_2 = ["textContent"];
-const __default__ = defineComponent({
+import { useCalcInputWidth as Ve } from "../../hooks/use-calc-input-width/index.js";
+import { useDragTag as Me } from "./composables/use-drag-tag.js";
+import { useHovering as Ee } from "./composables/use-hovering.js";
+import { useInputTag as ze } from "./composables/use-input-tag.js";
+import { useInputTagDom as Le } from "./composables/use-input-tag-dom.js";
+import { inputTagEmits as xe, inputTagProps as Fe } from "./input-tag.js";
+import { useFormItem as Ke, useFormItemInputId as $e } from "../form/hooks/use-form-item.js";
+const Be = ["id", "minlength", "maxlength", "disabled", "readonly", "autocomplete", "tabindex", "placeholder", "autofocus", "ariaLabel"], Ne = ["textContent"], Ae = B({
   name: "VftInputTag",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: inputTagProps,
-  emits: inputTagEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = useAttrs();
-    const slots = useSlots();
-    const { form, formItem } = useFormItem();
-    const { inputId } = useFormItemInputId(props, { formItemContext: formItem });
-    const needStatusIcon = computed(() => form?.statusIcon ?? false);
-    const validateState = computed(() => formItem?.validateState || "");
-    const ValidateComponentsMap = {
+  inheritAttrs: !1
+}), ro = /* @__PURE__ */ B({
+  ...Ae,
+  props: Fe,
+  emits: xe,
+  setup(N, { expose: A, emit: P }) {
+    const c = N, U = P, H = Te(), O = ge(), { form: W, formItem: g } = Ke(), { inputId: j } = $e(c, { formItemContext: g }), h = y(() => W?.statusIcon ?? !1), s = y(() => g?.validateState || ""), q = {
       validating: "icon-loading",
       success: "icon-circle-check",
       error: "icon-circle-close"
-    };
-    const validateIcon = computed(() => {
-      return validateState.value && ValidateComponentsMap[validateState.value];
-    });
-    const {
-      inputRef,
-      wrapperRef,
-      isFocused,
-      inputValue,
-      size,
-      tagSize,
-      placeholder,
-      closable,
-      disabled,
-      handleDragged,
-      handleInput,
-      handleKeydown,
-      handleRemoveTag,
-      handleClear,
-      handleCompositionStart,
-      handleCompositionUpdate,
-      handleCompositionEnd,
-      focus,
-      blur
-    } = useInputTag({ props, emit, formItem });
-    const { hovering, handleMouseEnter, handleMouseLeave } = useHovering();
-    const { calculatorRef, inputStyle } = useCalcInputWidth();
-    const {
-      dropIndicatorRef,
-      showDropIndicator,
-      handleDragStart,
-      handleDragOver,
-      handleDragEnd
-    } = useDragTag({ wrapperRef, handleDragged, afterDragged: focus });
-    const {
-      ns,
-      nsInput,
-      containerKls,
-      containerStyle,
-      innerKls,
-      showClear,
-      showSuffix
-    } = useInputTagDom({
-      props,
-      hovering,
-      isFocused,
-      inputValue,
-      disabled,
-      size,
-      validateState,
-      validateIcon,
-      needStatusIcon
-    });
-    __expose({
-      focus,
-      blur
+    }, b = y(() => s.value && q[s.value]), {
+      inputRef: G,
+      wrapperRef: D,
+      isFocused: J,
+      inputValue: i,
+      size: Q,
+      tagSize: X,
+      placeholder: Y,
+      closable: k,
+      disabled: w,
+      handleDragged: Z,
+      handleInput: S,
+      handleKeydown: T,
+      handleRemoveTag: _,
+      handleClear: ee,
+      handleCompositionStart: R,
+      handleCompositionUpdate: V,
+      handleCompositionEnd: M,
+      focus: E,
+      blur: oe
+    } = ze({ props: c, emit: U, formItem: g }), { hovering: te, handleMouseEnter: z, handleMouseLeave: L } = Ee(), { calculatorRef: ne, inputStyle: ae } = Ve(), {
+      dropIndicatorRef: re,
+      showDropIndicator: le,
+      handleDragStart: se,
+      handleDragOver: ie,
+      handleDragEnd: de
+    } = Me({ wrapperRef: D, handleDragged: Z, afterDragged: E }), {
+      ns: r,
+      nsInput: v,
+      containerKls: pe,
+      containerStyle: ue,
+      innerKls: me,
+      showClear: fe,
+      showSuffix: ce
+    } = Le({
+      props: c,
+      hovering: te,
+      isFocused: J,
+      inputValue: i,
+      disabled: w,
+      size: Q,
+      validateState: s,
+      validateIcon: b,
+      needStatusIcon: h
     });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "wrapperRef",
-        ref: wrapperRef,
-        class: normalizeClass(unref(containerKls)),
-        style: normalizeStyle(unref(containerStyle)),
-        onMouseenter: _cache[7] || (_cache[7] = //@ts-ignore
-        (...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args)),
-        onMouseleave: _cache[8] || (_cache[8] = //@ts-ignore
-        (...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args))
+    return A({
+      focus: E,
+      blur: oe
+    }), (n, o) => (l(), m("div", {
+      ref_key: "wrapperRef",
+      ref: D,
+      class: a(e(pe)),
+      style: ve(e(ue)),
+      onMouseenter: o[7] || (o[7] = //@ts-ignore
+      (...t) => e(z) && e(z)(...t)),
+      onMouseleave: o[8] || (o[8] = //@ts-ignore
+      (...t) => e(L) && e(L)(...t))
+    }, [
+      e(O).prefix ? (l(), m("div", {
+        key: 0,
+        class: a(e(r).e("prefix"))
       }, [
-        unref(slots).prefix ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(unref(ns).e("prefix"))
-        }, [
-          renderSlot(_ctx.$slots, "prefix")
-        ], 2)) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: normalizeClass(unref(innerKls))
+        I(n.$slots, "prefix")
+      ], 2)) : f("", !0),
+      p("div", {
+        class: a(e(me))
+      }, [
+        (l(!0), m(ye, null, Ie(n.modelValue, (t, d) => (l(), C(e(Se), {
+          key: d,
+          size: e(X),
+          closable: e(k),
+          type: n.tagType,
+          effect: n.tagEffect,
+          draggable: e(k) && n.draggable,
+          "disable-transitions": "",
+          onClose: (u) => e(_)(d),
+          onDragstart: (u) => e(se)(u, d),
+          onDragover: (u) => e(ie)(u, d),
+          onDragend: e(de),
+          onDrop: o[0] || (o[0] = F(() => {
+          }, ["stop"]))
+        }, {
+          default: Ce(() => [
+            I(n.$slots, "tag", {
+              value: t,
+              index: d
+            }, () => [
+              he(K(t), 1)
+            ])
+          ]),
+          _: 2
+        }, 1032, ["size", "closable", "type", "effect", "draggable", "onClose", "onDragstart", "onDragover", "onDragend"]))), 128)),
+        p("div", {
+          class: a(e(r).e("input-wrapper"))
         }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.modelValue, (item, index) => {
-            return openBlock(), createBlock(unref(VftTag), {
-              key: index,
-              size: unref(tagSize),
-              closable: unref(closable),
-              type: _ctx.tagType,
-              effect: _ctx.tagEffect,
-              draggable: unref(closable) && _ctx.draggable,
-              "disable-transitions": "",
-              onClose: ($event) => unref(handleRemoveTag)(index),
-              onDragstart: (event) => unref(handleDragStart)(event, index),
-              onDragover: (event) => unref(handleDragOver)(event, index),
-              onDragend: unref(handleDragEnd),
-              onDrop: _cache[0] || (_cache[0] = withModifiers(() => {
-              }, ["stop"]))
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "tag", {
-                  value: item,
-                  index
-                }, () => [
-                  createTextVNode(toDisplayString(item), 1)
-                ])
-              ]),
-              _: 2
-            }, 1032, ["size", "closable", "type", "effect", "draggable", "onClose", "onDragstart", "onDragover", "onDragend"]);
-          }), 128)),
-          createElementVNode("div", {
-            class: normalizeClass(unref(ns).e("input-wrapper"))
-          }, [
-            withDirectives(createElementVNode("input", mergeProps({
-              id: unref(inputId),
-              ref_key: "inputRef",
-              ref: inputRef,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(inputValue) ? inputValue.value = $event : null)
-            }, unref(attrs), {
-              type: "text",
-              minlength: _ctx.minlength,
-              maxlength: _ctx.maxlength,
-              disabled: unref(disabled),
-              readonly: _ctx.readonly,
-              autocomplete: _ctx.autocomplete,
-              tabindex: _ctx.tabindex,
-              placeholder: unref(placeholder),
-              autofocus: _ctx.autofocus,
-              ariaLabel: _ctx.ariaLabel,
-              class: unref(ns).e("input"),
-              style: unref(inputStyle),
-              onCompositionstart: _cache[2] || (_cache[2] = //@ts-ignore
-              (...args) => unref(handleCompositionStart) && unref(handleCompositionStart)(...args)),
-              onCompositionupdate: _cache[3] || (_cache[3] = //@ts-ignore
-              (...args) => unref(handleCompositionUpdate) && unref(handleCompositionUpdate)(...args)),
-              onCompositionend: _cache[4] || (_cache[4] = //@ts-ignore
-              (...args) => unref(handleCompositionEnd) && unref(handleCompositionEnd)(...args)),
-              onInput: _cache[5] || (_cache[5] = //@ts-ignore
-              (...args) => unref(handleInput) && unref(handleInput)(...args)),
-              onKeydown: _cache[6] || (_cache[6] = //@ts-ignore
-              (...args) => unref(handleKeydown) && unref(handleKeydown)(...args))
-            }), null, 16, _hoisted_1), [
-              [vModelText, unref(inputValue)]
-            ]),
-            createElementVNode("span", {
-              ref_key: "calculatorRef",
-              ref: calculatorRef,
-              "aria-hidden": "true",
-              class: normalizeClass(unref(ns).e("input-calculator")),
-              textContent: toDisplayString(unref(inputValue))
-            }, null, 10, _hoisted_2)
-          ], 2),
-          withDirectives(createElementVNode("div", {
-            ref_key: "dropIndicatorRef",
-            ref: dropIndicatorRef,
-            class: normalizeClass(unref(ns).e("drop-indicator"))
-          }, null, 2), [
-            [vShow, unref(showDropIndicator)]
-          ])
+          x(p("input", be({
+            id: e(j),
+            ref_key: "inputRef",
+            ref: G,
+            "onUpdate:modelValue": o[1] || (o[1] = (t) => De(i) ? i.value = t : null)
+          }, e(H), {
+            type: "text",
+            minlength: n.minlength,
+            maxlength: n.maxlength,
+            disabled: e(w),
+            readonly: n.readonly,
+            autocomplete: n.autocomplete,
+            tabindex: n.tabindex,
+            placeholder: e(Y),
+            autofocus: n.autofocus,
+            ariaLabel: n.ariaLabel,
+            class: e(r).e("input"),
+            style: e(ae),
+            onCompositionstart: o[2] || (o[2] = //@ts-ignore
+            (...t) => e(R) && e(R)(...t)),
+            onCompositionupdate: o[3] || (o[3] = //@ts-ignore
+            (...t) => e(V) && e(V)(...t)),
+            onCompositionend: o[4] || (o[4] = //@ts-ignore
+            (...t) => e(M) && e(M)(...t)),
+            onInput: o[5] || (o[5] = //@ts-ignore
+            (...t) => e(S) && e(S)(...t)),
+            onKeydown: o[6] || (o[6] = //@ts-ignore
+            (...t) => e(T) && e(T)(...t))
+          }), null, 16, Be), [
+            [ke, e(i)]
+          ]),
+          p("span", {
+            ref_key: "calculatorRef",
+            ref: ne,
+            "aria-hidden": "true",
+            class: a(e(r).e("input-calculator")),
+            textContent: K(e(i))
+          }, null, 10, Ne)
         ], 2),
-        unref(showSuffix) ? (openBlock(), createElementBlock("div", {
+        x(p("div", {
+          ref_key: "dropIndicatorRef",
+          ref: re,
+          class: a(e(r).e("drop-indicator"))
+        }, null, 2), [
+          [we, e(le)]
+        ])
+      ], 2),
+      e(ce) ? (l(), m("div", {
+        key: 1,
+        class: a(e(r).e("suffix"))
+      }, [
+        I(n.$slots, "suffix"),
+        e(fe) ? (l(), C(e($), {
+          key: 0,
+          class: a([e(r).e("icon"), e(r).e("clear")]),
+          onMousedown: F(e(Re), ["prevent"]),
+          onClick: e(ee),
+          icon: "icon-circle-close"
+        }, null, 8, ["class", "onMousedown", "onClick"])) : f("", !0),
+        s.value && b.value && h.value ? (l(), C(e($), {
           key: 1,
-          class: normalizeClass(unref(ns).e("suffix"))
-        }, [
-          renderSlot(_ctx.$slots, "suffix"),
-          unref(showClear) ? (openBlock(), createBlock(unref(VftIcon), {
-            key: 0,
-            class: normalizeClass([unref(ns).e("icon"), unref(ns).e("clear")]),
-            onMousedown: withModifiers(unref(noop), ["prevent"]),
-            onClick: unref(handleClear),
-            icon: "icon-circle-close"
-          }, null, 8, ["class", "onMousedown", "onClick"])) : createCommentVNode("", true),
-          validateState.value && validateIcon.value && needStatusIcon.value ? (openBlock(), createBlock(unref(VftIcon), {
-            key: 1,
-            class: normalizeClass([
-              unref(nsInput).e("icon"),
-              unref(nsInput).e("validateIcon"),
-              unref(nsInput).is("loading", validateState.value === "validating")
-            ]),
-            icon: "validateIcon"
-          }, null, 8, ["class"])) : createCommentVNode("", true)
-        ], 2)) : createCommentVNode("", true)
-      ], 38);
-    };
+          class: a([
+            e(v).e("icon"),
+            e(v).e("validateIcon"),
+            e(v).is("loading", s.value === "validating")
+          ]),
+          icon: "validateIcon"
+        }, null, 8, ["class"])) : f("", !0)
+      ], 2)) : f("", !0)
+    ], 38));
   }
 });
 export {
-  _sfc_main as default
+  ro as default
 };

package/es/components/link/index.js

@@ -2,11 +2,11 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "vue";
-import { withInstall } from "../../utils/vue/install.js";
+import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
-import _sfc_main from "./link.vue2.js";
-const VftLink = withInstall(_sfc_main);
+import o from "./link.vue2.js";
+const s = t(o);
 export {
-  VftLink,
-  VftLink as default
+  s as VftLink,
+  s as default
 };

package/es/components/link/link.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./link.vue2.js";
+import f from "./link.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };

package/es/components/link/link.vue2.js

@@ -1,65 +1,53 @@
-import { defineComponent, getCurrentInstance, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, normalizeProps, mergeProps, renderSlot } from "vue";
-import { VftIcon } from "../icon/index.js";
+import { defineComponent as c, getCurrentInstance as k, computed as b, createElementBlock as l, openBlock as r, normalizeClass as a, unref as t, createBlock as y, createCommentVNode as s, normalizeProps as C, mergeProps as g, renderSlot as B } from "vue";
+import { VftIcon as v } from "../icon/index.js";
 import "@vueuse/core";
-import { singleAttrToObj } from "@vft/utils";
+import { singleAttrToObj as P } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { useNamespace as R } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useRouterHelper } from "@vft/router";
+import { useRouterHelper as $ } from "@vft/router";
 import "vue-router";
-const __default__ = defineComponent({
+const h = c({
   name: "vft-link"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), F = /* @__PURE__ */ c({
+  ...h,
   props: {
     type: { default: "default" },
-    underline: { type: Boolean, default: true },
-    disabled: { type: Boolean, default: false },
+    underline: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
     route: {},
     isReplace: { type: Boolean },
     icon: {}
   },
   emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const ns = useNamespace("link");
-    const emit = __emit;
-    const instance = getCurrentInstance();
-    const _router = instance.appContext.config.globalProperties.$router;
-    const { go } = useRouterHelper(_router);
-    function handleClick(event) {
-      if (__props.route) {
-        go(__props.route, __props.isReplace);
-      }
-      if (!__props.disabled) emit("click", event);
+  setup(o, { emit: u }) {
+    const n = R("link"), m = u, p = k().appContext.config.globalProperties.$router, { go: d } = $(p);
+    function f(e) {
+      o.route && d(o.route, o.isReplace), o.disabled || m("click", e);
     }
-    const _icon = computed(() => {
-      return singleAttrToObj(__props.icon, "icon");
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass([
-          unref(ns).b(),
-          unref(ns).m(_ctx.type),
-          unref(ns).is("disabled", _ctx.disabled),
-          unref(ns).is("underline", _ctx.underline && !_ctx.disabled)
-        ]),
-        onClick: handleClick
+    const i = b(() => P(o.icon, "icon"));
+    return (e, I) => (r(), l("span", {
+      class: a([
+        t(n).b(),
+        t(n).m(e.type),
+        t(n).is("disabled", e.disabled),
+        t(n).is("underline", e.underline && !e.disabled)
+      ]),
+      onClick: f
+    }, [
+      i.value?.icon ? (r(), y(t(v), C(g({ key: 0 }, i.value)), null, 16)) : s("", !0),
+      e.$slots.default ? (r(), l("span", {
+        key: 1,
+        class: a(t(n).e("inner"))
       }, [
-        _icon.value?.icon ? (openBlock(), createBlock(unref(VftIcon), normalizeProps(mergeProps({ key: 0 }, _icon.value)), null, 16)) : createCommentVNode("", true),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
-          key: 1,
-          class: normalizeClass(unref(ns).e("inner"))
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)) : createCommentVNode("", true)
-      ], 2);
-    };
+        B(e.$slots, "default")
+      ], 2)) : s("", !0)
+    ], 2));
   }
 });
 export {
-  _sfc_main as default
+  F as default
 };

package/es/components/list-cell/index.js

@@ -2,11 +2,11 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "vue";
-import { withInstall } from "../../utils/vue/install.js";
+import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
-import _sfc_main from "./list-cell.vue2.js";
-const VftListCell = withInstall(_sfc_main);
+import o from "./list-cell.vue2.js";
+const a = t(o);
 export {
-  VftListCell,
-  VftListCell as default
+  a as VftListCell,
+  a as default
 };

package/es/components/list-cell/list-cell.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./list-cell.vue2.js";
+import f from "./list-cell.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };