vft 0.0.507 → 0.0.509

package/es/components/date-time-select/date-time-select.vue2.js

@@ -1,21 +1,22 @@
 import { defineComponent as F, ref as u, computed as A, createVNode as e, Fragment as E } from "vue";
 import { isArray as Y } from "@vft/utils";
-import { VftDatePicker as S } from "../date-picker/index.js";
-import { VftDropdown as q } from "../dropdown/index.js";
+import { VftDatePicker as q } from "../date-picker/index.js";
+import { VftDropdown as z } from "../dropdown/index.js";
 import { VftIcon as k } from "../icon/index.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as z } 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 { useLocale as G } from "../../locale/use-locale.js";
 import v from "dayjs";
-const B = F({
+const J = F({
   name: "vft-date-time-select"
-}), oe = /* @__PURE__ */ F({
-  ...B,
+}), ce = /* @__PURE__ */ F({
+  ...J,
   props: {
     dateList: {
       default: () => []
@@ -28,70 +29,72 @@ const B = F({
   setup(d, {
     emit: x
   }) {
-    const H = x, o = z("date-time-select"), C = u(!1), g = u(), I = u("请选择时间"), t = u("");
-    function M(n) {
+    const H = x, l = B("date-time-select"), {
+      t: I
+    } = G(), C = u(!1), g = u(), M = u(I("vft.dateTimeSelect.placeholder")), t = u("");
+    function N(o) {
       const {
         count: a,
         type: h,
         format: f,
-        dateRange: l = !0,
+        dateRange: n = !0,
         startOfType: O,
         endOfType: V
-      } = n;
+      } = o;
       let m, r, L;
-      const p = f || d.defaultFormat, s = v().format(p), R = (i, j = !0) => {
+      const p = f || d.defaultFormat, s = v().format(p), T = (i, j = !0) => {
         let D;
-        const T = j ? "startOf" : "endOf";
-        return i === "week" ? D = v().add(a, i)[T](i).add(1, "day").format(p) : D = v().add(a, i)[T](i).format(p), D;
+        const R = j ? "startOf" : "endOf";
+        return i === "week" ? D = v().add(a, i)[R](i).add(1, "day").format(p) : D = v().add(a, i)[R](i).format(p), D;
       };
-      O && (m = R(O)), V && (r = R(V, !1)), L = v().add(a, h).format(p);
+      O && (m = T(O)), V && (r = T(V, !1)), L = v().add(a, h).format(p);
       const c = m || r || L;
-      return l ? m && r ? [c, r] : a > 0 ? [c !== r && r || s, c] : a === 0 ? [m || s, r || s] : [c, c !== r && r || s] : c;
+      return n ? m && r ? [c, r] : a > 0 ? [c !== r && r || s, c] : a === 0 ? [m || s, r || s] : [c, c !== r && r || s] : c;
     }
-    function N(n, a) {
-      g.value = n, y.value.handleClose(), t.value = M(a), H("change", t.value);
+    function P(o, a) {
+      g.value = o, y.value.handleClose(), t.value = N(a), H("change", t.value);
     }
-    function P() {
+    function S() {
       t.value = "";
     }
     const w = A(() => Y(t.value) && t.value?.length ? `${t.value[0]} - ${t.value[1]}` : t.value), y = u();
-    function $(n) {
-      C.value = n;
+    function $(o) {
+      C.value = o;
     }
     const b = () => {
-      const n = Y(d.dateList[0]) ? d.dateList : [d.dateList];
+      const o = Y(d.dateList[0]) ? d.dateList : [d.dateList];
       return e("div", {
-        class: o.e("content")
-      }, [e(E, null, [n.map((a, h) => e("div", {
+        class: l.e("content")
+      }, [e(E, null, [o.map((a, h) => e("div", {
         key: h,
-        class: o.e("item-container")
-      }, [a.map((f, l) => e("div", {
-        class: [o.e("item"), o.is("active", g.value === l)],
-        onClick: () => N(l, f)
+        class: l.e("item-container")
+      }, [a.map((f, n) => e("div", {
+        class: [l.e("item"), l.is("active", g.value === n)],
+        onClick: () => P(n, f)
       }, [e("span", {
-        key: l
-      }, [f.text]), g.value === l ? e(k, {
+        key: n
+      }, [f.text]), g.value === n ? e(k, {
         icon: "icon-check"
-      }, null) : null])), e(S, {
+      }, null) : null])), e(q, {
         type: "daterange",
         "range-separator": "To",
         "start-placeholder": "Start date",
         "end-placeholder": "End date"
       }, null)]))])]);
     };
-    return () => e(q, {
+    return () => e(z, {
       ref: y,
       trigger: "click",
       teleported: !1,
-      class: o.b(),
+      class: l.b(),
       onVisibleChange: $
     }, {
       default: () => [e("span", {
-        class: [o.e("trigger"), "cursor-pointer"]
+        class: [l.e("trigger"), "cursor-pointer"]
       }, [e("span", {
         class: [w.value ? "text" : "placeholder"]
-      }, [w.value || I.value]), t.value ? e(k, {
-        onClick: P,
+      }, [w.value || M.value]), t.value ? e(k, {
+        onClick: S,
         icon: "icon-circle-close",
         class: "hover:text-black"
       }, null) : null, t.value ? e(k, {
@@ -105,5 +108,5 @@ const B = F({
   }
 });
 export {
-  oe as default
+  ce as default
 };

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, createElementBlock as te, openBlock as $, normalizeClass as x, unref as o, createVNode as r, createBlock as oe, createCommentVNode as ne, createSlots as re, withCtx as n, renderSlot as y, mergeProps as I } 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 { useLocale as 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
+      }, re({
         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 ? ($(), oe(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)
+      })) : ne("", !0)
     ], 2));
   }
 });
 export {
-  Ue as default
+  Me as default
 };

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, createElementBlock as l, openBlock as m, normalizeClass as c, unref as o, createElementVNode as z, createCommentVNode as u, renderSlot as d, createBlock as x, normalizeProps as D, mergeProps as E, createVNode as C } 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 { useLocale as 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 ? d(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)) : u("", !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)
+        d(a.$slots, "default")
+      ], 2)) : u("", !0)
     ], 2));
   }
 });
 export {
-  J as default
+  Q as default
 };

package/es/components/full-screen/full-screen.vue2.js

@@ -1,20 +1,21 @@
-import { defineComponent as r, createBlock as p, openBlock as s, unref as o, mergeProps as m } from "vue";
-import { useFullscreen as a } from "@vft/use";
-import { delObjAttrNotExist as u } from "@vft/utils";
-import { VftIconText as f } from "../icon-text/index.js";
+import { defineComponent as r, createBlock as p, openBlock as m, unref as o, mergeProps as a } from "vue";
+import { useFullscreen as u } from "@vft/use";
+import { delObjAttrNotExist as f } from "@vft/utils";
+import { VftIconText as x } from "../icon-text/index.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import { primaryColor as d } from "../../utils/ns-cover.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as x } from "../../hooks/use-namespace/index.js";
+import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const _ = r({
+import { useLocale as v } from "../../locale/use-locale.js";
+const y = r({
   name: "full-screen"
-}), z = /* @__PURE__ */ r({
-  ..._,
+}), A = /* @__PURE__ */ r({
+  ...y,
   props: {
     text: {},
     icon: {},
@@ -32,18 +33,18 @@ const _ = r({
     clampTooltipCfg: {},
     useClamp: { type: Boolean }
   },
-  setup(t) {
-    const n = t, l = x("full-screen"), { toggle: i, isFullscreen: e } = a(), c = d().value;
-    return (y, B) => (s(), p(o(f), m({
-      class: o(l).b(),
+  setup(n) {
+    const l = n, c = _("full-screen"), { t: e } = v(), { toggle: i, isFullscreen: t } = u(), s = d().value;
+    return (B, C) => (m(), p(o(x), a({
+      class: o(c).b(),
       distance: 2,
-      "hover-color": o(c),
+      "hover-color": o(s),
       onClick: o(i),
-      icon: o(e) ? "icon-exit-full-screen" : "icon-full-screen",
-      text: o(e) ? "退出全屏" : "全屏"
-    }, o(u)(n, !0, !0), { pointer: "" }), null, 16, ["class", "hover-color", "onClick", "icon", "text"]));
+      icon: o(t) ? "icon-exit-full-screen" : "icon-full-screen",
+      text: o(t) ? o(e)("vft.fullScreen.exit") : o(e)("vft.fullScreen.enter")
+    }, o(f)(l, !0, !0), { pointer: "" }), null, 16, ["class", "hover-color", "onClick", "icon", "text"]));
   }
 });
 export {
-  z as default
+  A as default
 };