vft 0.0.507 → 0.0.511

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

@@ -1,31 +1,32 @@
-import { defineComponent as S, getCurrentInstance as X, ref as a, computed as b, watch as Z, toRef as h, onBeforeUnmount as _, provide as T, createElementBlock as ee, openBlock as $, normalizeClass as x, unref as o, createVNode as r, createBlock as te, createCommentVNode as oe, createSlots as ne, withCtx as n, renderSlot as y, mergeProps as I } from "vue";
-import { VftButtonGroup as re, VftButton as O } from "../button/index.js";
+import { defineComponent as S, getCurrentInstance as Z, ref as a, computed as b, watch as _, toRef as h, onBeforeUnmount as ee, provide as T, openBlock as $, createElementBlock as te, normalizeClass as x, unref as o, createVNode as r, createSlots as oe, withCtx as n, renderSlot as y, createBlock as ne, mergeProps as I, createCommentVNode as re } from "vue";
+import { VftButtonGroup as le, VftButton as O } from "../button/index.js";
 import "../form/index.js";
-import { VftIcon as le } from "../icon/index.js";
-import ie from "../roving-focus-group/roving-focus-group.vue2.js";
+import { VftIcon as ie } from "../icon/index.js";
+import ae from "../roving-focus-group/roving-focus-group.vue2.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 ae } from "../scrollbar/index.js";
-import { OnlyChild as de } from "../slot/only-child.js";
-import { VftTooltip as fe } from "../tooltip/index.js";
+import { VftScrollbar as de } from "../scrollbar/index.js";
+import { OnlyChild as fe } from "../slot/only-child.js";
+import { VftTooltip as ue } from "../tooltip/index.js";
 import "@vueuse/core";
-import { isArray as ue } from "@vft/utils";
-import { addUnit as se } from "../../utils/helper.js";
+import { isArray as se } from "@vft/utils";
+import { addUnit as ce } from "../../utils/helper.js";
 import "lodash-es";
