vft 0.0.249 → 0.0.252

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

@@ -1,17 +1,17 @@
-import { defineComponent as R, getCurrentInstance as Z, ref as i, computed as b, watch as _, toRef as h, onBeforeUnmount as x, provide as B, resolveComponent as ee, createElementBlock as te, openBlock as T, normalizeClass as $, unref as t, createVNode as r, createBlock as oe, createCommentVNode as re, createSlots as ne, withCtx as o, renderSlot as y, mergeProps as I } from "vue";
-import { addUnit as le, isArray as ie } from "@vft/utils";
-import { VftButton as O } from "../button/index.js";
+import { defineComponent as R, getCurrentInstance as Z, ref as i, computed as g, watch as _, toRef as b, onBeforeUnmount as x, provide as B, createElementBlock as ee, openBlock as T, normalizeClass as $, unref as t, createVNode as r, createBlock as te, createCommentVNode as oe, createSlots as re, withCtx as o, renderSlot as h, mergeProps as I } from "vue";
+import { VftButtonGroup as ne, VftButton as O } from "../button/index.js";
 import "../form/index.js";
-import { VftIcon as ae } from "../icon/index.js";
-import se from "../roving-focus-group/roving-focus-group.vue.js";
+import { VftIcon as le } from "../icon/index.js";
+import ie from "../roving-focus-group/roving-focus-group.vue.js";
 import "../roving-focus-group/roving-focus-group-impl.vue2.js";
 import "../roving-focus-group/roving-focus-item.vue2.js";
 import "../roving-focus-group/types.js";
-import { EVENT_CODE as w } from "../../constants/aria.js";
-import { VftScrollbar as pe } from "../scrollbar/index.js";
-import { OnlyChild as de } from "../slot/only-child.js";
-import { VftTooltip as ue } from "../tooltip/index.js";
+import { EVENT_CODE as y } from "../../constants/aria.js";
+import { VftScrollbar as ae } from "../scrollbar/index.js";
+import { OnlyChild as se } from "../slot/only-child.js";
+import { VftTooltip as pe } from "../tooltip/index.js";
 import "@vueuse/core";
