vft 0.0.142 → 0.0.144

package/es/components/dropdown/dropdown.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, getCurrentInstance as x, ref as i, computed as y, watch as ee, toRef as w, onBeforeUnmount as oe, provide as S, resolveComponent as te, openBlock as T, createElementBlock as re, normalizeClass as z, unref as t, createVNode as l, createSlots as ne, withCtx as n, renderSlot as C, createBlock as le, mergeProps as L, createCommentVNode as ae } from "vue";
+import { defineComponent as N, getCurrentInstance as x, ref as s, computed as y, watch as ee, toRef as C, onBeforeUnmount as oe, provide as S, resolveComponent as te, openBlock as T, createElementBlock as re, normalizeClass as z, unref as t, createVNode as l, createSlots as ne, withCtx as n, renderSlot as w, createBlock as le, mergeProps as L, createCommentVNode as ae } from "vue";
 import { addUnit as ie, isArray as se } from "@vft/utils";
 import { VftButton as V } from "../button/index.js";
 import "../form/index.js";
@@ -21,13 +21,13 @@ import "../../hooks/use-z-index/index.js";
 import { DROPDOWN_INJECTION_KEY as be } from "./tokens.js";
 import { VftCollection as he } from "./types.js";
 import { useFormSize as ye } from "../form/hooks/use-form-common-props.js";
