vft 0.0.506 → 0.0.509

package/es/components/modal/modal-footer-action.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as O, computed as e, createBlock as n, openBlock as s, unref as o, normalizeProps as w, guardReactiveProps as y, withCtx as i, createCommentVNode as c, renderSlot as l, mergeProps as p, createTextVNode as f, toDisplayString as B } from "vue";
+import { defineComponent as w, computed as e, createBlock as n, openBlock as s, unref as o, normalizeProps as v, guardReactiveProps as y, withCtx as a, createCommentVNode as l, renderSlot as p, mergeProps as f, createTextVNode as B, toDisplayString as b } from "vue";
 import { VftRow as g } from "../row/index.js";
-import { VftButton as b } from "../button/index.js";
+import { VftButton as d } from "../button/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -10,7 +10,8 @@ import { useNamespace as h } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const A = /* @__PURE__ */ O({
+import { useLocale as x } from "../../locale/use-locale.js";
+const q = /* @__PURE__ */ w({
   __name: "modal-footer-action",
   props: {
     showSubmitButton: { type: Boolean },
@@ -20,41 +21,41 @@ const A = /* @__PURE__ */ O({
     actionRowOptions: {}
   },
   setup(t) {
-    const a = h("form-action"), d = e(() => ({
+    const i = h("form-action"), { t: r } = x(), O = e(() => ({
       justify: "end",
       ...t.actionRowOptions
-    })), r = e(
-      () => Object.assign({ btnText: "确认" }, t.submitButtonOptions)
-    ), u = e(
-      () => Object.assign({ btnText: "取消" }, t.cancelButtonOptions)
+    })), m = e(
+      () => Object.assign({ btnText: r("vft.modal.confirm") }, t.submitButtonOptions)
+    ), c = e(
+      () => Object.assign({ btnText: r("vft.modal.cancel") }, t.cancelButtonOptions)
     );
-    return (m, v) => (s(), n(o(g), w(y(d.value)), {
-      default: i(() => [
-        t.showCancelButton ? (s(), n(o(b), p({ key: 0 }, u.value, {
-          class: o(a).e("cancel")
+    return (u, C) => (s(), n(o(g), v(y(O.value)), {
+      default: a(() => [
+        t.showCancelButton ? (s(), n(o(d), f({ key: 0 }, c.value, {
+          class: o(i).e("cancel")
         }), {
-          default: i(() => [
-            f(B(u.value.btnText), 1)
+          default: a(() => [
+            B(b(c.value.btnText), 1)
           ]),
           _: 1
-        }, 16, ["class"])) : c("", !0),
-        l(m.$slots, "submitBefore"),
-        t.showSubmitButton ? (s(), n(o(b), p({
+        }, 16, ["class"])) : l("", !0),
+        p(u.$slots, "submitBefore"),
+        t.showSubmitButton ? (s(), n(o(d), f({
           key: 1,
           type: "primary",
-          class: o(a).e("submit")
-        }, r.value), {
-          default: i(() => [
-            f(B(r.value.btnText), 1)
+          class: o(i).e("submit")
+        }, m.value), {
+          default: a(() => [
+            B(b(m.value.btnText), 1)
           ]),
           _: 1
-        }, 16, ["class"])) : c("", !0),
-        l(m.$slots, "submitAfter")
+        }, 16, ["class"])) : l("", !0),
+        p(u.$slots, "submitAfter")
       ]),
       _: 3
     }, 16));
   }
 });
 export {
-  A as default
+  q as default
 };

package/es/components/multiple-tabs/multiple-tabs.vue2.js

@@ -7,11 +7,11 @@ import { addUnit as o } from "../../utils/helper.js";
 import { generateCssVars as M } from "../../utils/ns-cover.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as le } from "../../hooks/use-namespace/index.js";
+import { useNamespace as ie } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useRouterHelper as ie, getRouterKeyPath as b, listenerRouteChange as re } from "@vft/router";
+import { useRouterHelper as le, getRouterKeyPath as b, listenerRouteChange as re } from "@vft/router";
 import { useMultipleTabStore as se, isTabPinned as $, useTabs as ue } from "@vft/store";
 import { useRefs as ce } from "@vft/use";
 import fe from "hotkeys-js";
@@ -19,9 +19,10 @@ import { onBeforeRouteLeave as me } from "vue-router";
 import de from "./tab-content.vue2.js";
 import { initAffixTabs as ve, useTabsDrag as he } from "./use/use-multiple-tabs.js";
 import "../context-menu/context-menu.vue2.js";
+import "../../locale/use-locale.js";
 const be = B({
   name: "vft-multiple-tabs"
-}), ze = /* @__PURE__ */ B({
+}), De = /* @__PURE__ */ B({
   ...be,
   props: {
     tabsStyle: {},
@@ -32,15 +33,15 @@ const be = B({
     fixExtraScrollWidth: {}
   },
   setup(u) {
-    const R = le("multiple-tabs"), s = q().appContext.config.globalProperties.$router, I = ve(s), l = se(), f = d(
-      () => l.getTabList.filter((e) => !e.meta?.hideTab && $(e)).length
+    const R = ie("multiple-tabs"), s = q().appContext.config.globalProperties.$router, I = ve(s), i = se(), f = d(
+      () => i.getTabList.filter((e) => !e.meta?.hideTab && $(e)).length
     ), L = d(
       () => Math.max(u.fixTabCount, f.value)
-    ), r = v(""), i = v(0), p = v(), { go: C } = ie(s), m = d(() => l.getTabList.filter((e) => !e.meta?.hideTab));
+    ), r = v(""), l = v(0), p = v(), { go: C } = le(s), m = d(() => i.getTabList.filter((e) => !e.meta?.hideTab));
     G(() => {
       if (r.value) {
         const e = m.value.findIndex((n) => b(n) === r.value);
-        e === -1 ? i.value = m.value?.length - 1 : i.value = e, i.value = i.value < f.value ? f.value - 1 : i.value;
+        e === -1 ? l.value = m.value?.length - 1 : l.value = e, l.value = l.value < f.value ? f.value - 1 : l.value;
       }
     }), oe && me(() => {
       p.value = t(s.currentRoute);
@@ -50,13 +51,13 @@ const be = B({
       const { meta: n = {} } = e, { currentActivePath: a, hideTab: c } = n, W = c ? a : null, S = b(e);
       if (r.value !== S && (r.value = S), W) {
         const k = s.getRoutes().find((j) => j.path === a);
-        k && l.addTab(
+        k && i.addTab(
           k,
           t(p),
-          i.value,
+          l.value,
           e
         );
-      } else c || l.addTab(t(e), t(p), i.value);
+      } else c || i.addTab(t(e), t(p), l.value);
     });
     function N(e) {
       if (r.value === e.paneName)
@@ -67,7 +68,7 @@ const be = B({
       C(a || n.fullPath || n.path);
     }
     function _(e) {
-      l.closeTabByKey(e, s);
+      i.closeTabByKey(e, s);
     }
     const { refs: E, setRefs: F } = ce();
     function A(e) {
@@ -100,11 +101,11 @@ const be = B({
       ),
       ...u.contextMenuStyle
     }, K = () => {
-      l.toggleFullScreen(l.getTabList[i.value], s);
+      i.toggleFullScreen(i.getTabList[l.value], s);
     }, x = v(!1);
     let y;
     const U = () => {
-      clearInterval(y), x.value = !0, l.refreshPage(0, s, l.getTabList[i.value]), y = setTimeout(() => {
+      clearInterval(y), x.value = !0, i.refreshPage(0, s, i.getTabList[l.value]), y = setTimeout(() => {
         x.value = !1;
       }, 500);
     };
@@ -161,7 +162,7 @@ const be = B({
                 }, null, 8, ["rotate"]),
                 h(t(w), {
                   onClick: K,
-                  icon: t(l).isFullScreen ? "icon-collapse" : "icon-expand",
+                  icon: t(i).isFullScreen ? "icon-collapse" : "icon-expand",
                   pointer: ""
                 }, null, 8, ["icon"])
               ], 2)
@@ -174,5 +175,5 @@ const be = B({
   }
 });
 export {
-  ze as default
+  De as default
 };

package/es/components/multiple-tabs/use/use-tab-dropdown.js

@@ -1,113 +1,114 @@
-import { getRouterKeyPath as a } from "@vft/router";
-import { useMultipleTabStore as S, useTabs as O, isTabPinned as U } from "@vft/store";
+import { getRouterKeyPath as u } from "@vft/router";
+import { useMultipleTabStore as S, useTabs as O, isTabPinned as A } from "@vft/store";
 import "@vft/utils";
-import { reactive as q, computed as y } from "vue";
+import { reactive as U, computed as q } from "vue";
 import "../../context-menu/context-menu.vue2.js";
 import "../../icon/index.js";
+import { useLocale as y } from "../../../locale/use-locale.js";
 import "vue-router";
-function F(e, o) {
-  const s = q({
+function H(e, i) {
+  const { t: n } = y(), s = U({
     current: null,
     currentIndex: 0
-  }), n = S(), {
-    refreshPage: g,
-    closeAll: u,
-    close: h,
-    closeLeft: p,
-    closeOther: f,
-    closeRight: x,
-    newWinTab: b,
-    fullScreen: T,
-    alonePage: C,
-    pinTab: L,
-    unpinTab: v
-  } = O(), D = y(() => {
+  }), t = S(), {
+    refreshPage: p,
+    closeAll: g,
+    close: f,
+    closeLeft: h,
+    closeOther: b,
+    closeRight: T,
+    newWinTab: v,
+    fullScreen: x,
+    alonePage: L,
+    pinTab: C,
+    unpinTab: m
+  } = O(), D = q(() => {
     if (!e)
       return;
-    const { meta: i } = e, t = s.currentIndex, r = U(e), c = !r, l = !!i?.userPinned, w = t === 0 || t <= o, M = n.getTabList.length <= o || t === n.getTabList.length - 1 && n.getLastDragEndIndex >= 0, R = n.getTabList.length === o || n.getTabList.length === o + 1 && t === o, d = n.getTabList.length === o;
+    const { meta: l } = e, o = s.currentIndex, r = A(e), c = !r, a = !!l?.userPinned, P = o === 0 || o <= i, M = t.getTabList.length <= i || o === t.getTabList.length - 1 && t.getLastDragEndIndex >= 0, R = t.getTabList.length === i || t.getTabList.length === i + 1 && o === i, d = t.getTabList.length === i;
     return [
       {
         iconCfg: { icon: "icon-refresh-right" },
-        text: "刷新",
-        handler: () => g(e)
+        text: n("vft.multipleTabs.refresh"),
+        handler: () => p(e)
       },
       {
         iconCfg: { icon: "icon-new-tab" },
-        text: "新页面打开",
-        handler: () => b(e),
+        text: n("vft.multipleTabs.openInNewTab"),
+        handler: () => v(e),
         divider: !0
       },
       {
         iconCfg: { icon: "icon-close-tab" },
-        text: "关闭标签页",
+        text: n("vft.multipleTabs.closeTab"),
         disabled: r || d,
-        handler: () => h(e)
+        handler: () => f(e)
       },
       {
         iconCfg: { icon: "icon-arrow-close-left" },
-        text: "关闭左侧标签页",
-        disabled: w,
-        handler: () => p(e)
+        text: n("vft.multipleTabs.closeLeft"),
+        disabled: P,
+        handler: () => h(e)
       },
       {
         iconCfg: { icon: "icon-arrow-close-right" },
-        text: "关闭右侧标签页",
+        text: n("vft.multipleTabs.closeRight"),
         disabled: M,
         divider: !0,
-        handler: () => x(e)
+        handler: () => T(e)
       },
       {
         iconCfg: { icon: "icon-close-box-multiple-outline" },
-        text: "关闭其它标签页",
+        text: n("vft.multipleTabs.closeOther"),
         disabled: R,
-        handler: () => f(e)
+        handler: () => b(e)
       },
       {
         iconCfg: { icon: "icon-vector-square-delete" },
-        text: "关闭所有标签页",
+        text: n("vft.multipleTabs.closeAll"),
         disabled: d,
         divider: !0,
-        handler: () => u()
+        handler: () => g()
       },
       {
         iconCfg: { icon: "icon-full-screen" },
-        text: "全屏",
-        handler: () => T(e)
+        text: n("vft.multipleTabs.fullScreen"),
+        handler: () => x(e)
       },
       {
         iconCfg: { icon: "icon-separate" },
-        text: "独立页面",
-        handler: () => C(e),
-        divider: c || l
+        text: n("vft.multipleTabs.standalone"),
+        handler: () => L(e),
+        divider: c || a
       },
       ...c ? [
         {
           iconCfg: { icon: "icon-tab-pin" },
-          text: "固定",
-          handler: () => L(e)
+          text: n("vft.multipleTabs.pin"),
+          handler: () => C(e)
         }
-      ] : l ? [
+      ] : a ? [
         {
           iconCfg: { icon: "icon-tab-unpin" },
-          text: "取消固定",
-          handler: () => v(e)
+          text: n("vft.multipleTabs.unpin"),
+          handler: () => m(e)
         }
       ] : []
     ];
   });
-  function P(i) {
-    return (t) => {
-      if (!i)
+  function w(l) {
+    return (o) => {
+      if (!l)
         return;
-      t?.preventDefault();
-      const r = n.getTabList.findIndex(
-        (c) => a(c) === a(i)
+      o?.preventDefault();
+      const r = t.getTabList.findIndex(
+        (c) => u(c) === u(l)
       );
-      s.current = i, s.currentIndex = r;
+      s.current = l, s.currentIndex = r;
     };
   }
-  return { getDropMenuList: D, handleContextMenu: P };
+  return { getDropMenuList: D, handleContextMenu: w };
 }
 export {
-  F as useTabDropdown
+  H as useTabDropdown
 };

package/es/components/pagination/components/jumper.vue2.js

@@ -1,53 +1,54 @@
-import { defineComponent as f, ref as g, computed as v, createElementBlock as h, openBlock as _, unref as e, normalizeClass as t, createElementVNode as i, createVNode as b } from "vue";
+import { defineComponent as v, ref as h, computed as _, createElementBlock as b, openBlock as C, unref as e, normalizeClass as n, createElementVNode as r, createVNode as z, toDisplayString as p } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 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 V } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import { VftInput as C } from "../../input/index.js";
-import { usePagination as V } from "../usePagination.js";
-const x = ["disabled"], D = /* @__PURE__ */ f({
+import { useLocale as x } from "../../../locale/use-locale.js";
+import { VftInput as E } from "../../input/index.js";
+import { usePagination as I } from "../usePagination.js";
+const N = ["disabled"], G = /* @__PURE__ */ v({
   __name: "jumper",
   props: {
     size: {}
   },
-  setup(r) {
-    const n = z("pagination"), { pageCount: l, disabled: s, currentPage: m, changeEvent: p } = V(), o = g(), u = v(() => o.value ?? m?.value);
-    function c(a) {
-      o.value = +a;
+  setup(l) {
+    const a = V("pagination"), { t: i } = x(), { pageCount: m, disabled: s, currentPage: u, changeEvent: c } = I(), o = h(), d = _(() => o.value ?? u?.value);
+    function f(t) {
+      o.value = +t;
     }
-    function d(a) {
-      a = Math.trunc(+a), p?.(+a), o.value = void 0;
+    function g(t) {
+      t = Math.trunc(+t), c?.(+t), o.value = void 0;
     }
-    return (a, E) => (_(), h("span", {
-      class: t(e(n).e("jump")),
+    return (t, j) => (C(), b("span", {
+      class: n(e(a).e("jump")),
       disabled: e(s)
     }, [
-      i("span", {
-        class: t([e(n).e("goto")])
-      }, "前往", 2),
-      b(e(C), {
-        size: r.size,
-        class: t([e(n).e("editor"), e(n).is("in-pagination")]),
+      r("span", {
+        class: n([e(a).e("goto")])
+      }, p(e(i)("vft.pagination.goto")), 3),
+      z(e(E), {
+        size: l.size,
+        class: n([e(a).e("editor"), e(a).is("in-pagination")]),
         min: 1,
-        max: e(l),
+        max: e(m),
         disabled: e(s),
-        "model-value": u.value,
+        "model-value": d.value,
         "validate-event": !1,
         type: "number",
-        "onUpdate:modelValue": c,
-        onChange: d
+        "onUpdate:modelValue": f,
+        onChange: g
       }, null, 8, ["size", "class", "max", "disabled", "model-value"]),
-      i("span", {
-        class: t([e(n).e("classifier")])
-      }, "页", 2)
-    ], 10, x));
+      r("span", {
+        class: n([e(a).e("classifier")])
+      }, p(e(i)("vft.pagination.pageClassifier")), 3)
+    ], 10, N));
   }
 });
 export {
-  D as default
+  G as default
 };

package/es/components/pagination/components/sizes.vue2.js

@@ -1,16 +1,17 @@
-import { defineComponent as g, ref as z, watch as n, computed as d, createElementBlock as f, openBlock as S, normalizeClass as h, unref as s, createVNode as v } from "vue";
-import { isEqual as C } from "lodash-es";
+import { defineComponent as z, ref as d, watch as n, computed as f, createElementBlock as S, openBlock as h, normalizeClass as v, unref as s, createVNode as C } from "vue";
+import { isEqual as b } from "lodash-es";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../config-provider/hooks/use-global-config.js";
 import "../../form/index.js";
-import { useNamespace as b } from "../../../hooks/use-namespace/index.js";
+import { useNamespace as P } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import { usePagination as y } from "../usePagination.js";
-import { VftSelect as B } from "../../select/index.js";
-const I = /* @__PURE__ */ g({
+import { useLocale as y } from "../../../locale/use-locale.js";
+import { usePagination as B } from "../usePagination.js";
+import { VftSelect as N } from "../../select/index.js";
+const K = /* @__PURE__ */ z({
   __name: "sizes",
   props: {
     pageSize: {},
@@ -21,13 +22,13 @@ const I = /* @__PURE__ */ g({
   },
   emits: ["page-size-change"],
   setup(a, { emit: o }) {
-    const l = o, r = b("pagination"), p = y(), i = z(a.pageSize);
+    const r = o, l = P("pagination"), { t: p } = y(), m = B(), i = d(a.pageSize);
     n(
       () => a.pageSizes,
       (e, t) => {
-        if (!C(e, t) && Array.isArray(e)) {
-          const u = e.includes(a.pageSize) ? a.pageSize : a.pageSizes[0];
-          l("page-size-change", u);
+        if (!b(e, t) && Array.isArray(e)) {
+          const g = e.includes(a.pageSize) ? a.pageSize : a.pageSizes[0];
+          r("page-size-change", g);
         }
       }
     ), n(
@@ -36,27 +37,27 @@ const I = /* @__PURE__ */ g({
         i.value = e;
       }
     );
-    const m = d(
-      () => a.pageSizes.map((e) => ({ label: e + "条/页", value: e }))
+    const c = f(
+      () => a.pageSizes.map((e) => ({ label: e + p("vft.pagination.itemsPerPage"), value: e }))
     );
-    function c(e) {
-      e !== i.value && (i.value = e, p.handleSizeChange?.(Number(e)));
+    function u(e) {
+      e !== i.value && (i.value = e, m.handleSizeChange?.(Number(e)));
     }
-    return (e, t) => (S(), f("span", {
-      class: h(s(r).e("sizes"))
+    return (e, t) => (h(), S("span", {
+      class: v(s(l).e("sizes"))
     }, [
-      v(s(B), {
+      C(s(N), {
         "model-value": i.value,
         disabled: a.disabled,
         "popper-class": a.popperClass,
         size: a.size,
         "validate-event": !1,
-        onChange: c,
-        options: m.value
+        onChange: u,
+        options: c.value
       }, null, 8, ["model-value", "disabled", "popper-class", "size", "options"])
     ], 2));
   }
 });
 export {
-  I as default
+  K as default
 };

package/es/components/pagination/components/total.vue2.js

@@ -1,27 +1,28 @@
-import { defineComponent as i, createElementBlock as r, openBlock as n, unref as t, normalizeClass as s, toDisplayString as p } from "vue";
+import { defineComponent as r, createElementBlock as n, openBlock as s, unref as t, normalizeClass as p, toDisplayString as m } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../../form/index.js";
-import { useNamespace as m } from "../../../hooks/use-namespace/index.js";
+import { useNamespace as l } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import { usePagination as l } from "../usePagination.js";
-const c = ["disabled"], D = /* @__PURE__ */ i({
+import { useLocale as c } from "../../../locale/use-locale.js";
+import { usePagination as d } from "../usePagination.js";
+const f = ["disabled"], L = /* @__PURE__ */ r({
   __name: "total",
   props: {
     total: { default: 0 }
   },
   setup(o) {
-    const e = m("pagination"), { disabled: a } = l();
-    return (d, f) => (n(), r("span", {
-      class: s(t(e).e("total")),
-      disabled: t(a)
-    }, "共 " + p(o.total) + " 条", 11, c));
+    const a = l("pagination"), { t: e } = c(), { disabled: i } = d();
+    return (u, _) => (s(), n("span", {
+      class: p(t(a).e("total")),
+      disabled: t(i)
+    }, m(t(e)("vft.pagination.total", { total: o.total })), 11, f));
   }
 });
 export {
-  D as default
+  L as default
 };