-import { useId as ce } from "../../hooks/use-id/index.js";
-import { useNamespace as me } from "../../hooks/use-namespace/index.js";
+import { useId as me } from "../../hooks/use-id/index.js";
+import { useNamespace as pe } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { DROPDOWN_INJECTION_KEY as pe } from "./tokens.js";
-import { VftCollection as ve } from "./types.js";
-import { useFormSize as ge } from "../form/hooks/use-form-common-props.js";
-const be = S({
+import ve from "../../locale/use-locale.js";
+import { DROPDOWN_INJECTION_KEY as ge } from "./tokens.js";
+import { VftCollection as be } from "./types.js";
+import { useFormSize as he } from "../form/hooks/use-form-common-props.js";
+const ye = S({
   name: "vft-dropdown"
-}), Ue = /* @__PURE__ */ S({
-  ...be,
+}), Me = /* @__PURE__ */ S({
+  ...ye,
   props: {
     trigger: { default: "hover" },
     effect: { default: "light" },
@@ -48,99 +49,99 @@ const be = S({
     teleported: { type: Boolean, default: !0 }
   },
   emits: ["visible-change", "command", "click"],
-  setup(e, { expose: z, emit: R }) {
-    const d = e, u = R, l = me("dropdown"), L = X(), i = a(), C = a(), m = a(null), f = a(null), V = a(null), p = a(null), k = a(!1), N = [w.enter, w.space, w.down], D = b(() => ({
-      maxHeight: se(d.maxHeight)
-    })), H = ce().value, v = b(() => d.id || H);
-    Z(
+  setup(e, { expose: z, emit: L }) {
+    const { t: R } = ve(), d = e, u = L, l = pe("dropdown"), V = Z(), i = a(), C = a(), m = a(null), f = a(null), D = a(null), p = a(null), k = a(!1), N = [w.enter, w.space, w.down], H = b(() => ({
+      maxHeight: ce(d.maxHeight)
+    })), P = me().value, v = b(() => d.id || P);
+    _(
       [i, h(d, "trigger")],
       ([t, c], [B]) => {
-        const Q = ue(c) ? c : [c];
+        const X = se(c) ? c : [c];
         B?.$el?.removeEventListener && B.$el.removeEventListener(
           "pointerenter",
           s
         ), t?.$el?.removeEventListener && t.$el.removeEventListener(
           "pointerenter",
           s
-        ), t?.$el?.addEventListener && Q.includes("hover") && t.$el.addEventListener(
+        ), t?.$el?.addEventListener && X.includes("hover") && t.$el.addEventListener(
           "pointerenter",
           s
         );
       },
       { immediate: !0 }
-    ), _(() => {
+    ), ee(() => {
       i.value?.$el?.removeEventListener && i.value.$el.removeEventListener(
         "pointerenter",
         s
       );
     });
-    function P() {
+    function A() {
       E();
     }
     function E() {
       m.value?.onClose();
     }
-    function A() {
+    function F() {
       m.value?.onOpen();
     }
-    const g = ge();
-    function F(...t) {
+    const g = he();
+    function K(...t) {
       u("command", ...t);
     }
     function s() {
       i.value?.$el?.focus();
     }
-    function K() {
-    }
     function U() {
+    }
+    function G() {
       o(f)?.focus(), p.value = null;
     }
-    function G(t) {
+    function J(t) {
       p.value = t;
     }
-    function J(t) {
+    function M(t) {
       k.value || (t.preventDefault(), t.stopImmediatePropagation());
     }
-    function M() {
+    function W() {
       u("visible-change", !0);
     }
-    function W(t) {
+    function Y(t) {
       t?.type === "keydown" && f.value?.focus();
     }
-    function Y() {
+    function j() {
       u("visible-change", !1);
     }
-    T(pe, {
+    T(ge, {
       contentRef: f,
       role: b(() => d.role),
       triggerId: v,
       isUsingKeyboard: k,
-      onItemEnter: K,
-      onItemLeave: U
+      onItemEnter: U,
+      onItemLeave: G
     }), T("elDropdown", {
-      instance: L,
+      instance: V,
       dropdownSize: g,
-      handleClick: P,
-      commandHandler: F,
+      handleClick: A,
+      commandHandler: K,
       trigger: h(d, "trigger"),
       hideOnClick: h(d, "hideOnClick")
     });
-    const j = (t) => {
+    const q = (t) => {
       t.preventDefault(), f.value?.focus?.({
         preventScroll: !0
       });
-    }, q = (t) => {
+    }, Q = (t) => {
       u("click", t);
     };
     return z({
       handleClose: E,
-      handleOpen: A,
+      handleOpen: F,
       // Todo
-      onFocusAfterTrapped: j
-    }), (t, c) => ($(), ee("div", {
+      onFocusAfterTrapped: q
+    }), (t, c) => ($(), te("div", {
       class: x([o(l).b(), o(l).is("disabled", e.disabled)])
     }, [
-      r(o(fe), {
+      r(o(ue), {
         ref_key: "popperRef",
         ref: m,
         role: e.role,
@@ -165,28 +166,28 @@ const be = S({
         teleported: e.teleported,
         pure: "",
         persistent: "",
-        onBeforeShow: M,
-        onShow: W,
-        onBeforeHide: Y
-      }, ne({
+        onBeforeShow: W,
+        onShow: Y,
+        onBeforeHide: j
+      }, oe({
         content: n(() => [
-          r(o(ae), {
+          r(o(de), {
             ref_key: "scrollbar",
-            ref: V,
-            "wrap-style": D.value,
+            ref: D,
+            "wrap-style": H.value,
             tag: "div",
             "view-class": [o(l).e("list"), "test"]
           }, {
             default: n(() => [
-              r(o(ie), {
+              r(o(ae), {
                 loop: e.loop,
                 "current-tab-id": p.value,
                 orientation: "horizontal",
-                onCurrentTabIdChange: G,
-                onEntryFocus: J
+                onCurrentTabIdChange: J,
+                onEntryFocus: M
               }, {
                 default: n(() => [
-                  r(o(ve), null, {
+                  r(o(be), null, {
                     default: n(() => [
                       y(t.$slots, "dropdown")
                     ]),
@@ -204,7 +205,7 @@ const be = S({
         e.splitButton ? void 0 : {
           name: "default",
           fn: n(() => [
-            r(o(de), {
+            r(o(fe), {
               id: v.value,
               ref_key: "triggeringElementRef",
               ref: i,
@@ -220,7 +221,7 @@ const be = S({
           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 ? ($(), te(o(re), { key: 0 }, {
+      e.splitButton ? ($(), ne(o(le), { key: 0 }, {
         default: n(() => [
           r(o(O), I({
             ref_key: "referenceElementRef",
@@ -230,7 +231,7 @@ const be = S({
             type: e.type,
             disabled: e.disabled,
             tabindex: e.tabindex,
-            onClick: q
+            onClick: Q
           }), {
             default: n(() => [
               y(t.$slots, "default")
@@ -248,22 +249,22 @@ const be = S({
             class: o(l).e("caret-button"),
             disabled: e.disabled,
             tabindex: e.tabindex,
-            "aria-label": "切换下拉菜单"
+            "aria-label": o(R)("toggleDropdown")
           }), {
             default: n(() => [
-              r(o(le), {
+              r(o(ie), {
                 class: x(o(l).e("icon")),
                 icon: "icon-arrow-down"
               }, null, 8, ["class"])
             ]),
             _: 1
-          }, 16, ["id", "size", "type", "class", "disabled", "tabindex"])
+          }, 16, ["id", "size", "type", "class", "disabled", "tabindex", "aria-label"])
         ]),
         _: 3
-      })) : oe("", !0)
+      })) : re("", !0)
     ], 2));
   }
 });
 export {
-  Ue as default
+  Me as default
 };

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

@@ -70,8 +70,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         buttonProps: ButtonProps;
     }>> & Readonly<{
         onClick?: ((val: MouseEvent) => any) | undefined;
-        "onVisible-change"?: ((val: boolean) => any) | undefined;
         onCommand?: ((val: string) => any) | undefined;
+        "onVisible-change"?: ((val: boolean) => any) | undefined;
     }>, {
         handleClose: () => void;
         handleOpen: () => void;
@@ -172,8 +172,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         buttonProps: ButtonProps;
     }>> & Readonly<{
         onClick?: ((val: MouseEvent) => any) | undefined;
-        "onVisible-change"?: ((val: boolean) => any) | undefined;
         onCommand?: ((val: string) => any) | undefined;
+        "onVisible-change"?: ((val: boolean) => any) | undefined;
     }>, {
         handleClose: () => void;
         handleOpen: () => void;
@@ -267,8 +267,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
     buttonProps: ButtonProps;
 }>> & Readonly<{
     onClick?: ((val: MouseEvent) => any) | undefined;
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
     onCommand?: ((val: string) => any) | undefined;
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
 }>, {
     handleClose: () => void;
     handleOpen: () => void;
@@ -303,14 +303,14 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            icon: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             command: {
                 type: import("vue").PropType<string | number | object>;
                 default: () => {};
             };
+            icon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             divided: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -329,8 +329,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             click: (event: PointerEvent) => void;
         }, import("vue").PublicProps, {
             disabled: boolean;
-            icon: string;
             command: object | string | number;
+            icon: string;
             divided: boolean;
             textValue: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -345,14 +345,14 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            icon: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             command: {
                 type: import("vue").PropType<string | number | object>;
                 default: () => {};
             };
+            icon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             divided: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -367,8 +367,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             onPointermove?: ((event: PointerEvent) => any) | undefined;
         }>, {}, {}, {}, {}, {
             disabled: boolean;
-            icon: string;
             command: object | string | number;
+            icon: string;
             divided: boolean;
             textValue: string;
         }>;
@@ -380,14 +380,14 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        icon: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         command: {
             type: import("vue").PropType<string | number | object>;
             default: () => {};
         };
+        icon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         divided: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -406,8 +406,8 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         click: (event: PointerEvent) => void;
     }, string, {
         disabled: boolean;
-        icon: string;
         command: object | string | number;
+        icon: string;
         divided: boolean;
         textValue: string;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -451,14 +451,14 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        icon: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         command: {
             type: import("vue").PropType<string | number | object>;
             default: () => {};
         };
+        icon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         divided: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -477,8 +477,8 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
         click: (event: PointerEvent) => void;
     }, import("vue").PublicProps, {
         disabled: boolean;
-        icon: string;
         command: object | string | number;
+        icon: string;
         divided: boolean;
         textValue: string;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -493,14 +493,14 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        icon: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         command: {
             type: import("vue").PropType<string | number | object>;
             default: () => {};
         };
+        icon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         divided: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -515,8 +515,8 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
         onPointermove?: ((event: PointerEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
         disabled: boolean;
-        icon: string;
         command: object | string | number;
+        icon: string;
         divided: boolean;
         textValue: string;
     }>;
@@ -528,14 +528,14 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    icon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     command: {
         type: import("vue").PropType<string | number | object>;
         default: () => {};
     };
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     divided: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -554,8 +554,8 @@ export declare const VftDropdownItem: import("vft/es/utils").SFCWithInstall<{
     click: (event: PointerEvent) => void;
 }, string, {
     disabled: boolean;
-    icon: string;
     command: object | string | number;
+    icon: string;
     divided: boolean;
     textValue: string;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

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

@@ -1,71 +1,72 @@
-import { defineComponent as d, getCurrentInstance as v, computed as s, createElementBlock as l, openBlock as a, normalizeClass as c, unref as t, createElementVNode as k, createCommentVNode as i, renderSlot as u, createBlock as z, normalizeProps as x, mergeProps as C, createVNode as E } from "vue";
+import { defineComponent as p, getCurrentInstance as k, computed as s, openBlock as m, createElementBlock as l, normalizeClass as c, unref as o, createElementVNode as z, renderSlot as u, createBlock as x, normalizeProps as D, mergeProps as E, createVNode as C, createCommentVNode as d } from "vue";
 import { VftIcon as V } from "../icon/index.js";
 import "@vueuse/core";
-import { singleAttrToObj as D, renderTNode as $, VNode as b } from "@vft/utils";
-import { addUnit as h } from "../../utils/helper.js";
+import { singleAttrToObj as h, renderTNode as w, VNode as F } from "@vft/utils";
+import { addUnit as $ } from "../../utils/helper.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as w } from "../../hooks/use-namespace/index.js";
+import { useNamespace as b } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
+import B from "../../locale/use-locale.js";
 import { EmptyEnum as e } from "./constants.js";
-const B = d({
+const I = p({
   name: "vft-empty"
-}), J = /* @__PURE__ */ d({
-  ...B,
+}), Q = /* @__PURE__ */ p({
+  ...I,
   props: {
     icon: {},
     type: { default: () => e.NoData },
     size: { default: "default" },
     desc: {}
   },
-  setup(o) {
-    const n = w("empty"), p = v(), f = /* @__PURE__ */ new Map([
+  setup(n) {
+    const r = b("empty"), f = k(), { t } = B(), y = /* @__PURE__ */ new Map([
       [
         e.NotFound,
         {
-          text: "页面不存在"
+          text: t("vft.empty.notFound")
         }
       ],
       [
         e.Delete,
         {
-          text: "已删除"
+          text: t("vft.empty.deleted")
         }
       ],
       [
         e.NetworkDisconnect,
         {
-          text: "网络已断开"
+          text: t("vft.empty.networkDisconnect")
         }
       ],
       [
         e.NoData,
         {
-          text: "暂无数据"
+          text: t("vft.empty.noData")
         }
       ],
       [
         e.PageError,
         {
-          text: "系统异常"
+          text: t("vft.empty.pageError")
         }
       ],
       [
         e.NoFilter,
         {
-          text: "此筛选条件下无结果"
+          text: t("vft.empty.noFilter")
         }
       ],
       [
         e.NoSearch,
         {
-          text: "没有搜索结果"
+          text: t("vft.empty.noSearch")
         }
       ]
-    ]), N = s(() => f.get(o.type)), g = s(() => {
-      switch (o.size) {
+    ]), v = s(() => y.get(n.type)), N = s(() => {
+      switch (n.size) {
         case "large":
           return 120;
         case "default":
@@ -73,37 +74,37 @@ const B = d({
         case "small":
           return 60;
         default:
-          return o.size || 80;
+          return n.size || 80;
       }
-    }), y = s(() => D(o.icon, "icon", {
-      size: h(g.value),
-      icon: o.type
-    })), m = s(
-      () => $(p, "desc", { defaultNode: N.value?.text })
+    }), g = s(() => h(n.icon, "icon", {
+      size: $(N.value),
+      icon: n.type
+    })), i = s(
+      () => w(f, "desc", { defaultNode: v.value?.text })
     );
-    return (r, I) => (a(), l("div", {
-      class: c([t(n).b()])
+    return (a, P) => (m(), l("div", {
+      class: c([o(r).b()])
     }, [
-      k("div", {
-        class: c(t(n).e("image"))
+      z("div", {
+        class: c(o(r).e("image"))
       }, [
-        r.$slots.img ? u(r.$slots, "img", { key: 0 }) : (a(), z(t(V), x(C({ key: 1 }, y.value)), null, 16))
+        a.$slots.img ? u(a.$slots, "img", { key: 0 }) : (m(), x(o(V), D(E({ key: 1 }, g.value)), null, 16))
       ], 2),
-      m.value ? (a(), l("span", {
+      i.value ? (m(), l("span", {
         key: 0,
-        class: c(t(n).e("desc"))
+        class: c(o(r).e("desc"))
       }, [
-        E(t(b), { content: m.value }, null, 8, ["content"])
-      ], 2)) : i("", !0),
-      r.$slots.default ? (a(), l("div", {
+        C(o(F), { content: i.value }, null, 8, ["content"])
+      ], 2)) : d("", !0),
+      a.$slots.default ? (m(), l("div", {
         key: 1,
-        class: c(t(n).e("bottom"))
+        class: c(o(r).e("bottom"))
       }, [
-        u(r.$slots, "default")
-      ], 2)) : i("", !0)
+        u(a.$slots, "default")
+      ], 2)) : d("", !0)
     ], 2));
   }
 });
 export {
-  J as default
+  Q as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as a, createBlock as i, openBlock as m, unref as t, normalizeClass as o, withCtx as p, createElementVNode as s, renderSlot as l } from "vue";
+import { defineComponent as a, openBlock as i, createBlock as m, unref as t, normalizeClass as o, withCtx as p, createElementVNode as s, renderSlot as l } from "vue";
 import { VftFooter as n } from "../container/index.js";
 import "@vueuse/core";
 import "@vft/utils";
@@ -15,7 +15,7 @@ const c = a({
   ...c,
   setup(u) {
     const e = f("footer-layout");
-    return (r, d) => (m(), i(t(n), {
+    return (r, d) => (i(), m(t(n), {
       class: o(t(e).b())
     }, {
       default: p(() => [