vft 0.0.507 → 0.0.509

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, createElementBlock as h, openBlock as u, normalizeClass as i, unref as t, createVNode as a, createElementVNode as X, withCtx as l, renderSlot as f, createCommentVNode as P, toDisplayString 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 { useLocale as 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) => (u(), h("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]) ? P("", !0) : (u(), h("span", ne, V(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]) ? P("", !0) : (u(), h("span", ie, V(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.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, createElementBlock as K, openBlock as y, normalizeClass as h, unref as n, createCommentVNode as ee, withDirectives as te, Fragment as re, renderList as oe, createBlock as ne, renderSlot as de, createElementVNode as E, toDisplayString 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 { useLocale as 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(re, null, oe(u.value.childNodes, (d) => (y(), ne(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", {}, () => [
+        de(e.$slots, "empty", {}, () => [
           E("span", {
             class: h(n(a).e("empty-text"))
-          }, de(l.emptyText ?? "暂无数据"), 3)
+          }, ae(l.emptyText ?? n(b)("vft.tree.emptyText")), 3)
         ])
-      ], 2)) : _("", !0),
-      ee(E("div", {
+      ], 2)) : ee("", !0),
+      te(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<{}>, {