vft 0.0.507 → 0.0.511

package/es/components/transfer/transfer.vue2.js

@@ -1,144 +1,145 @@
-import { defineComponent as N, useSlots as G, reactive as H, ref as v, computed as s, watch as J, h as y, Comment as K, createElementBlock as p, openBlock as h, normalizeClass as i, unref as t, createVNode as a, createElementVNode as O, withCtx as l, renderSlot as d, createCommentVNode as T, toDisplayString as P } from "vue";
+import { defineComponent as $, useSlots as H, reactive as J, ref as y, computed as s, watch as K, h as T, Comment as O, openBlock as h, createElementBlock as u, normalizeClass as i, unref as t, createVNode as a, withCtx as l, renderSlot as f, createElementVNode as X, toDisplayString as P, createCommentVNode as V } from "vue";
 import "@vueuse/core";
-import { isEmpty as V, isUndefined as w } from "@vft/utils";
-import { debugWarn as X } from "../../utils/error.js";
+import { isEmpty as w, isUndefined as E } from "@vft/utils";
+import { debugWarn as Y } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as Y } from "../../hooks/use-namespace/index.js";
+import { useNamespace as Z } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
+import x from "../../locale/use-locale.js";
 import { VftButton as D } from "../button/index.js";
 import { VftIcon as S } from "../icon/index.js";
-import { transferEmits as Z, transferProps as x } from "./transfer.js";
+import { transferEmits as ee, transferProps as te } from "./transfer.js";
 import "./transfer-panel.js";
