vft 0.0.511 → 0.0.514

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

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

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

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