+import { addUnit as de, isArray as ue } from "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useId as fe } from "../../hooks/use-id/index.js";
@@ -49,14 +49,14 @@ const be = R({
   },
   emits: ["visible-change", "command", "click"],
   setup(S, { expose: z, emit: L }) {
-    const n = me("dropdown"), a = S, p = L, V = Z(), l = i(), C = i(), m = i(null), s = i(null), N = i(null), c = i(null), k = i(!1), D = [w.enter, w.space, w.down], H = b(() => ({
-      maxHeight: le(a.maxHeight)
-    })), P = fe().value, v = b(() => a.id || P);
+    const n = me("dropdown"), a = S, p = L, V = Z(), l = i(), w = i(), f = i(null), s = i(null), N = i(null), m = i(null), C = i(!1), D = [y.enter, y.space, y.down], H = g(() => ({
+      maxHeight: de(a.maxHeight)
+    })), P = fe().value, c = g(() => a.id || P);
     _(
-      [l, h(a, "trigger")],
-      ([e, u], [f]) => {
-        const X = ie(u) ? u : [u];
-        f?.$el?.removeEventListener && f.$el.removeEventListener(
+      [l, b(a, "trigger")],
+      ([e, u], [E]) => {
+        const X = ue(u) ? u : [u];
+        E?.$el?.removeEventListener && E.$el.removeEventListener(
           "pointerenter",
           d
         ), e?.$el?.removeEventListener && e.$el.removeEventListener(
@@ -75,15 +75,15 @@ const be = R({
       );
     });
     function F() {
-      E();
+      k();
     }
-    function E() {
-      m.value?.onClose();
+    function k() {
+      f.value?.onClose();
     }
     function A() {
-      m.value?.onOpen();
+      f.value?.onOpen();
     }
-    const g = ge();
+    const v = ge();
     function K(...e) {
       p("command", ...e);
     }
@@ -93,13 +93,13 @@ const be = R({
     function U() {
     }
     function G() {
-      t(s)?.focus(), c.value = null;
+      t(s)?.focus(), m.value = null;
     }
     function J(e) {
-      c.value = e;
+      m.value = e;
     }
     function M(e) {
-      k.value || (e.preventDefault(), e.stopImmediatePropagation());
+      C.value || (e.preventDefault(), e.stopImmediatePropagation());
     }
     function W() {
       p("visible-change", !0);
@@ -112,18 +112,18 @@ const be = R({
     }
     B(ce, {
       contentRef: s,
-      role: b(() => a.role),
-      triggerId: v,
-      isUsingKeyboard: k,
+      role: g(() => a.role),
+      triggerId: c,
+      isUsingKeyboard: C,
       onItemEnter: U,
       onItemLeave: G
     }), B("elDropdown", {
       instance: V,
-      dropdownSize: g,
+      dropdownSize: v,
       handleClick: F,
       commandHandler: K,
-      trigger: h(a, "trigger"),
-      hideOnClick: h(a, "hideOnClick")
+      trigger: b(a, "trigger"),
+      hideOnClick: b(a, "hideOnClick")
     });
     const q = (e) => {
       e.preventDefault(), s.value?.focus?.({
@@ -133,138 +133,135 @@ const be = R({
       p("click", e);
     };
     return z({
-      handleClose: E,
+      handleClose: k,
       handleOpen: A,
       // Todo
       onFocusAfterTrapped: q
-    }), (e, u) => {
-      const f = ee("vft-button-group");
-      return T(), te("div", {
-        class: $([t(n).b(), t(n).is("disabled", e.disabled)])
-      }, [
-        r(t(ue), {
-          ref_key: "popperRef",
-          ref: m,
-          role: e.role,
-          effect: e.effect,
-          "fallback-placements": ["bottom", "top"],
-          "popper-options": e.popperOptions,
-          "gpu-acceleration": !1,
-          "hide-after": e.trigger === "hover" ? e.hideTimeout : 0,
-          "manual-mode": !0,
-          placement: e.placement,
-          "popper-class": [t(n).e("popper"), e.popperClass],
-          "reference-element": C.value?.$el,
-          trigger: e.trigger,
-          "trigger-keys": D,
-          "trigger-target-el": s.value,
-          "show-after": e.trigger === "hover" ? e.showTimeout : 0,
-          "stop-popper-mouse-event": !1,
-          "virtual-ref": l.value,
-          "virtual-triggering": e.splitButton,
-          disabled: e.disabled,
-          transition: `${t(n).namespace.value}-zoom-in-top`,
-          teleported: e.teleported,
-          pure: "",
-          persistent: "",
-          onBeforeShow: W,
-          onShow: Y,
-          onBeforeHide: j
-        }, ne({
-          content: o(() => [
-            r(t(pe), {
-              ref_key: "scrollbar",
-              ref: N,
-              "wrap-style": H.value,
-              tag: "div",
-              "view-class": [t(n).e("list"), "test"]
-            }, {
-              default: o(() => [
-                r(t(se), {
-                  loop: e.loop,
-                  "current-tab-id": c.value,
-                  orientation: "horizontal",
-                  onCurrentTabIdChange: J,
-                  onEntryFocus: M
-                }, {
-                  default: o(() => [
-                    r(t(ve), null, {
-                      default: o(() => [
-                        y(e.$slots, "dropdown")
-                      ]),
-                      _: 3
-                    })
-                  ]),
-                  _: 3
-                }, 8, ["loop", "current-tab-id"])
-              ]),
-              _: 3
-            }, 8, ["wrap-style", "view-class"])
-          ]),
-          _: 2
-        }, [
-          e.splitButton ? void 0 : {
-            name: "default",
-            fn: o(() => [
-              r(t(de), {
-                id: v.value,
-                ref_key: "triggeringElementRef",
-                ref: l,
-                role: "button",
-                tabindex: e.tabindex
+    }), (e, u) => (T(), ee("div", {
+      class: $([t(n).b(), t(n).is("disabled", e.disabled)])
+    }, [
+      r(t(pe), {
+        ref_key: "popperRef",
+        ref: f,
+        role: e.role,
+        effect: e.effect,
+        "fallback-placements": ["bottom", "top"],
+        "popper-options": e.popperOptions,
+        "gpu-acceleration": !1,
+        "hide-after": e.trigger === "hover" ? e.hideTimeout : 0,
+        "manual-mode": !0,
+        placement: e.placement,
+        "popper-class": [t(n).e("popper"), e.popperClass],
+        "reference-element": w.value?.$el,
+        trigger: e.trigger,
+        "trigger-keys": D,
+        "trigger-target-el": s.value,
+        "show-after": e.trigger === "hover" ? e.showTimeout : 0,
+        "stop-popper-mouse-event": !1,
+        "virtual-ref": l.value,
+        "virtual-triggering": e.splitButton,
+        disabled: e.disabled,
+        transition: `${t(n).namespace.value}-zoom-in-top`,
+        teleported: e.teleported,
+        pure: "",
+        persistent: "",
+        onBeforeShow: W,
+        onShow: Y,
+        onBeforeHide: j
+      }, re({
+        content: o(() => [
+          r(t(ae), {
+            ref_key: "scrollbar",
+            ref: N,
+            "wrap-style": H.value,
+            tag: "div",
+            "view-class": [t(n).e("list"), "test"]
+          }, {
+            default: o(() => [
+              r(t(ie), {
+                loop: e.loop,
+                "current-tab-id": m.value,
+                orientation: "horizontal",
+                onCurrentTabIdChange: J,
+                onEntryFocus: M
               }, {
                 default: o(() => [
-                  y(e.$slots, "default")
+                  r(t(ve), null, {
+                    default: o(() => [
+                      h(e.$slots, "dropdown")
+                    ]),
+                    _: 3
+                  })
                 ]),
                 _: 3
-              }, 8, ["id", "tabindex"])
+              }, 8, ["loop", "current-tab-id"])
             ]),
-            key: "0"
-          }
-        ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported"]),
-        e.splitButton ? (T(), oe(f, { key: 0 }, {
-          default: o(() => [
-            r(t(O), I({
-              ref_key: "referenceElementRef",
-              ref: C
-            }, e.buttonProps, {
-              size: t(g),
-              type: e.type,
-              disabled: e.disabled,
-              tabindex: e.tabindex,
-              onClick: Q
-            }), {
-              default: o(() => [
-                y(e.$slots, "default")
-              ]),
-              _: 3
-            }, 16, ["size", "type", "disabled", "tabindex"]),
-            r(t(O), I({
-              id: v.value,
+            _: 3
+          }, 8, ["wrap-style", "view-class"])
+        ]),
+        _: 2
+      }, [
+        e.splitButton ? void 0 : {
+          name: "default",
+          fn: o(() => [
+            r(t(se), {
+              id: c.value,
               ref_key: "triggeringElementRef",
-              ref: l
-            }, e.buttonProps, {
+              ref: l,
               role: "button",
-              size: t(g),
-              type: e.type,
-              class: t(n).e("caret-button"),
-              disabled: e.disabled,
-              tabindex: e.tabindex,
-              "aria-label": "切换下拉菜单"
-            }), {
+              tabindex: e.tabindex
+            }, {
               default: o(() => [
-                r(t(ae), {
-                  class: $(t(n).e("icon")),
-                  icon: "icon-arrow-down"
-                }, null, 8, ["class"])
+                h(e.$slots, "default")
               ]),
-              _: 1
-            }, 16, ["id", "size", "type", "class", "disabled", "tabindex"])
+              _: 3
+            }, 8, ["id", "tabindex"])
           ]),
-          _: 3
-        })) : re("", !0)
-      ], 2);
-    };
+          key: "0"
+        }
+      ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported"]),
+      e.splitButton ? (T(), te(t(ne), { key: 0 }, {
+        default: o(() => [
+          r(t(O), I({
+            ref_key: "referenceElementRef",
+            ref: w
+          }, e.buttonProps, {
+            size: t(v),
+            type: e.type,
+            disabled: e.disabled,
+            tabindex: e.tabindex,
+            onClick: Q
+          }), {
+            default: o(() => [
+              h(e.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["size", "type", "disabled", "tabindex"]),
+          r(t(O), I({
+            id: c.value,
+            ref_key: "triggeringElementRef",
+            ref: l
+          }, e.buttonProps, {
+            role: "button",
+            size: t(v),
+            type: e.type,
+            class: t(n).e("caret-button"),
+            disabled: e.disabled,
+            tabindex: e.tabindex,
+            "aria-label": "切换下拉菜单"
+          }), {
+            default: o(() => [
+              r(t(le), {
+                class: $(t(n).e("icon")),
+                icon: "icon-arrow-down"
+              }, null, 8, ["class"])
+            ]),
+            _: 1
+          }, 16, ["id", "size", "type", "class", "disabled", "tabindex"])
+        ]),
+        _: 3
+      })) : oe("", !0)
+    ], 2));
   }
 });
 export {

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

@@ -1,126 +1,37 @@
-import { defineComponent as e, createBlock as s, openBlock 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";
-import "../button/index.js";
-import "../card/index.js";
-import "../check-tag/index.js";
-import "../checkbox/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
-import "../clamp-tooltip/index.js";
-import "../col/index.js";
-import "../collapse-transition/index.js";
-import "../color-picker/index.js";
-import "../config-provider/index.js";
-import { VftFooter as n } from "../container/index.js";
-import "@vft/utils";
-import "../context-menu/context-menu.vue2.js";
-import "../date-picker/index.js";
-import "../date-time-select/index.js";
-import "../descriptions/index.js";
-import "../dialog/index.js";
-import "../divider/index.js";
-import "../drawer/index.js";
-import "../dropdown/index.js";
-import "../empty/index.js";
-import "../exception/index.js";
-import "./index.js";
-import "../form/index.js";
-import "../full-screen/index.js";
-import "../header-layout/index.js";
-import "../horizontal-menu/index.js";
-import "../icon/index.js";
-import "../icon-text/index.js";
-import "../iframe-layout/index.js";
-import "../image/index.js";
-import "../image-viewer/index.js";
-import "../input/index.js";
-import "../input-number/index.js";
-import "../link/index.js";
-import "../list-cell/index.js";
-import "../logo/index.js";
-import "../menu/index.js";
-import "../multiple-tabs/index.js";
-import "../overlay/index.js";
-import "../page-wrapper/index.js";
-import "../pagination/index.js";
-import "../popconfirm/index.js";
-import "../popover/index.js";
-import "../popper/index.js";
-import "../qrcode/index.js";
-import "../radio/index.js";
-import "../result/index.js";
-import "../router-view-content/index.js";
-import "../row/index.js";
-import "../scrollbar/index.js";
-import "../search/index.js";
-import "../select/index.js";
-import "../side-menu/index.js";
-import "../skeleton/index.js";
-import "../slider/index.js";
-import "../space/index.js";
-import "../switch/index.js";
-import "../table/index.js";
-import "../tabs/index.js";
-import "../tag/index.js";
-import "../time-picker/index.js";
-import "../tooltip/index.js";
-import "../tree/index.js";
-import "../verify-code/index.js";
-import "../virtual-list/components/dynamic-size-grid.js";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/props.js";
-import "../steps/index.js";
-import "../autocomplete/index.js";
-import "../modal/index.js";
-import "../progress/index.js";
-import "../super-form/index.js";
-import "../upload/index.js";
-import "../carousel/index.js";
-import "../timeline/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
-import "../md-comment/index.js";
-import "../md-container/index.js";
-import "../md-tabs/index.js";
-import "../md-vue-playground/index.js";
+import { defineComponent as a, createBlock as i, openBlock as m, unref as t, normalizeClass as o, withCtx as n, createElementVNode as s, renderSlot as l } from "vue";
+import { VftFooter as p } from "../container/index.js";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as f } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/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 c = e({
+const c = a({
   name: "vft-footer-layout"
-}), eo = /* @__PURE__ */ e({
+}), V = /* @__PURE__ */ a({
   ...c,
   setup(u) {
-    const o = f("footer-layout");
-    return (i, d) => (l(), s(t(n), {
-      class: r(t(o).b())
+    const e = f("footer-layout");
+    return (r, d) => (m(), i(t(p), {
+      class: o(t(e).b())
     }, {
-      default: a(() => [
-        m("div", {
-          class: r(t(o).e("left"))
+      default: n(() => [
+        s("div", {
+          class: o(t(e).e("left"))
         }, [
-          p(i.$slots, "left")
+          l(r.$slots, "left")
         ], 2),
-        m("div", {
-          class: r(t(o).e("center"))
+        s("div", {
+          class: o(t(e).e("center"))
         }, [
-          p(i.$slots, "default")
+          l(r.$slots, "default")
         ], 2),
-        m("div", {
-          class: r(t(o).e("right"))
+        s("div", {
+          class: o(t(e).e("right"))
         }, [
-          p(i.$slots, "right")
+          l(r.$slots, "right")
         ], 2)
       ]),
       _: 3
@@ -128,5 +39,5 @@ const c = e({
   }
 });
 export {
-  eo as default
+  V as default
 };

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

@@ -1,4 +1,3 @@
-import type { Ref } from 'vue';
 import type { FormItemProps, FormItemValidateState } from './types';
 declare function __VLS_template(): {
     label?(_: {
@@ -16,8 +15,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     showMessage: boolean;
 }>>, {
     size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
-    validateMessage: Ref<string, string>;
-    validateState: Ref<FormItemValidateState, FormItemValidateState>;
+    validateMessage: import("vue").Ref<string, string>;
+    validateState: import("vue").Ref<FormItemValidateState, FormItemValidateState>;
     validate: (trigger: string, callback?: import("./types").FormValidateCallback) => import("./types").FormValidationResult;
     clearValidate: () => void;
     resetField: () => void;