vft 0.0.50 → 0.0.51

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

@@ -102,7 +102,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -290,12 +290,12 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -308,11 +308,11 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "open" | "before-show" | "before-hide" | "show" | "hide" | "close", ...args: any[]) => void;
+        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -500,12 +500,12 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         }, {
             popperRef: import("vue").Ref<any>;
             contentRef: import("vue").Ref<any>;
@@ -514,7 +514,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "before-show" | "before-hide" | "show" | "hide" | "close")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -536,7 +536,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -724,12 +724,12 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
             required: false;
         };
     }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
         onHide?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         popperRef: import("vue").Ref<any>;
         contentRef: import("vue").Ref<any>;
@@ -878,7 +878,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
         dropdownKls: import("vue").ComputedRef<string[]>;
         role: import("vue").ComputedRef<string>;
         triggerId: import("vue").ComputedRef<string>;
-        dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null) => void;
+        dropdownListWrapperRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | null) => void;
         handleKeydown: (e: KeyboardEvent) => void;
         onBlur: (e: Event) => void;
         onFocus: (e: FocusEvent) => void;
@@ -943,7 +943,7 @@ export declare const VftDropdownMenu: import("vft/es/utils").SFCWithInstall<impo
     dropdownKls: import("vue").ComputedRef<string[]>;
     role: import("vue").ComputedRef<string>;
     triggerId: import("vue").ComputedRef<string>;
-    dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null) => void;
+    dropdownListWrapperRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | null) => void;
     handleKeydown: (e: KeyboardEvent) => void;
     onBlur: (e: Event) => void;
     onFocus: (e: FocusEvent) => void;

package/es/components/dropdown/useDropdown.js

@@ -0,0 +1,59 @@
+import { inject as k, computed as T, ref as l } from "vue";
+import { buildShortUUID as O, addClass as S } from "@vft/utils";
+import { EVENT_CODE as o } from "../../constants/aria.js";
+import { useNamespace as z } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+const C = () => {
+  const u = k("elDropdown", {}), e = T(() => u == null ? void 0 : u.dropdownSize);
+  return {
+    elDropdown: u,
+    _elDropdownSize: e
+  };
+}, G = (u, e, i) => {
+  const A = z("dropdown"), s = l(null), a = l(null), r = l(null), f = l(`dropdown-menu-${O()}`);
+  r.value = u == null ? void 0 : u.subTree.el;
+  function p() {
+    var t;
+    e.setAttribute("tabindex", "-1"), (t = a.value) == null || t.forEach((n) => {
+      n.setAttribute("tabindex", "-1");
+    });
+  }
+  function b(t) {
+    p(), t == null || t.setAttribute("tabindex", "0");
+  }
+  function D(t) {
+    const n = t.code;
+    [o.up, o.down].includes(n) ? (p(), b(s.value[0]), s.value[0].focus(), t.preventDefault(), t.stopPropagation()) : n === o.enter ? i.handleClick() : [o.tab, o.esc].includes(n) && i.hide();
+  }
+  function w(t) {
+    const n = t.code, v = t.target, c = a.value.indexOf(v), x = a.value.length - 1;
+    let d;
+    [o.up, o.down].includes(n) ? (n === o.up ? d = c !== 0 ? c - 1 : 0 : d = c < x ? c + 1 : x, p(), b(s.value[d]), s.value[d].focus(), t.preventDefault(), t.stopPropagation()) : n === o.enter ? (m(), v.click(), i.props.hideOnClick && i.hide()) : [o.tab, o.esc].includes(n) && (i.hide(), m());
+  }
+  function h() {
+    r.value.setAttribute("id", f.value), e.setAttribute("aria-haspopup", "list"), e.setAttribute("aria-controls", f.value), i.props.splitButton || (e.setAttribute("role", "button"), e.setAttribute("tabindex", i.props.tabindex), S(e, A.b("selfdefine")));
+  }
+  function y() {
+    var t;
+    e == null || e.addEventListener("keydown", D), (t = r.value) == null || t.addEventListener("keydown", w, !0);
+  }
+  function I() {
+    s.value = r.value.querySelectorAll(
+      "[tabindex='-1']"
+    ), a.value = Array.from(s.value), y(), h();
+  }
+  function m() {
+    e.focus();
+  }
+  I();
+};
+export {
+  G as initDropdownDomEvent,
+  C as useDropdown
+};

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

