vft 0.0.509 → 0.0.513

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, 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 { 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 { 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 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) => (u(), h("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]) ? P("", !0) : (u(), h("span", ne, V(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]) ? P("", !0) : (u(), h("span", ie, V(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-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,23 +1,22 @@
-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 { 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 { 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({
+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(re, null, oe(u.value.childNodes, (d) => (y(), ne(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"))
       }, [
-        de(e.$slots, "empty", {}, () => [
+        re(e.$slots, "empty", {}, () => [
           E("span", {
             class: h(n(a).e("empty-text"))
-          }, ae(l.emptyText ?? n(b)("vft.tree.emptyText")), 3)
+          }, oe(l.emptyText ?? "暂无数据"), 3)
         ])
-      ], 2)) : ee("", !0),
-      te(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
 };