-import { usePropsAlias as ee } from "./composables/use-props-alias.js";
-import { useCheckedChange as te } from "./composables/use-checked-change.js";
-import { useComputedData as oe } from "./composables/use-computed-data.js";
-import { useMove as re } from "./composables/use-move.js";
-import E from "./transfer-panel.vue2.js";
-import { useFormItem as ae } from "../form/hooks/use-form-item.js";
-const le = { key: 0 }, se = { key: 0 }, ne = N({
+import { usePropsAlias as re } from "./composables/use-props-alias.js";
+import { useCheckedChange as oe } from "./composables/use-checked-change.js";
+import { useComputedData as ae } from "./composables/use-computed-data.js";
+import { useMove as le } from "./composables/use-move.js";
+import N from "./transfer-panel.vue2.js";
+import { useFormItem as se } from "../form/hooks/use-form-item.js";
+const ne = { key: 0 }, ie = { key: 0 }, fe = $({
   name: "VftTransfer"
-}), Ne = /* @__PURE__ */ N({
-  ...ne,
-  props: x,
-  emits: Z,
-  setup($, { expose: B, emit: _ }) {
-    const o = $, u = _, I = G(), r = Y("transfer"), { formItem: M } = ae(), n = H({
+}), _e = /* @__PURE__ */ $({
+  ...fe,
+  props: te,
+  emits: ee,
+  setup(B, { expose: _, emit: I }) {
+    const r = B, C = I, M = H(), o = Z("transfer"), { t: d } = x(), { formItem: q } = se(), n = J({
       leftChecked: [],
       rightChecked: []
-    }), C = ee(o), { sourceData: q, targetData: A } = oe(o), { onSourceCheckedChange: F, onTargetCheckedChange: R } = te(
+    }), k = re(r), { sourceData: A, targetData: F } = ae(r), { onSourceCheckedChange: L, onTargetCheckedChange: R } = oe(
       n,
-      u
-    ), { addToLeft: z, addToRight: L } = re(o, n, u), f = v(), c = v(), Q = (e) => {
+      C
+    ), { addToLeft: z, addToRight: Q } = le(r, n, C), c = y(), m = y(), U = (e) => {
       switch (e) {
         case "left":
-          f.value.query = "";
+          c.value.query = "";
           break;
         case "right":
-          c.value.query = "";
+          m.value.query = "";
           break;
       }
-    }, k = s(() => o.buttonTexts.length === 2), U = s(() => o.titles[0] || "列表 1"), W = s(() => o.titles[1] || "列表 2"), g = s(
-      () => o.filterPlaceholder || "请输入搜索内容"
+    }, g = s(() => r.buttonTexts.length === 2), W = s(() => r.titles[0] || d("vft.transferExtend.list1")), j = s(() => r.titles[1] || d("vft.transferExtend.list2")), b = s(
+      () => r.filterPlaceholder || d("vft.transfer.filterPlaceholder")
     );
-    J(
-      () => o.modelValue,
+    K(
+      () => r.modelValue,
       () => {
-        o.validateEvent && M?.validate?.("change").catch((e) => X(e));
+        r.validateEvent && q?.validate?.("change").catch((e) => Y(e));
       }
     );
-    const b = s(() => (e) => {
-      if (o.renderContent) return o.renderContent(y, e);
-      const m = (I.default?.({ option: e }) || []).filter(
-        (j) => j.type !== K
+    const v = s(() => (e) => {
+      if (r.renderContent) return r.renderContent(T, e);
+      const p = (M.default?.({ option: e }) || []).filter(
+        (G) => G.type !== O
       );
-      return m.length ? m : y(
+      return p.length ? p : T(
         "span",
-        e[C.value.label] || e[C.value.key]
+        e[k.value.label] || e[k.value.key]
       );
     });
-    return B({
+    return _({
       /** @description clear the filter keyword of a certain panel */
-      clearQuery: Q,
+      clearQuery: U,
       /** @description left panel ref */
-      leftPanel: f,
+      leftPanel: c,
       /** @description right panel ref */
-      rightPanel: c
-    }), (e, m) => (h(), p("div", {
-      class: i(t(r).b())
+      rightPanel: m
+    }), (e, p) => (h(), u("div", {
+      class: i(t(o).b())
     }, [
-      a(E, {
+      a(N, {
         ref_key: "leftPanel",
-        ref: f,
-        data: t(q),
-        "option-render": b.value,
-        placeholder: g.value,
-        title: U.value,
+        ref: c,
+        data: t(A),
+        "option-render": v.value,
+        placeholder: b.value,
+        title: W.value,
         filterable: e.filterable,
         format: e.format,
         "filter-method": e.filterMethod,
         "default-checked": e.leftDefaultChecked,
-        props: o.props,
-        onCheckedChange: t(F)
+        props: r.props,
+        onCheckedChange: t(L)
       }, {
         empty: l(() => [
-          d(e.$slots, "left-empty")
+          f(e.$slots, "left-empty")
         ]),
         default: l(() => [
-          d(e.$slots, "left-footer")
+          f(e.$slots, "left-footer")
         ]),
         _: 3
       }, 8, ["data", "option-render", "placeholder", "title", "filterable", "format", "filter-method", "default-checked", "props", "onCheckedChange"]),
-      O("div", {
-        class: i(t(r).e("buttons"))
+      X("div", {
+        class: i(t(o).e("buttons"))
       }, [
         a(t(D), {
           type: "primary",
-          class: i([t(r).e("button"), t(r).is("with-texts", k.value)]),
-          disabled: t(V)(n.rightChecked),
+          class: i([t(o).e("button"), t(o).is("with-texts", g.value)]),
+          disabled: t(w)(n.rightChecked),
           onClick: t(z)
         }, {
           default: l(() => [
             a(t(S), { icon: "icon-arrow-left" }),
-            t(w)(e.buttonTexts[0]) ? T("", !0) : (h(), p("span", le, P(e.buttonTexts[0]), 1))
+            t(E)(e.buttonTexts[0]) ? V("", !0) : (h(), u("span", ne, P(e.buttonTexts[0]), 1))
           ]),
           _: 1
         }, 8, ["class", "disabled", "onClick"]),
         a(t(D), {
           type: "primary",
-          class: i([t(r).e("button"), t(r).is("with-texts", k.value)]),
-          disabled: t(V)(n.leftChecked),
-          onClick: t(L)
+          class: i([t(o).e("button"), t(o).is("with-texts", g.value)]),
+          disabled: t(w)(n.leftChecked),
+          onClick: t(Q)
         }, {
           default: l(() => [
-            t(w)(e.buttonTexts[1]) ? T("", !0) : (h(), p("span", se, P(e.buttonTexts[1]), 1)),
+            t(E)(e.buttonTexts[1]) ? V("", !0) : (h(), u("span", ie, P(e.buttonTexts[1]), 1)),
             a(t(S), { icon: "icon-arrow-right" })
           ]),
           _: 1
         }, 8, ["class", "disabled", "onClick"])
       ], 2),
-      a(E, {
+      a(N, {
         ref_key: "rightPanel",
-        ref: c,
-        data: t(A),
-        "option-render": b.value,
-        placeholder: g.value,
+        ref: m,
+        data: t(F),
+        "option-render": v.value,
+        placeholder: b.value,
         filterable: e.filterable,
         format: e.format,
         "filter-method": e.filterMethod,
-        title: W.value,
+        title: j.value,
         "default-checked": e.rightDefaultChecked,
-        props: o.props,
+        props: r.props,
         onCheckedChange: t(R)
       }, {
         empty: l(() => [
-          d(e.$slots, "right-empty")
+          f(e.$slots, "right-empty")
         ]),
         default: l(() => [
-          d(e.$slots, "right-footer")
+          f(e.$slots, "right-footer")
         ]),
         _: 3
       }, 8, ["data", "option-render", "placeholder", "filterable", "format", "filter-method", "title", "default-checked", "props", "onCheckedChange"])
@@ -146,5 +147,5 @@ const le = { key: 0 }, se = { key: 0 }, ne = N({
   }
 });
 export {
-  Ne as default
+  _e as default
 };

package/es/components/tree/tree-node.vue.js

@@ -1,5 +1,5 @@
 import f from "./tree-node.vue2.js";
-import { resolveComponent as a, withDirectives as g, createElementBlock as i, openBlock as r, withModifiers as d, normalizeClass as s, createElementVNode as v, createVNode as l, normalizeStyle as D, createBlock as p, createCommentVNode as t, withCtx as N, Fragment as y, renderList as E, vShow as k } from "vue";
+import { resolveComponent as a, withDirectives as g, openBlock as r, createElementBlock as i, withModifiers as d, normalizeClass as s, createElementVNode as v, normalizeStyle as D, createVNode as l, createBlock as p, createCommentVNode as t, withCtx as N, Fragment as y, renderList as E, vShow as k } from "vue";
 import w from "../../_virtual/_plugin-vue_export-helper.js";
 const $ = ["aria-expanded", "aria-disabled", "aria-checked", "draggable", "data-key"], L = ["aria-expanded"];
 function S(e, n, c, B, M, V) {

package/es/components/tree/tree.vue2.js

@@ -1,22 +1,23 @@
-import { defineComponent as Y, getCurrentInstance as x, ref as s, computed as Z, watch as i, provide as w, createElementBlock as m, openBlock as y, normalizeClass as h, unref as n, createCommentVNode as _, withDirectives as ee, Fragment as te, renderList as re, createBlock as oe, renderSlot as ne, createElementVNode as E, toDisplayString as de, vShow as ae } from "vue";
+import { defineComponent as Z, getCurrentInstance as x, ref as s, computed as _, watch as i, provide as w, openBlock as y, createElementBlock as K, normalizeClass as h, unref as n, Fragment as ee, renderList as te, createBlock as re, renderSlot as oe, createElementVNode as E, toDisplayString as ne, createCommentVNode as de, withDirectives as ae, vShow as le } from "vue";
 import "../form/index.js";
 import "../icon/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace as le } from "../../hooks/use-namespace/index.js";
+import { useNamespace as ce } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import ce from "./model/tree-store.js";
-import { useDragNodeHandler as se } from "./model/useDragNode.js";
-import { useKeydown as ie } from "./model/useKeydown.js";
-import { useNodeExpandEventBroadcast as ue } from "./model/useNodeExpandEventBroadcast.js";
-import { getNodeKey as pe, handleCurrentChange as B } from "./model/util.js";
-import ye from "./tree-node.vue.js";
-import { formItemContextKey as he } from "../form/constants.js";
-const $e = /* @__PURE__ */ Y({
+import se from "../../locale/use-locale.js";
+import ie from "./model/tree-store.js";
+import { useDragNodeHandler as ue } from "./model/useDragNode.js";
+import { useKeydown as pe } from "./model/useKeydown.js";
+import { useNodeExpandEventBroadcast as ye } from "./model/useNodeExpandEventBroadcast.js";
+import { getNodeKey as he, handleCurrentChange as B } from "./model/util.js";
+import fe from "./tree-node.vue.js";
+import { formItemContextKey as me } from "../form/constants.js";
+const Ie = /* @__PURE__ */ Z({
   __name: "tree",
   props: {
     data: { default: [] },
@@ -52,8 +53,8 @@ const $e = /* @__PURE__ */ Y({
   },
   emits: ["check-change", "current-change", "node-click", "node-contextmenu", "node-collapse", "node-expand", "check", "node-drag-start", "node-drag-end", "node-drop", "node-drag-leave", "node-drag-enter", "node-drag-over"],
   setup(l, { expose: T, emit: D }) {
-    const t = l, f = D, C = x(), a = le("tree"), r = s(
-      new ce({
+    const t = l, f = D, C = x(), a = ce("tree"), { t: b } = se(), r = s(
+      new ie({
         key: t.nodeKey,
         data: t.data,
         lazy: t.lazy,
@@ -70,15 +71,15 @@ const $e = /* @__PURE__ */ Y({
       })
     );
     r.value.initialize();
-    const u = s(r.value.root), b = s(null), K = s(null), g = s(null), { broadcastExpanded: S } = ue(t), { dragState: p } = se({
+    const u = s(r.value.root), S = s(null), m = s(null), g = s(null), { broadcastExpanded: q } = ye(t), { dragState: p } = ue({
       props: t,
       ctx: C,
-      el$: K,
+      el$: m,
       dropIndicator$: g,
       store: r
     });
-    ie({ el$: K }, r);
-    const q = Z(() => {
+    pe({ el$: m }, r);
+    const A = _(() => {
       const { childNodes: e } = u.value;
       return !e || e.length === 0 || e.every(({ visible: o }) => !o);
     });
@@ -109,11 +110,11 @@ const $e = /* @__PURE__ */ Y({
         r.value.checkStrictly = e;
       }
     );
-    const A = (e) => {
+    const $ = (e) => {
       if (!t.filterNodeMethod)
         throw new Error("[Tree] filterNodeMethod is required when filter");
       r.value.filter(e);
-    }, N = (e) => pe(t.nodeKey, e.data), $ = (e) => {
+    }, N = (e) => he(t.nodeKey, e.data), z = (e) => {
       if (!t.nodeKey)
         throw new Error("[Tree] nodeKey is required in getNodePath");
       const o = r.value.getNode(e);
@@ -123,25 +124,25 @@ const $e = /* @__PURE__ */ Y({
       for (; c && c !== u.value; )
         d.push(c.data), c = c.parent;
       return d.reverse();
-    }, z = (e, o) => r.value.getCheckedNodes(e, o), H = (e) => r.value.getCheckedKeys(e), k = () => {
+    }, H = (e, o) => r.value.getCheckedNodes(e, o), I = (e) => r.value.getCheckedKeys(e), k = () => {
       const e = r.value.getCurrentNode();
       return e ? e.data : null;
-    }, I = () => {
+    }, M = () => {
       if (!t.nodeKey)
         throw new Error("[Tree] nodeKey is required in getCurrentKey");
       const e = k();
       return e ? e[t.nodeKey] : null;
-    }, M = (e, o) => {
+    }, P = (e, o) => {
       if (!t.nodeKey)
         throw new Error("[Tree] nodeKey is required in setCheckedNodes");
       r.value.setCheckedNodes(e, o);
-    }, P = (e, o) => {
+    }, L = (e, o) => {
       if (!t.nodeKey)
         throw new Error("[Tree] nodeKey is required in setCheckedKeys");
       r.value.setCheckedKeys(e, o);
     }, O = (e, o, d) => {
       r.value.setChecked(e, o, d);
-    }, V = () => r.value.getHalfCheckedNodes(), F = () => r.value.getHalfCheckedKeys(), L = (e, o = !0) => {
+    }, V = () => r.value.getHalfCheckedNodes(), F = () => r.value.getHalfCheckedKeys(), R = (e, o = !0) => {
       if (!t.nodeKey)
         throw new Error("[Tree] nodeKey is required in setCurrentNode");
       B(
@@ -149,7 +150,7 @@ const $e = /* @__PURE__ */ Y({
         f,
         () => r.value.setUserCurrentNode(e, o)
       );
-    }, R = (e, o = !0) => {
+    }, U = (e, o = !0) => {
       if (!t.nodeKey)
         throw new Error("[Tree] nodeKey is required in setCurrentKey");
       B(
@@ -157,21 +158,21 @@ const $e = /* @__PURE__ */ Y({
         f,
         () => r.value.setCurrentNodeKey(e, o)
       );
-    }, U = (e) => r.value.getNode(e), j = (e) => {
+    }, j = (e) => r.value.getNode(e), G = (e) => {
       r.value.remove(e);
-    }, G = (e, o) => {
-      r.value.append(e, o);
     }, J = (e, o) => {
-      r.value.insertBefore(e, o);
+      r.value.append(e, o);
     }, Q = (e, o) => {
+      r.value.insertBefore(e, o);
+    }, W = (e, o) => {
       r.value.insertAfter(e, o);
     }, v = (e, o, d) => {
-      S(o), f("node-expand", e, o, d);
-    }, W = (e, o) => {
+      q(o), f("node-expand", e, o, d);
+    }, X = (e, o) => {
       if (!t.nodeKey)
         throw new Error("[Tree] nodeKey is required in updateKeyChild");
       r.value.updateChildren(e, o);
-    }, X = (e, o) => {
+    }, Y = (e, o) => {
       if (!t.nodeKey)
         throw new Error("[Tree] nodeKey is required in updateKeyChild");
       r.value.updateNode(e, o);
@@ -181,34 +182,34 @@ const $e = /* @__PURE__ */ Y({
       props: t,
       store: r,
       root: u,
-      currentNode: b,
+      currentNode: S,
       instance: x()
-    }), w(he, void 0), T({
-      filter: A,
+    }), w(me, void 0), T({
+      filter: $,
       getNodeKey: N,
-      getNodePath: $,
-      getCheckedNodes: z,
-      getCheckedKeys: H,
+      getNodePath: z,
+      getCheckedNodes: H,
+      getCheckedKeys: I,
       getCurrentNode: k,
-      getCurrentKey: I,
-      setCheckedNodes: M,
-      setCheckedKeys: P,
+      getCurrentKey: M,
+      setCheckedNodes: P,
+      setCheckedKeys: L,
       setChecked: O,
       getHalfCheckedNodes: V,
       getHalfCheckedKeys: F,
-      setCurrentNode: L,
-      setCurrentKey: R,
-      getNode: U,
-      remove: j,
-      append: G,
-      insertBefore: J,
-      insertAfter: Q,
+      setCurrentNode: R,
+      setCurrentKey: U,
+      getNode: j,
+      remove: G,
+      append: J,
+      insertBefore: Q,
+      insertAfter: W,
       handleNodeExpand: v,
-      updateKeyChildren: W,
-      updateNode: X
-    }), (e, o) => (y(), m("div", {
+      updateKeyChildren: X,
+      updateNode: Y
+    }), (e, o) => (y(), K("div", {
       ref_key: "el$",
-      ref: K,
+      ref: m,
       class: h([
         n(a).b(),
         n(a).is("dragging", !!n(p).draggingNode),
@@ -218,7 +219,7 @@ const $e = /* @__PURE__ */ Y({
       ]),
       role: "tree"
     }, [
-      (y(!0), m(te, null, re(u.value.childNodes, (d) => (y(), oe(ye, {
+      (y(!0), K(ee, null, te(u.value.childNodes, (d) => (y(), re(fe, {
         key: N(d),
         node: d,
         props: t,
@@ -228,26 +229,26 @@ const $e = /* @__PURE__ */ Y({
         "render-content": l.renderContent,
         onNodeExpand: v
       }, null, 8, ["node", "accordion", "render-after-expand", "show-checkbox", "render-content"]))), 128)),
-      q.value ? (y(), m("div", {
+      A.value ? (y(), K("div", {
         key: 0,
         class: h(n(a).e("empty-block"))
       }, [
-        ne(e.$slots, "empty", {}, () => [
+        oe(e.$slots, "empty", {}, () => [
           E("span", {
             class: h(n(a).e("empty-text"))
-          }, de(l.emptyText ?? "暂无数据"), 3)
+          }, ne(l.emptyText ?? n(b)("vft.tree.emptyText")), 3)
         ])
-      ], 2)) : _("", !0),
-      ee(E("div", {
+      ], 2)) : de("", !0),
+      ae(E("div", {
         ref_key: "dropIndicator$",
         ref: g,
         class: h(n(a).e("drop-indicator"))
       }, null, 2), [
-        [ae, n(p).showDropIndicator]
+        [le, n(p).showDropIndicator]
       ])
     ], 2));
   }
 });
 export {
-  $e as default
+  Ie as default
 };

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

@@ -90,7 +90,7 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         };
         sizeExceedMessage: {
             type: import("vue").PropType<string>;
-            default: string;
+            default: undefined;
         };
         onSizeInvalid: {
             type: import("vue").PropType<(file: File, width: number, height: number, expectedWidth: number, expectedHeight: number) => void>;
@@ -286,7 +286,7 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         };
         sizeExceedMessage: {
             type: import("vue").PropType<string>;
-            default: string;
+            default: undefined;
         };
         onSizeInvalid: {
             type: import("vue").PropType<(file: File, width: number, height: number, expectedWidth: number, expectedHeight: number) => void>;
@@ -479,7 +479,7 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
     };
     sizeExceedMessage: {
         type: import("vue").PropType<string>;
-        default: string;
+        default: undefined;
     };
     onSizeInvalid: {
         type: import("vue").PropType<(file: File, width: number, height: number, expectedWidth: number, expectedHeight: number) => void>;

package/es/components/upload/upload-content.vue.d.ts

@@ -17,7 +17,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     fileList: never[];
     replaceOnLimit: boolean;
     maxSize: undefined;
-    sizeExceedMessage: string;
+    sizeExceedMessage: undefined;
     sizeWidth: undefined;
     sizeHeight: undefined;
 }>>, {
@@ -38,7 +38,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     fileList: never[];
     replaceOnLimit: boolean;
     maxSize: undefined;
-    sizeExceedMessage: string;
+    sizeExceedMessage: undefined;
     sizeWidth: undefined;
     sizeHeight: undefined;
 }>>> & Readonly<{}>, {