@@ -20,7 +20,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<ComponentSize | number[] | undefined>;
+        type: __PropType<number[] | ComponentSize | undefined>;
         required: false;
     };
     desc: {
@@ -37,7 +37,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<ComponentSize | number[] | undefined>;
+        type: __PropType<number[] | ComponentSize | undefined>;
         required: false;
     };
     desc: {

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

@@ -0,0 +1,103 @@
+import { defineComponent as f, getCurrentInstance as z, computed as d, openBlock as s, createElementBlock as n, normalizeClass as l, unref as e, createElementVNode as C, normalizeStyle as T, renderSlot as u, createVNode as A, createCommentVNode as N } from "vue";
+import { renderTNode as E, setSize as _, VNode as O } from "@vft/utils";
+import { useNamespace as k } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { getSizeType as S } from "../../utils/helper.js";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { EmptyEnum as o } from "./constants.js";
+import D from "./assets/no-collect.png.js";
+import x from "./assets/no-data.png.js";
+import V from "./assets/no-filter.png.js";
+import $ from "./assets/no-page-data.png.js";
+import b from "./assets/no-search.png.js";
+const h = ["src"], m = (
+  /* hoist-static*/
+  k("empty")
+), v = f({
+  name: m.b()
+}), I = /* @__PURE__ */ f({
+  ...v,
+  props: {
+    img: null,
+    type: { default: o.NO_DATA },
+    size: null,
+    desc: null
+  },
+  setup(r) {
+    const g = z(), t = (/* @__PURE__ */ new Map([
+      [
+        o.NO_COLLECT,
+        {
+          text: "暂无收藏记录",
+          img: D
+        }
+      ],
+      [
+        o.NO_PAGE_DATA,
+        {
+          text: "没有找到相关信息",
+          size: 300,
+          img: $
+        }
+      ],
+      [
+        o.NO_DATA,
+        {
+          text: "暂无数据",
+          img: x
+        }
+      ],
+      [
+        o.NO_FILTER,
+        {
+          text: "此筛选条件下无结果",
+          img: V
+        }
+      ],
+      [
+        o.NO_SEARCH,
+        {
+          text: "没有搜索结果",
+          img: b
+        }
+      ]
+    ])).get(r.type), y = d(() => r.img || (t == null ? void 0 : t.img)), c = d(() => E(g, "desc", { defaultNode: t == null ? void 0 : t.text })), a = S(r.size);
+    return (i, M) => {
+      var p;
+      return s(), n("div", {
+        class: l([e(m).b(), e(a) ? e(m).m(e(a)) : ""])
+      }, [
+        C("div", {
+          class: l(e(m).e("image")),
+          style: T(e(a) ? {} : e(_)(((p = e(t)) == null ? void 0 : p.size) || r.size))
+        }, [
+          i.$slots.img ? u(i.$slots, "img", { key: 0 }) : (s(), n("img", {
+            key: 1,
+            src: e(y),
+            alt: ""
+          }, null, 8, h))
+        ], 6),
+        e(c) ? (s(), n("span", {
+          key: 0,
+          class: l(e(m).e("desc"))
+        }, [
+          A(e(O), { content: e(c) }, null, 8, ["content"])
+        ], 2)) : N("", !0),
+        i.$slots.default ? (s(), n("div", {
+          key: 1,
+          class: l(e(m).e("bottom"))
+        }, [
+          u(i.$slots, "default")
+        ], 2)) : N("", !0)
+      ], 2);
+    };
+  }
+});
+export {
+  I as default
+};

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

@@ -9,7 +9,7 @@ export declare const VftEmpty: import("vft/es/utils").SFCWithInstall<import("vue
         required: false;
     };
     size: {
-        type: import("vue").PropType<import("../types").ComponentSize | number[] | undefined>;
+        type: import("vue").PropType<number[] | import("../types").ComponentSize | undefined>;
         required: false;
     };
     desc: {
@@ -26,7 +26,7 @@ export declare const VftEmpty: import("vft/es/utils").SFCWithInstall<import("vue
         required: false;
     };
     size: {
-        type: import("vue").PropType<import("../types").ComponentSize | number[] | undefined>;
+        type: import("vue").PropType<number[] | import("../types").ComponentSize | undefined>;
         required: false;
     };
     desc: {

package/es/components/focus-trap/focus-trap.vue.js

@@ -0,0 +1,10 @@
+import r from "./focus-trap.vue2.js";
+import { renderSlot as e } from "vue";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+function n(o, s, f, p, a, d) {
+  return e(o.$slots, "default", { handleKeydown: o.onKeydown });
+}
+const u = /* @__PURE__ */ t(r, [["render", n]]);
+export {
+  u as default
+};

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

@@ -0,0 +1,52 @@
+import { defineComponent as a, computed as m, openBlock as c, createElementBlock as f, normalizeClass as o, unref as e, normalizeStyle as p, createElementVNode as s, renderSlot as l } from "vue";
+import { generateCssVars as d, isNullOrUndefined as u, addUnit as y } from "@vft/utils";
+import { useNamespace as v } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+const t = (
+  /* hoist-static*/
+  v("footer-layout")
+), g = a({
+  name: t.b()
+}), S = /* @__PURE__ */ a({
+  ...g,
+  props: {
+    leftDistance: null
+  },
+  setup(n) {
+    const i = m(() => d(
+      u(n.leftDistance) ? {} : {
+        left: y(n.leftDistance)
+      },
+      "layout-footer"
+    ));
+    return (r, h) => (c(), f("div", {
+      class: o(e(t).b()),
+      style: p(e(i))
+    }, [
+      s("div", {
+        class: o(e(t).e("left"))
+      }, [
+        l(r.$slots, "left")
+      ], 2),
+      s("div", {
+        class: o(e(t).e("center"))
+      }, [
+        l(r.$slots, "default")
+      ], 2),
+      s("div", {
+        class: o(e(t).e("right"))
+      }, [
+        l(r.$slots, "right")
+      ], 2)
+    ], 6));
+  }
+});
+export {
+  S as default
+};

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

@@ -9,7 +9,7 @@ export interface FormItemProps {
     rules?: FormItemRule;
     error?: string;
     for?: string;
-    validateStatus?: string;
+    validateStatus?: '' | 'error' | 'validating' | 'success';
     inlineMessage?: string | boolean;
     showMessage?: boolean;
     size?: ComponentSize;
@@ -46,7 +46,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     validateStatus: {
-        type: __PropType<string | undefined>;
+        type: __PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {
@@ -120,7 +120,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     validateStatus: {
-        type: __PropType<string | undefined>;
+        type: __PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {

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

@@ -0,0 +1,246 @@
+import { defineComponent as Y, useSlots as me, inject as D, ref as h, computed as o, watch as E, reactive as he, toRefs as ge, provide as ye, onMounted as be, onBeforeUnmount as Se, openBlock as L, createElementBlock as _e, normalizeClass as g, unref as i, createVNode as T, withCtx as F, createBlock as Ie, resolveDynamicComponent as Ve, normalizeStyle as G, renderSlot as M, createTextVNode as qe, toDisplayString as K, createCommentVNode as U, createElementVNode as O, TransitionGroup as we, nextTick as Fe } from "vue";
+import Me from "async-validator";
+import { castArray as H, clone as J } from "lodash";
+import { refDebounced as Re } from "@vueuse/core";
+import { addUnit as Q, isBoolean as We, isString as ze, isFunction as Be } from "@vft/utils";
+import "../../utils/ns-cover.js";
+import { getProp as R } from "../../utils/objects.js";
+import { useNamespace as $e } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { useId as Ne } from "../../hooks/use-id/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { useFormSize as Ae } from "./hooks/use-form-common-props.js";
+import { formContextKey as Pe, formItemContextKey as X } from "./constants.js";
+import je from "./form-label-wrap.js";
+const De = ["role", "aria-labelledby"], n = (
+  /* hoist-static*/
+  $e("form-item")
+), Ee = Y({
+  name: n.b()
+}), rr = /* @__PURE__ */ Y({
+  ...Ee,
+  props: {
+    label: null,
+    labelWidth: { default: "" },
+    prop: null,
+    required: { type: Boolean, default: void 0 },
+    rules: null,
+    error: null,
+    for: null,
+    validateStatus: null,
+    inlineMessage: { type: [String, Boolean], default: "" },
+    showMessage: { type: Boolean, default: !0 },
+    size: null
+  },
+  setup(Z, { expose: k }) {
+    const s = Z, W = me(), e = D(Pe, void 0), C = D(X, void 0), y = Ae(void 0, { formItem: !1 }), b = Ne().value, d = h([]), p = h(""), x = Re(p, 100), c = h(""), z = h();
+    let B, m = !1;
+    const $ = o(() => {
+      if ((e == null ? void 0 : e.labelPosition) === "top")
+        return {};
+      const r = Q(s.labelWidth || (e == null ? void 0 : e.labelWidth) || "");
+      return r ? { width: r } : {};
+    }), ee = o(() => {
+      if ((e == null ? void 0 : e.labelPosition) === "top" || e != null && e.inline)
+        return {};
+      if (!s.label && !s.labelWidth && le)
+        return {};
+      const r = Q(s.labelWidth || (e == null ? void 0 : e.labelWidth) || "");
+      return !s.label && !W.label ? { marginLeft: r } : {};
+    }), re = o(() => [
+      n.b(),
+      n.m(y.value),
+      n.is("error", p.value === "error"),
+      n.is("validating", p.value === "validating"),
+      n.is("success", p.value === "success"),
+      n.is("required", ne.value || s.required),
+      n.is("no-asterisk", e == null ? void 0 : e.hideRequiredAsterisk),
+      (e == null ? void 0 : e.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
+      { [n.m("feedback")]: e == null ? void 0 : e.statusIcon }
+    ]), te = o(
+      () => We(s.inlineMessage) ? s.inlineMessage : (e == null ? void 0 : e.inlineMessage) || !1
+    ), se = o(() => [
+      n.e("error"),
+      { [n.em("error", "inline")]: te.value }
+    ]), ie = o(() => s.prop ? ze(s.prop) ? s.prop : s.prop.join(".") : ""), S = o(() => !!(s.label || W.label)), _ = o(() => s.for || d.value.length === 1 ? d.value[0] : void 0), I = o(() => !_.value && S.value), le = !!C, N = o(() => {
+      const r = e == null ? void 0 : e.model;
+      if (!(!r || !s.prop))
+        return R(r, s.prop).value;
+    }), V = o(() => {
+      const { required: r } = s, t = [];
+      s.rules && t.push(...H(s.rules));
+      const l = e == null ? void 0 : e.rules;
+      if (l && s.prop) {
+        const a = R(
+          l,
+          s.prop
+        ).value;
+        a && t.push(...H(a));
+      }
+      if (r !== void 0) {
+        const a = t.map((u, f) => [u, f]).filter(([u]) => Object.keys(u).includes("required"));
+        if (a.length > 0)
+          for (const [u, f] of a)
+            u.required !== r && (t[f] = { ...u, required: r });
+        else
+          t.push({ required: r });
+      }
+      return t;
+    }), ae = o(() => V.value.length > 0), oe = (r) => V.value.filter((l) => !l.trigger || !r ? !0 : Array.isArray(l.trigger) ? l.trigger.includes(r) : l.trigger === r).map(({ trigger: l, ...a }) => a), ne = o(
+      () => V.value.some((r) => r.required)
+    ), ue = o(
+      () => x.value === "error" && s.showMessage && ((e == null ? void 0 : e.showMessage) ?? !0)
+    ), A = o(
+      () => `${s.label || ""}${(e == null ? void 0 : e.labelSuffix) || ""}`
+    ), v = (r) => {
+      p.value = r;
+    }, de = (r) => {
+      var a;
+      const { errors: t, fields: l } = r;
+      (!t || !l) && console.error(r), v("error"), c.value = t ? ((a = t == null ? void 0 : t[0]) == null ? void 0 : a.message) ?? `${s.prop} is required` : "", e == null || e.emit("validate", s.prop, !1, c.value);
+    }, pe = () => {
+      v("success"), e == null || e.emit("validate", s.prop, !0, "");
+    }, ce = async (r) => {
+      const t = ie.value;
+      return new Me({
+        [t]: r
+      }).validate({ [t]: N.value }, { firstFields: !0 }).then(() => (pe(), !0)).catch((a) => (de(a), Promise.reject(a)));
+    }, P = async (r, t) => {
+      if (m || !s.prop)
+        return !1;
+      const l = Be(t);
+      if (!ae.value)
+        return t == null || t(!1), !1;
+      const a = oe(r);
+      return a.length === 0 ? (t == null || t(!0), !0) : (v("validating"), ce(a).then(() => (t == null || t(!0), !0)).catch((u) => {
+        const { fields: f } = u;
+        return t == null || t(!1, f), l ? !1 : Promise.reject(f);
+      }));
+    }, q = () => {
+      v(""), c.value = "", m = !1;
+    }, j = async () => {
+      const r = e == null ? void 0 : e.model;
+      if (!r || !s.prop)
+        return;
+      const t = R(r, s.prop);
+      m = !0, t.value = J(B), await Fe(), q(), m = !1;
+    }, ve = (r) => {
+      d.value.includes(r) || d.value.push(r);
+    }, fe = (r) => {
+      d.value = d.value.filter((t) => t !== r);
+    };
+    E(
+      () => s.error,
+      (r) => {
+        c.value = r || "", v(r ? "error" : "");
+      },
+      { immediate: !0 }
+    ), E(
+      () => s.validateStatus,
+      (r) => v(r || "")
+    );
+    const w = he({
+      ...ge(s),
+      $el: z,
+      size: y,
+      validateState: p,
+      labelId: b,
+      inputIds: d,
+      isGroup: I,
+      hasLabel: S,
+      addInputId: ve,
+      removeInputId: fe,
+      resetField: j,
+      clearValidate: q,
+      validate: P
+    });
+    return ye(X, w), be(() => {
+      s.prop && (e == null || e.addField(w), B = J(N.value));
+    }), Se(() => {
+      e == null || e.removeField(w);
+    }), k({
+      /**
+       * @description Form item size.
+       */
+      size: y,
+      /**
+       * @description Validation message.
+       */
+      validateMessage: c,
+      /**
+       * @description Validation state.
+       */
+      validateState: p,
+      /**
+       * @description Validate form item.
+       */
+      validate: P,
+      /**
+       * @description Remove validation status of the field.
+       */
+      clearValidate: q,
+      /**
+       * @description Reset current field and remove validation result.
+       */
+      resetField: j
+    }), (r, t) => {
+      var l;
+      return L(), _e("div", {
+        ref_key: "formItemRef",
+        ref: z,
+        class: g(i(re)),
+        role: i(I) ? "group" : void 0,
+        "aria-labelledby": i(I) ? i(b) : void 0
+      }, [
+        T(i(je), {
+          "is-auto-width": i($).width === "auto",
+          "update-all": ((l = i(e)) == null ? void 0 : l.labelWidth) === "auto"
+        }, {
+          default: F(() => [
+            i(S) ? (L(), Ie(Ve(i(_) ? "label" : "div"), {
+              key: 0,
+              id: i(b),
+              for: i(_),
+              class: g(i(n).e("label")),
+              style: G(i($))
+            }, {
+              default: F(() => [
+                M(r.$slots, "label", { label: i(A) }, () => [
+                  qe(K(i(A)), 1)
+                ])
+              ]),
+              _: 3
+            }, 8, ["id", "for", "class", "style"])) : U("", !0)
+          ]),
+          _: 3
+        }, 8, ["is-auto-width", "update-all"]),
+        O("div", {
+          class: g(i(n).e("content")),
+          style: G(i(ee))
+        }, [
+          M(r.$slots, "default"),
+          T(we, {
+            name: `${i(n).namespace.value}-zoom-in-top`
+          }, {
+            default: F(() => [
+              i(ue) ? M(r.$slots, "error", {
+                key: 0,
+                error: c.value
+              }, () => [
+                O("div", {
+                  class: g(i(se))
+                }, K(c.value), 3)
+              ]) : U("", !0)
+            ]),
+            _: 3
+          }, 8, ["name"])
+        ], 6)
+      ], 10, De);
+    };
+  }
+});
+export {
+  rr as default
+};