-const s = (
+const a = (
   /* hoist-static*/
   ve("dropdown")
-), we = N({
-  name: "vft-dropdown"
+), Ce = N({
+  name: a.b()
 }), Je = /* @__PURE__ */ N({
-  ...we,
+  ...Ce,
   props: {
     trigger: { default: "hover" },
     effect: { default: "light" },
@@ -51,11 +51,11 @@ const s = (
   },
   emits: ["visible-change", "command", "click"],
   setup(D, { expose: E, emit: u }) {
-    const p = D, H = x(), a = i(), B = i(), m = i(null), d = i(null), P = i(null), v = i(null), g = i(!1), F = [k.enter, k.space, k.down], A = y(() => ({
+    const p = D, H = x(), i = s(), B = s(), m = s(null), d = s(null), P = s(null), v = s(null), g = s(!1), F = [k.enter, k.space, k.down], A = y(() => ({
       maxHeight: ie(p.maxHeight)
     })), K = me().value, b = y(() => p.id || K);
     ee(
-      [a, w(p, "trigger")],
+      [i, C(p, "trigger")],
       ([e, o], [r]) => {
         var I, O, R;
         const c = se(o) ? o : [o];
@@ -73,7 +73,7 @@ const s = (
       { immediate: !0 }
     ), oe(() => {
       var e, o;
-      (o = (e = a.value) == null ? void 0 : e.$el) != null && o.removeEventListener && a.value.$el.removeEventListener(
+      (o = (e = i.value) == null ? void 0 : e.$el) != null && o.removeEventListener && i.value.$el.removeEventListener(
         "pointerenter",
         f
       );
@@ -95,7 +95,7 @@ const s = (
     }
     function f() {
       var e, o;
-      (o = (e = a.value) == null ? void 0 : e.$el) == null || o.focus();
+      (o = (e = i.value) == null ? void 0 : e.$el) == null || o.focus();
     }
     function M() {
     }
@@ -131,8 +131,8 @@ const s = (
       dropdownSize: h,
       handleClick: U,
       commandHandler: J,
-      trigger: w(p, "trigger"),
-      hideOnClick: w(p, "hideOnClick")
+      trigger: C(p, "trigger"),
+      hideOnClick: C(p, "hideOnClick")
     });
     const Z = (e) => {
       var o, r;
@@ -151,7 +151,7 @@ const s = (
       var c;
       const r = te("vft-button-group");
       return T(), re("div", {
-        class: z([t(s).b(), t(s).is("disabled", e.disabled)])
+        class: z([t(a).b(), t(a).is("disabled", e.disabled)])
       }, [
         l(t(ce), {
           ref_key: "popperRef",
@@ -164,17 +164,17 @@ const s = (
           "hide-after": e.trigger === "hover" ? e.hideTimeout : 0,
           "manual-mode": !0,
           placement: e.placement,
-          "popper-class": [t(s).e("popper"), e.popperClass],
+          "popper-class": [t(a).e("popper"), e.popperClass],
           "reference-element": (c = B.value) == null ? void 0 : c.$el,
           trigger: e.trigger,
           "trigger-keys": F,
           "trigger-target-el": d.value,
           "show-after": e.trigger === "hover" ? e.showTimeout : 0,
           "stop-popper-mouse-event": !1,
-          "virtual-ref": a.value,
+          "virtual-ref": i.value,
           "virtual-triggering": e.splitButton,
           disabled: e.disabled,
-          transition: `${t(s).namespace.value}-zoom-in-top`,
+          transition: `${t(a).namespace.value}-zoom-in-top`,
           teleported: e.teleported,
           pure: "",
           persistent: "",
@@ -188,7 +188,7 @@ const s = (
               ref: P,
               "wrap-style": A.value,
               tag: "div",
-              "view-class": [t(s).e("list"), "test"]
+              "view-class": [t(a).e("list"), "test"]
             }, {
               default: n(() => [
                 l(t(de), {
@@ -201,7 +201,7 @@ const s = (
                   default: n(() => [
                     l(t(he), null, {
                       default: n(() => [
-                        C(e.$slots, "dropdown")
+                        w(e.$slots, "dropdown")
                       ]),
                       _: 3
                     })
@@ -220,12 +220,12 @@ const s = (
               l(t(fe), {
                 id: b.value,
                 ref_key: "triggeringElementRef",
-                ref: a,
+                ref: i,
                 role: "button",
                 tabindex: e.tabindex
               }, {
                 default: n(() => [
-                  C(e.$slots, "default")
+                  w(e.$slots, "default")
                 ]),
                 _: 3
               }, 8, ["id", "tabindex"])
@@ -246,26 +246,26 @@ const s = (
               onClick: _
             }), {
               default: n(() => [
-                C(e.$slots, "default")
+                w(e.$slots, "default")
               ]),
               _: 3
             }, 16, ["size", "type", "disabled", "tabindex"]),
             l(t(V), L({
               id: b.value,
               ref_key: "triggeringElementRef",
-              ref: a
+              ref: i
             }, e.buttonProps, {
               role: "button",
               size: t(h),
               type: e.type,
-              class: t(s).e("caret-button"),
+              class: t(a).e("caret-button"),
               disabled: e.disabled,
               tabindex: e.tabindex,
               "aria-label": "切换下拉菜单"
             }), {
               default: n(() => [
                 l(t(pe), {
-                  class: z(t(s).e("icon")),
+                  class: z(t(a).e("icon")),
                   icon: "icon-arrow-down"
                 }, null, 8, ["class"])
               ]),

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

@@ -8,11 +8,11 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             effect?: "light" | "dark" | undefined;
             tabindex?: string | number | undefined;
             role?: string | undefined;
+            loop?: boolean | undefined;
             disabled?: boolean | undefined;
             trigger?: import("..").TooltipTriggerType | undefined;
-            loop?: boolean | undefined;
-            teleported?: boolean | undefined;
             popperClass?: string | undefined;
+            teleported?: boolean | undefined;
             hideOnClick?: boolean | undefined;
             showTimeout?: number | undefined;
             hideTimeout?: number | undefined;
@@ -113,6 +113,10 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            loop: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -121,14 +125,6 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<import("..").TooltipTriggerType>;
                 default: string;
             };
-            loop: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            teleported: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             popperOptions: {
                 type: import("vue").PropType<import("@popperjs/core").Options>;
             };
@@ -136,6 +132,10 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            teleported: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             splitButton: {
                 type: import("vue").PropType<boolean>;
             };
@@ -172,11 +172,11 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             effect: "light" | "dark";
             tabindex: string | number;
             role: string;
+            loop: boolean;
             disabled: boolean;
             trigger: import("..").TooltipTriggerType;
-            loop: boolean;
-            teleported: boolean;
             popperClass: string;
+            teleported: boolean;
             hideOnClick: boolean;
             showTimeout: number;
             hideTimeout: number;
@@ -230,6 +230,10 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
+        loop: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -238,14 +242,6 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<import("..").TooltipTriggerType>;
             default: string;
         };
-        loop: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         popperOptions: {
             type: import("vue").PropType<import("@popperjs/core").Options>;
         };
@@ -253,6 +249,10 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
+        teleported: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         splitButton: {
             type: import("vue").PropType<boolean>;
         };
@@ -313,6 +313,10 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    loop: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -321,14 +325,6 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<import("..").TooltipTriggerType>;
         default: string;
     };
-    loop: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    teleported: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     popperOptions: {
         type: import("vue").PropType<import("@popperjs/core").Options>;
     };
@@ -336,6 +332,10 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    teleported: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     splitButton: {
         type: import("vue").PropType<boolean>;
     };
@@ -372,11 +372,11 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
     effect: "light" | "dark";
     tabindex: string | number;
     role: string;
+    loop: boolean;
     disabled: boolean;
     trigger: import("..").TooltipTriggerType;
-    loop: boolean;
-    teleported: boolean;
     popperClass: string;
+    teleported: boolean;
     hideOnClick: boolean;
     showTimeout: number;
     hideTimeout: number;

package/es/components/dropdown/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as m, withNoopInstall as o } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import p from "./dropdown.vue2.js";
 import t from "./dropdown-item.vue.js";

package/es/components/empty/empty.vue2.js

@@ -1,25 +1,25 @@
 import { defineComponent as f, getCurrentInstance as z, computed as d, openBlock as s, createElementBlock as i, normalizeClass as n, unref as e, createElementVNode as C, normalizeStyle as T, renderSlot as u, createVNode as _, createCommentVNode as N } from "vue";
-import { renderTNode as A, setSize as E, VNode as v } from "@vft/utils";
+import { renderTNode as A, setSize as E, VNode as O } from "@vft/utils";
 import "@vueuse/core";
-import { getSizeType as O } from "../../utils/helper.js";
+import { getSizeType as k } from "../../utils/helper.js";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as k } from "../../hooks/use-namespace/index.js";
+import { useNamespace as v } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import S from "./assets/no-collect.png.js";
 import D from "./assets/no-data.png.js";
 import V from "./assets/no-filter.png.js";
 import $ from "./assets/no-page-data.png.js";
-import h from "./assets/no-search.png.js";
+import b from "./assets/no-search.png.js";
 import { EmptyEnum as o } from "./constants.js";
-const x = ["src"], r = (
+const h = ["src"], m = (
   /* hoist-static*/
-  k("empty")
-), L = f({
-  name: "vft-empty"
+  v("empty")
+), x = f({
+  name: m.b()
 }), Y = /* @__PURE__ */ f({
-  ...L,
+  ...x,
   props: {
     img: {},
     type: { default: o.NO_DATA },
@@ -61,38 +61,38 @@ const x = ["src"], r = (
         o.NO_SEARCH,
         {
           text: "没有搜索结果",
-          img: h
+          img: b
         }
       ]
     ])).get(a.type), y = d(() => a.img || (t == null ? void 0 : t.img)), c = d(
       () => A(g, "desc", { defaultNode: t == null ? void 0 : t.text })
-    ), l = O(a.size);
-    return (m, b) => {
+    ), l = k(a.size);
+    return (r, M) => {
       var p;
       return s(), i("div", {
-        class: n([e(r).b(), e(l) ? e(r).m(e(l)) : ""])
+        class: n([e(m).b(), e(l) ? e(m).m(e(l)) : ""])
       }, [
         C("div", {
-          class: n(e(r).e("image")),
-          style: T(e(l) ? {} : e(E)(((p = e(t)) == null ? void 0 : p.size) || m.size))
+          class: n(e(m).e("image")),
+          style: T(e(l) ? {} : e(E)(((p = e(t)) == null ? void 0 : p.size) || r.size))
         }, [
-          m.$slots.img ? u(m.$slots, "img", { key: 0 }) : (s(), i("img", {
+          r.$slots.img ? u(r.$slots, "img", { key: 0 }) : (s(), i("img", {
             key: 1,
             src: y.value,
             alt: ""
-          }, null, 8, x))
+          }, null, 8, h))
         ], 6),
         c.value ? (s(), i("span", {
           key: 0,
-          class: n(e(r).e("desc"))
+          class: n(e(m).e("desc"))
         }, [
-          _(e(v), { content: c.value }, null, 8, ["content"])
+          _(e(O), { content: c.value }, null, 8, ["content"])
         ], 2)) : N("", !0),
-        m.$slots.default ? (s(), i("div", {
+        r.$slots.default ? (s(), i("div", {
           key: 1,
-          class: n(e(r).e("bottom"))
+          class: n(e(m).e("bottom"))
         }, [
-          u(m.$slots, "default")
+          u(r.$slots, "default")
         ], 2)) : N("", !0)
       ], 2);
     };

package/es/components/empty/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import m from "./empty.vue2.js";
 import { EmptyEnum as E } from "./constants.js";

package/es/components/exception/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import o from "./exception.vue2.js";
 const s = t(o);

package/es/components/footer-layout/footer-layout.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, openBlock as s, createBlock as l, unref as t, normalizeClass as o, withCtx as a, createElementVNode as m, renderSlot as p } from "vue";
+import { defineComponent as e, openBlock as s, createBlock as l, unref as t, normalizeClass as r, withCtx as a, createElementVNode as m, renderSlot as p } from "vue";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../backtop/index.js";
@@ -87,36 +87,36 @@ import "../md-vue-playground/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as f } from "../../hooks/use-namespace/index.js";
+import { useNamespace as c } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
-const r = (
+const o = (
   /* hoist-static*/
-  f("footer-layout")
-), c = e({
-  name: "vft-footer-layout"
+  c("footer-layout")
+), f = e({
+  name: o.b()
 }), ro = /* @__PURE__ */ e({
-  ...c,
-  setup(u) {
-    return (i, d) => (s(), l(t(n), {
-      class: o(t(r).b())
+  ...f,
+  setup(d) {
+    return (i, u) => (s(), l(t(n), {
+      class: r(t(o).b())
     }, {
       default: a(() => [
         m("div", {
-          class: o(t(r).e("left"))
+          class: r(t(o).e("left"))
         }, [
           p(i.$slots, "left")
         ], 2),
         m("div", {
-          class: o(t(r).e("center"))
+          class: r(t(o).e("center"))
         }, [
           p(i.$slots, "default")
         ], 2),
         m("div", {
-          class: o(t(r).e("right"))
+          class: r(t(o).e("right"))
         }, [
           p(i.$slots, "right")
         ], 2)

package/es/components/footer-layout/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import o from "./footer-layout.vue2.js";
 const e = t(o);

package/es/components/form/form-item.vue.d.ts

@@ -1,11 +1,12 @@
 import type { ComponentSize } from 'vft/es/constants';
+import type { Arrayable } from '../types';
 import type { FormItemRule } from './types';
 export interface FormItemProps {
     label?: string;
     labelWidth?: string | number;
     prop?: string | string[];
     required?: boolean;
-    rules?: FormItemRule;
+    rules?: Arrayable<FormItemRule>;
     error?: string;
     for?: string;
     validateStatus?: '' | 'error' | 'validating' | 'success';
@@ -35,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     rules: {
-        type: import("vue").PropType<FormItemRule>;
+        type: import("vue").PropType<Arrayable<FormItemRule>>;
     };
     for: {
         type: import("vue").PropType<string>;
@@ -77,7 +78,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     resetField: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:error': (val: string) => void;
+    "update:error": (val: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
@@ -100,7 +101,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     rules: {
-        type: import("vue").PropType<FormItemRule>;
+        type: import("vue").PropType<Arrayable<FormItemRule>>;
     };
     for: {
         type: import("vue").PropType<string>;

package/es/components/form/form-item.vue2.js

@@ -1,8 +1,7 @@
 import { defineComponent as Y, useSlots as ge, inject as E, ref as g, computed as a, watch as L, reactive as he, toRefs as ye, provide as be, onMounted as Se, onBeforeUnmount as _e, openBlock as F, createElementBlock as Ie, normalizeClass as h, unref as c, createBlock as T, withCtx as M, resolveDynamicComponent as Ve, normalizeStyle as G, renderSlot as R, createTextVNode as qe, toDisplayString as K, createCommentVNode as U, createElementVNode as O, createVNode as we, TransitionGroup as Fe, nextTick as Me } from "vue";
-import { addUnit as H, isBoolean as Re, isString as We, isFunction as ze } from "@vft/utils";
+import { addUnit as H, isBoolean as Re, isString as We, getProp as W, isFunction as ze } from "@vft/utils";
 import { refDebounced as Be } from "@vueuse/core";
 import "../../utils/ns-cover.js";
-import { getProp as W } from "../../utils/objects.js";
 import { castArray as J, clone as Q } from "lodash";
 import { useId as $e } from "../../hooks/use-id/index.js";
 import { useNamespace as Ne } from "../../hooks/use-namespace/index.js";
@@ -16,8 +15,8 @@ const Ee = ["role", "aria-labelledby"], o = (
   /* hoist-static*/
   Ne("form-item")
 ), Le = Y({
-  name: "vft-form-item"
-}), er = /* @__PURE__ */ Y({
+  name: o.b()
+}), xe = /* @__PURE__ */ Y({
   ...Le,
   props: {
     label: {},
@@ -245,5 +244,5 @@ const Ee = ["role", "aria-labelledby"], o = (
   }
 });
 export {
-  er as default
+  xe as default
 };

package/es/components/form/form.vue2.js

@@ -14,7 +14,7 @@ const l = (
   /* hoist-static*/
   R("form")
 ), K = v({
-  name: "vft-form"
+  name: l.b()
 }), _ = /* @__PURE__ */ v({
   ...K,
   props: {

package/es/components/form/hooks/use-form-common-props.js

@@ -5,9 +5,9 @@ import "lodash";
 import { ref as u, inject as r, computed as m, unref as p } from "vue";
 import "../../config-provider/hooks/use-global-config.js";
 import "@popperjs/core";
-import { useProp as d } from "../../../hooks/use-prop/index.js";
 import { useGlobalSize as a } from "../../../hooks/use-size/index.js";
 import "../../../hooks/use-z-index/index.js";
+import { useProp as d } from "@vft/use";
 import { formContextKey as l, formItemContextKey as f } from "../constants.js";
 const v = (t, o = {}) => {
   const e = u(void 0), n = o.prop ? e : d("size"), c = o.global ? e : a(), i = o.form ? { size: void 0 } : r(l, void 0), s = o.formItem ? { size: void 0 } : r(f, void 0);