@farris/ui-vue 1.3.4 → 1.3.6

package/components/transfer/index.esm.js

@@ -1,121 +1,135 @@
-import { ref as g, computed as $, createVNode as n, Fragment as B, watch as J, withModifiers as ne, withDirectives as le, vModelText as se, defineComponent as N, createTextVNode as _, inject as ae, onMounted as oe } from "vue";
-import { isPlainObject as U, cloneDeep as ie } from "lodash-es";
+import { ref as g, computed as $, createVNode as s, Fragment as B, watch as J, withModifiers as le, withDirectives as se, vModelText as ae, defineComponent as N, createTextVNode as _, inject as oe, onMounted as ie } from "vue";
+import { isPlainObject as U, cloneDeep as Q } from "lodash-es";
 import { useIdentify as re, useHierarchy as ce, useGroupData as ue, usePagination as fe, useDataView as de, useSelection as pe, useEdit as ve, useVisualDataBound as he, useVisualDataCell as ge, useVisualDataRow as me, useVisualGroupRow as ye, useVisualSummaryRow as we, useVisualData as Se } from "../data-view/index.esm.js";
 import { FCheckBox as G } from "../checkbox/index.esm.js";
 import { withInstall as be } from "../common/index.esm.js";
-const Q = {}, Y = {};
+const Y = {}, Z = {};
 function q(t) {
-  const { properties: e, title: l, ignore: c } = t, p = c && Array.isArray(c), s = Object.keys(e).reduce((o, m) => ((!p || !c.find((i) => i === m)) && (o[m] = e[m].type === "object" && e[m].properties ? q(e[m]) : ie(e[m].default)), o), {});
-  if (l && (!p || !c.find((o) => o === "id"))) {
-    const o = l.toLowerCase().replace(/-/g, "_");
-    s.id = `${o}_${Math.random().toString().slice(2, 6)}`;
+  const { properties: e, title: n, ignore: o } = t, u = o && Array.isArray(o), l = Object.keys(e).reduce((a, m) => ((!u || !o.find((r) => r === m)) && (a[m] = e[m].type === "object" && e[m].properties ? q(e[m]) : Q(e[m].default)), a), {});
+  if (n && (!u || !o.find((a) => a === "id"))) {
+    const a = n.toLowerCase().replace(/-/g, "_");
+    l.id = `${a}_${Math.random().toString().slice(2, 6)}`;
   }
-  return s;
+  return l;
 }
-function Z(t, e = {}, l) {
-  const c = Q[t];
-  if (c) {
-    let p = q(c);
-    const s = Y[t];
-    return p = s ? s({ getSchemaByType: Z }, p, e, l) : p, p;
+function Ce(t) {
+  const { properties: e, title: n, required: o } = t;
+  if (o && Array.isArray(o)) {
+    const u = o.reduce((l, a) => (l[a] = e[a].type === "object" && e[a].properties ? q(e[a]) : Q(e[a].default), l), {});
+    if (n && o.find((l) => l === "id")) {
+      const l = n.toLowerCase().replace(/-/g, "_");
+      u.id = `${l}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return u;
   }
-  return null;
+  return {
+    type: n
+  };
 }
-function Ce(t, e) {
-  const l = q(e);
-  return Object.keys(l).reduce((c, p) => (c[p] && U(c[p]) && U(t[p] || !t[p]) ? Object.assign(c[p], t[p] || {}) : c[p] = t[p], c), l), l;
+function K(t, e = {}, n) {
+  const o = Y[t];
+  if (o) {
+    let u = Ce(o);
+    const l = Z[t];
+    return u = l ? l({ getSchemaByType: K }, u, e, n) : u, u;
+  }
+  return null;
 }
 function ke(t, e) {
-  return Object.keys(t).filter((c) => t[c] != null).reduce((c, p) => {
-    if (e.has(p)) {
-      const s = e.get(p);
-      if (typeof s == "string")
-        c[s] = t[p];
+  const n = q(e);
+  return Object.keys(n).reduce((o, u) => (Object.prototype.hasOwnProperty.call(t, u) && (o[u] && U(o[u]) && U(t[u] || !t[u]) ? Object.assign(o[u], t[u] || {}) : o[u] = t[u]), o), n), n;
+}
+function Me(t, e) {
+  return Object.keys(t).filter((o) => t[o] != null).reduce((o, u) => {
+    if (e.has(u)) {
+      const l = e.get(u);
+      if (typeof l == "string")
+        o[l] = t[u];
       else {
-        const o = s(p, t[p], t);
-        Object.assign(c, o);
+        const a = l(u, t[u], t);
+        Object.assign(o, a);
       }
     } else
-      c[p] = t[p];
-    return c;
+      o[u] = t[u];
+    return o;
   }, {});
 }
-function Me(t, e, l = /* @__PURE__ */ new Map()) {
-  const c = Ce(t, e);
-  return ke(c, l);
+function Ve(t, e, n = /* @__PURE__ */ new Map()) {
+  const o = ke(t, e);
+  return Me(o, n);
 }
-function Ve(t = {}) {
-  function e(d, u, a, r) {
-    if (typeof a == "number")
-      return r[d].length === a;
-    if (typeof a == "object") {
-      const V = Object.keys(a)[0], S = a[V];
+function Oe(t = {}) {
+  function e(p, f, i, c) {
+    if (typeof i == "number")
+      return c[p].length === i;
+    if (typeof i == "object") {
+      const V = Object.keys(i)[0], S = i[V];
       if (V === "not")
-        return Number(r[d].length) !== Number(S);
+        return Number(c[p].length) !== Number(S);
       if (V === "moreThan")
-        return Number(r[d].length) >= Number(S);
+        return Number(c[p].length) >= Number(S);
       if (V === "lessThan")
-        return Number(r[d].length) <= Number(S);
+        return Number(c[p].length) <= Number(S);
     }
     return !1;
   }
-  function l(d, u, a, r) {
-    return r[d] && r[d].propertyValue && String(r[d].propertyValue.value) === String(a);
+  function n(p, f, i, c) {
+    return c[p] && c[p].propertyValue && String(c[p].propertyValue.value) === String(i);
   }
-  const c = /* @__PURE__ */ new Map([
+  const o = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", l]
+    ["getProperty", n]
   ]);
-  Object.keys(t).reduce((d, u) => (d.set(u, t[u]), d), c);
-  function p(d, u) {
-    const a = d;
-    return typeof u == "number" ? [{ target: a, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: a, operator: "getProperty", param: d, value: !!u }] : typeof u == "object" ? Object.keys(u).map((r) => {
-      if (r === "length")
-        return { target: a, operator: "length", param: null, value: u[r] };
-      const V = r, S = u[r];
-      return { target: a, operator: "getProperty", param: V, value: S };
+  Object.keys(t).reduce((p, f) => (p.set(f, t[f]), p), o);
+  function u(p, f) {
+    const i = p;
+    return typeof f == "number" ? [{ target: i, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: i, operator: "getProperty", param: p, value: !!f }] : typeof f == "object" ? Object.keys(f).map((c) => {
+      if (c === "length")
+        return { target: i, operator: "length", param: null, value: f[c] };
+      const V = c, S = f[c];
+      return { target: i, operator: "getProperty", param: V, value: S };
     }) : [];
   }
-  function s(d) {
-    return Object.keys(d).reduce((a, r) => {
-      const V = p(r, d[r]);
-      return a.push(...V), a;
+  function l(p) {
+    return Object.keys(p).reduce((i, c) => {
+      const V = u(c, p[c]);
+      return i.push(...V), i;
     }, []);
   }
-  function o(d, u) {
-    if (c.has(d.operator)) {
-      const a = c.get(d.operator);
-      return a && a(d.target, d.param, d.value, u) || !1;
+  function a(p, f) {
+    if (o.has(p.operator)) {
+      const i = o.get(p.operator);
+      return i && i(p.target, p.param, p.value, f) || !1;
     }
     return !1;
   }
-  function m(d, u) {
-    return s(d).reduce((V, S) => V && o(S, u), !0);
+  function m(p, f) {
+    return l(p).reduce((V, S) => V && a(S, f), !0);
   }
-  function i(d, u) {
-    const a = Object.keys(d), r = a.includes("allOf"), V = a.includes("anyOf"), S = r || V, D = (S ? d[S ? r ? "allOf" : "anyOf" : "allOf"] : [d]).map((F) => m(F, u));
-    return r ? !D.includes(!1) : D.includes(!0);
+  function r(p, f) {
+    const i = Object.keys(p), c = i.includes("allOf"), V = i.includes("anyOf"), S = c || V, D = (S ? p[S ? c ? "allOf" : "anyOf" : "allOf"] : [p]).map((F) => m(F, f));
+    return c ? !D.includes(!1) : D.includes(!0);
   }
-  return { parseValueSchema: i };
+  return { parseValueSchema: r };
 }
-const Oe = {}, De = {};
-Ve();
-function K(t, e, l = /* @__PURE__ */ new Map(), c = (o, m, i, d) => m, p = {}, s = (o) => o) {
-  return Q[e.title] = e, Y[e.title] = c, Oe[e.title] = p, De[e.title] = s, (o = {}) => {
-    const m = Me(o, e, l), i = Object.keys(t).reduce((d, u) => (d[u] = t[u].default, d), {});
-    return Object.assign(i, m);
+const De = {}, Te = {};
+Oe();
+function x(t, e, n = /* @__PURE__ */ new Map(), o = (a, m, r, p) => m, u = {}, l = (a) => a) {
+  return Y[e.title] = e, Z[e.title] = o, De[e.title] = u, Te[e.title] = l, (a = {}) => {
+    const m = Ve(a, e, n), r = Object.keys(t).reduce((p, f) => (p[f] = t[f].default, p), {});
+    return Object.assign(r, m);
   };
 }
-function x(t, e) {
+function ee(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const Te = /* @__PURE__ */ new Map([
-  ["appearance", x]
+const Fe = /* @__PURE__ */ new Map([
+  ["appearance", ee]
 ]);
-function Fe(t, e, l) {
+function Ie(t, e, n) {
   return e;
 }
-const Ie = "transfer", je = "A Farris Component", Re = "object", $e = {
+const je = "transfer", Re = "A Farris Component", $e = "object", Pe = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -137,12 +151,12 @@ const Ie = "transfer", je = "A Farris Component", Re = "object", $e = {
       }
     }
   }
-}, Pe = {
-  title: Ie,
-  description: je,
-  type: Re,
-  categories: $e
-}, Ae = "https://json-schema.org/draft/2020-12/schema", Le = "https://farris-design.gitee.io/transfer.schema.json", He = "transfer", Ee = "A Farris Component", _e = "object", Be = {
+}, Ae = {
+  title: je,
+  description: Re,
+  type: $e,
+  categories: Pe
+}, Le = "https://json-schema.org/draft/2020-12/schema", He = "https://farris-design.gitee.io/transfer.schema.json", Ee = "transfer", _e = "A Farris Component", Be = "object", Ne = {
   id: {
     description: "The unique identifier for transfer",
     type: "string"
@@ -204,17 +218,17 @@ const Ie = "transfer", je = "A Farris Component", Re = "object", $e = {
     type: "boolean",
     default: !0
   }
-}, Ne = [
+}, Ge = [
   "id",
   "type"
-], Ge = {
-  $schema: Ae,
-  $id: Le,
-  title: He,
-  description: Ee,
-  type: _e,
-  properties: Be,
-  required: Ne
+], qe = {
+  $schema: Le,
+  $id: He,
+  title: Ee,
+  description: _e,
+  type: Be,
+  properties: Ne,
+  required: Ge
 }, z = {
   dataSource: {
     type: Array,
@@ -227,13 +241,13 @@ const Ie = "transfer", je = "A Farris Component", Re = "object", $e = {
   placeholder: { type: String, default: "" },
   selections: { type: Array, default: [] },
   selectionValues: { type: Array, default: [] }
-}, ee = K(z, Ge, Te, Fe, Pe), qe = /* @__PURE__ */ new Map([
-  ["appearance", x]
+}, te = x(z, qe, Fe, Ie, Ae), ze = /* @__PURE__ */ new Map([
+  ["appearance", ee]
 ]);
-function ze(t, e, l) {
+function Ue(t, e, n) {
   return e;
 }
-const Ue = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-design.gitee.io/list-view.schema.json", Xe = "list-view", Je = "A Farris Component", Qe = "object", Ye = {
+const We = "https://json-schema.org/draft/2020-12/schema", Xe = "https://farris-design.gitee.io/list-view.schema.json", Je = "list-view", Qe = "A Farris Component", Ye = "object", Ze = {
   id: {
     description: "The unique identifier for list-view",
     type: "string"
@@ -295,18 +309,18 @@ const Ue = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-
     type: "boolean",
     default: !0
   }
-}, Ze = [
+}, Ke = [
   "id",
   "type"
-], Ke = {
-  $schema: Ue,
-  $id: We,
-  title: Xe,
-  description: Je,
-  type: Qe,
-  properties: Ye,
-  required: Ze
-}, xe = "list-view", et = "A Farris Component", tt = "object", nt = {
+], xe = {
+  $schema: We,
+  $id: Xe,
+  title: Je,
+  description: Qe,
+  type: Ye,
+  properties: Ze,
+  required: Ke
+}, et = "list-view", tt = "A Farris Component", nt = "object", lt = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -328,12 +342,12 @@ const Ue = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-
       }
     }
   }
-}, lt = {
-  title: xe,
-  description: et,
-  type: tt,
-  categories: nt
-}, te = {
+}, st = {
+  title: et,
+  description: tt,
+  type: nt,
+  categories: lt
+}, ne = {
   /** 列集合 */
   columns: {
     type: Array,
@@ -375,128 +389,128 @@ const Ue = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-
   // 搜索启用高亮
   enableHighlightSearch: { type: Boolean, default: !0 }
 };
-K(te, Ke, qe, ze, lt);
-function st(t, e) {
-  function l(s) {
-    const o = [];
-    let m = s.nextNode();
+x(ne, xe, ze, Ue, st);
+function at(t, e) {
+  function n(l) {
+    const a = [];
+    let m = l.nextNode();
     for (; m; )
-      o.push(m), m = s.nextNode();
-    return o;
+      a.push(m), m = l.nextNode();
+    return a;
   }
-  function c(s, o) {
-    const m = document.createTreeWalker(s, NodeFilter.SHOW_TEXT);
-    return l(m).map((a) => ({ textNode: a, text: (a.textContent || "").toLocaleLowerCase() })).map(({ textNode: a, text: r }) => {
+  function o(l, a) {
+    const m = document.createTreeWalker(l, NodeFilter.SHOW_TEXT);
+    return n(m).map((i) => ({ textNode: i, text: (i.textContent || "").toLocaleLowerCase() })).map(({ textNode: i, text: c }) => {
       const V = [];
       let S = 0;
-      for (; S < r.length; ) {
-        const k = r.indexOf(o, S);
+      for (; S < c.length; ) {
+        const k = c.indexOf(a, S);
         if (k === -1)
           break;
-        V.push(k), S = k + o.length;
+        V.push(k), S = k + a.length;
       }
       return V.map((k) => {
         const I = new Range();
-        return I.setStart(a, k), I.setEnd(a, k + o.length), I;
+        return I.setStart(i, k), I.setEnd(i, k + a.length), I;
       });
     }).flat();
   }
-  function p(s) {
-    if (!CSS.highlights || (CSS.highlights.clear(), !s || !e))
+  function u(l) {
+    if (!CSS.highlights || (CSS.highlights.clear(), !l || !e))
       return;
-    const o = c(e.value, s.toLocaleLowerCase()), m = new Highlight(...o);
+    const a = o(e.value, l.toLocaleLowerCase()), m = new Highlight(...a);
     CSS.highlights.set("search-result", m);
   }
-  return { search: p };
+  return { search: u };
 }
-function W(t, e, l, c, p, s, o, m, i, d) {
-  const u = g(t.size), a = g(t.textField), r = g(t.titleField), V = g(t.disableField), S = $(() => {
+function W(t, e, n, o, u, l, a, m, r, p) {
+  const f = g(t.size), i = g(t.textField), c = g(t.titleField), V = g(t.disableField), S = $(() => {
     var v, w;
     return ((v = t.selection) == null ? void 0 : v.multiSelect) && ((w = t.selection) == null ? void 0 : w.showCheckbox);
   }), {
     onMouseenterItem: k,
     onMouseoverItem: I,
     onMouseoutItem: D
-  } = s, {
+  } = l, {
     getKey: O,
     listViewItemClass: F,
     onCheckItem: P,
     onClickItem: y
-  } = o, M = $(() => ({
-    margin: u.value === "small" ? "0.25rem 0" : "10px 0"
+  } = a, M = $(() => ({
+    margin: f.value === "small" ? "0.25rem 0" : "10px 0"
   }));
   function T(v, w, C) {
-    return v.checked = m.findIndexInSelectedItems(v) > -1, n("li", {
+    return v.checked = m.findIndexInSelectedItems(v) > -1, s("li", {
       class: F(v, w),
       id: O(v, w),
       key: O(v, w),
-      onClick: (f) => y(f, v, w),
-      onMouseenter: (f) => k(f, v, w),
-      onMouseover: (f) => I(f, v, w),
-      onMouseout: (f) => D(f, v, w)
-    }, [S.value && n("div", {
+      onClick: (d) => y(d, v, w),
+      onMouseenter: (d) => k(d, v, w),
+      onMouseover: (d) => I(d, v, w),
+      onMouseout: (d) => D(d, v, w)
+    }, [S.value && s("div", {
       class: "f-list-select",
-      onClick: (f) => f.stopPropagation()
-    }, [n(G, {
+      onClick: (d) => d.stopPropagation()
+    }, [s(G, {
       id: "list-" + O(v, w),
       customClass: "listview-checkbox",
       disabled: v[V.value],
       checked: v.checked,
-      "onUpdate:checked": (f) => v.checked = f,
-      onChange: (f) => {
-        P(v, w, !f.checked);
+      "onUpdate:checked": (d) => v.checked = d,
+      onChange: (d) => {
+        P(v, w, !d.checked);
       }
-    }, null)]), n("div", {
+    }, null)]), s("div", {
       class: "f-list-content"
-    }, [n("div", {
+    }, [s("div", {
       style: M.value,
-      title: v.raw[r.value] || v.raw[a.value]
-    }, [v.raw[a.value]])])]);
+      title: v.raw[c.value] || v.raw[i.value]
+    }, [v.raw[i.value]])])]);
   }
   return {
     renderItem: T
   };
 }
-function at(t, e, l, c, p, s, o, m, i, d) {
-  const u = g(t.multiSelect), a = g(t.disableField), {
-    onMouseenterItem: r,
+function ot(t, e, n, o, u, l, a, m, r, p) {
+  const f = g(t.multiSelect), i = g(t.disableField), {
+    onMouseenterItem: c,
     onMouseoverItem: V,
     onMouseoutItem: S
-  } = s, {
+  } = l, {
     getKey: k,
     listViewItemClass: I,
     onCheckItem: D,
     onClickItem: O
-  } = o;
+  } = a;
   function F(y, M, T) {
-    return e.slots.content ? n(B, null, [e.slots.content && e.slots.content({
+    return e.slots.content ? s(B, null, [e.slots.content && e.slots.content({
       item: y.raw,
       index: M,
       selectedItem: T
-    })]) : n("div", {
+    })]) : s("div", {
       style: "margin: 10px 0;"
     }, [y.raw.name]);
   }
   function P(y, M, T) {
-    return n("li", {
+    return s("li", {
       class: I(y, M),
       id: k(y, M),
       key: k(y, M),
       onClick: (v) => O(v, y, M),
-      onMouseenter: (v) => r(v, y, M),
+      onMouseenter: (v) => c(v, y, M),
       onMouseover: (v) => V(v, y, M),
       onMouseout: (v) => S(v, y, M)
-    }, [u.value && n("div", {
+    }, [f.value && s("div", {
       class: "f-list-select",
       onClick: (v) => v.stopPropagation()
-    }, [n(G, {
+    }, [s(G, {
       id: "list-" + k(y, M),
       customClass: "listview-checkbox",
-      disabled: y[a.value] || !y.checked,
+      disabled: y[i.value] || !y.checked,
       checked: y.checked,
       "onUpdate:checked": (v) => y.checked = v,
       onChange: (v) => D(y, M, !v.checked)
-    }, null)]), n("div", {
+    }, null)]), s("div", {
       class: "f-list-content"
     }, [F(y, M, T)])]);
   }
@@ -504,42 +518,42 @@ function at(t, e, l, c, p, s, o, m, i, d) {
     renderItem: P
   };
 }
-function ot(t, e, l, c, p, s, o, m, i, d) {
-  const u = g(t.multiSelect), a = g(t.disableField), {
-    onMouseenterItem: r,
+function it(t, e, n, o, u, l, a, m, r, p) {
+  const f = g(t.multiSelect), i = g(t.disableField), {
+    onMouseenterItem: c,
     onMouseoverItem: V,
     onMouseoutItem: S
-  } = s, {
+  } = l, {
     getKey: k,
     listViewItemClass: I,
     onCheckItem: D,
     onClickItem: O
-  } = o, {
+  } = a, {
     dragstart: F,
     dragenter: P,
     dragover: y,
     dragend: M
-  } = c, {
+  } = o, {
     removeItem: T
-  } = i, v = $(() => ({
-    margin: u.value ? "10px 0" : "10px 0px 10px 14px"
+  } = r, v = $(() => ({
+    margin: f.value ? "10px 0" : "10px 0px 10px 14px"
   }));
   function w(h) {
-    return n("div", {
+    return s("div", {
       style: v.value
     }, [h.raw.name]);
   }
   function C() {
     return e.slots.itemContent ? e.slots.itemContent : w;
   }
-  const f = C();
+  const d = C();
   function b(h, j, A) {
-    return n("li", {
+    return s("li", {
       class: I(h, j),
       id: k(h, j),
       key: k(h, j),
       onClick: (R) => O(R, h, j),
-      onMouseenter: (R) => r(R, h, j),
+      onMouseenter: (R) => c(R, h, j),
       onMouseover: (R) => V(R, h, j),
       onMouseout: (R) => S(R, h, j),
       draggable: "true",
@@ -547,28 +561,28 @@ function ot(t, e, l, c, p, s, o, m, i, d) {
       onDragenter: (R) => P(R, j),
       onDragend: (R) => M(R, h),
       onDragover: (R) => y(R, j)
-    }, [u.value && n("div", {
+    }, [f.value && s("div", {
       class: "f-list-select",
       onClick: (R) => R.stopPropagation()
-    }, [n(G, {
+    }, [s(G, {
       id: "list-" + k(h, j),
       customClass: "listview-checkbox",
-      disabled: h[a.value] || !h.checked,
+      disabled: h[i.value] || !h.checked,
       checked: h.checked,
       "onUpdate:checked": (R) => h.checked = R,
       onChange: (R) => D(h, j, !R.checked)
-    }, null)]), n("div", {
+    }, null)]), s("div", {
       class: "f-list-content"
-    }, [f(h)]), n("div", {
+    }, [d(h)]), s("div", {
       class: "f-list-remove",
       onClick: (R) => T(j)
-    }, [n("div", {
+    }, [s("div", {
       class: "f-list-remove-icon"
-    }, [n("i", {
+    }, [s("i", {
       class: "f-icon f-icon-remove_face"
-    }, null)])]), n("div", {
+    }, null)])]), s("div", {
       class: "f-list-handle"
-    }, [n("div", null, [n("i", {
+    }, [s("div", null, [s("i", {
       class: "f-icon f-icon-drag-vertical"
     }, null)])])]);
   }
@@ -576,80 +590,80 @@ function ot(t, e, l, c, p, s, o, m, i, d) {
     renderItem: b
   };
 }
-function it(t, e, l, c, p, s, o, m, i, d) {
+function rt(t, e, n, o, u, l, a, m, r, p) {
   var k;
-  const u = g(((k = t.group) == null ? void 0 : k.groupFields) || []), {
-    collpaseGroupIconClass: a
-  } = p, {
-    toggleGroupRow: r
-  } = d;
+  const f = g(((k = t.group) == null ? void 0 : k.groupFields) || []), {
+    collpaseGroupIconClass: i
+  } = u, {
+    toggleGroupRow: c
+  } = p;
   function V(I, D) {
-    D.collapse = !D.collapse, l.value = r(D.collapse ? "collapse" : "expand", D, l.value);
+    D.collapse = !D.collapse, n.value = c(D.collapse ? "collapse" : "expand", D, n.value);
   }
   function S(I, D, O) {
-    return I.layer > -1 && n("div", {
+    return I.layer > -1 && s("div", {
       class: "f-navlookup-recentHeader",
       onClick: (F) => V(F, I)
-    }, [n("div", {
+    }, [s("div", {
       class: "fv-grid-group-row-icon"
-    }, [n("span", {
-      class: a(I)
-    }, null)]), n("div", {
+    }, [s("span", {
+      class: i(I)
+    }, null)]), s("div", {
       class: "f-navlookup-recommandLabel"
-    }, [I.raw[u.value[I.layer]]])]);
+    }, [I.raw[f.value[I.layer]]])]);
   }
   return {
     renderItem: S
   };
 }
-function rt() {
-  const t = g(-1), e = g(""), l = g(-1), c = g(!1);
-  function p(d, u, a) {
-    l.value = a;
+function ct() {
+  const t = g(-1), e = g(""), n = g(-1), o = g(!1);
+  function u(p, f, i) {
+    n.value = i;
   }
-  function s(d, u, a) {
-    c.value || (l.value = a);
+  function l(p, f, i) {
+    o.value || (n.value = i);
   }
-  function o(d, u, a) {
-    l.value = -1;
+  function a(p, f, i) {
+    n.value = -1;
   }
   function m() {
-    c.value = !0;
+    o.value = !0;
   }
-  function i() {
-    c.value = !1;
+  function r() {
+    o.value = !1;
   }
   return {
     activeIndex: t,
     focusedItemId: e,
-    hoverIndex: l,
-    onMouseenterItem: p,
-    onMouseoverItem: s,
-    onMouseoutItem: o,
-    resumeHover: i,
+    hoverIndex: n,
+    onMouseenterItem: u,
+    onMouseoverItem: l,
+    onMouseoutItem: a,
+    resumeHover: r,
     suspendHover: m
   };
 }
-function ct(t, e, l, c) {
-  const p = g(t.idField), { dataView: s } = l, o = g(-1), m = g(!1), { activeIndex: i, focusedItemId: d, hoverIndex: u, resumeHover: a, suspendHover: r } = c;
+function ut(t, e, n, o) {
+  const u = g(t.idField), { dataView: l } = n, a = g(-1), m = g(!1), { activeIndex: r, focusedItemId: p, hoverIndex: f, resumeHover: i, suspendHover: c } = o;
   function V(D, O, F) {
-    D.stopPropagation(), r(), O && setTimeout(() => {
-      o.value = F, m.value = !0, O.moving = !0;
+    D.stopPropagation(), c(), O && setTimeout(() => {
+      a.value = F, m.value = !0, O.moving = !0;
     });
   }
   function S(D, O) {
-    if (D.preventDefault(), o.value !== O) {
-      const F = s.value[o.value], P = s.value;
-      P.splice(o.value, 1), P.splice(O, 0, F), o.value = O;
+    if (D.preventDefault(), a.value !== O) {
+      const F = l.value[a.value], P = l.value;
+      P.splice(a.value, 1), P.splice(O, 0, F), a.value = O;
     }
   }
   function k(D, O) {
     D.preventDefault(), D.dataTransfer && (D.dataTransfer.dropEffect = "move");
   }
   function I(D, O) {
-    O && (O.moving = !1), s.value.forEach((F, P) => {
+    O && (O.moving = !1), l.value.forEach((F, P) => {
       F.__fv_index__ = P;
-    }), m.value = !1, a(), u.value = O.raw.__fv_index__, i.value = O.raw.__fv_index__, d.value = O.raw[p.value], e.emit("change", s.value), e.emit("activeChange", O);
+    }), m.value = !1, i(), f.value = O.raw.__fv_index__, r.value = O.raw.__fv_index__, p.value = O.raw[u.value], e.emit("change", l.value), e.emit("activeChange", O);
   }
   return {
     dragstart: V,
@@ -659,53 +673,53 @@ function ct(t, e, l, c) {
     isDragging: m
   };
 }
-function ut(t, e, l) {
-  const { dataView: c } = l;
-  function p(s) {
-    if (s > -1 && s < c.value.length) {
-      const o = c.value.splice(s, 1);
-      e.emit("removeItem", o[0]);
+function ft(t, e, n) {
+  const { dataView: o } = n;
+  function u(l) {
+    if (l > -1 && l < o.value.length) {
+      const a = o.value.splice(l, 1);
+      e.emit("removeItem", a[0]);
     }
   }
-  return { removeItem: p };
+  return { removeItem: u };
 }
-function ft(t, e, l, c, p, s) {
-  const o = g(t.idField), m = g(t.disableField), i = g(t.draggable), d = g(t.itemClass), u = g(t.selection.multiSelect ?? !1), a = g(t.selection.multiSelectMode), { isDragging: r } = c, { activeIndex: V, focusedItemId: S, hoverIndex: k } = p, { clearSelection: I, getSelectedItems: D, toggleSelectItem: O } = s, F = g(D());
-  function P(f, b) {
+function dt(t, e, n, o, u, l) {
+  const a = g(t.idField), m = g(t.disableField), r = g(t.draggable), p = g(t.itemClass), f = g(t.selection.multiSelect ?? !1), i = g(t.selection.multiSelectMode), { isDragging: c } = o, { activeIndex: V, focusedItemId: S, hoverIndex: k } = u, { clearSelection: I, getSelectedItems: D, toggleSelectItem: O } = l, F = g(D());
+  function P(d, b) {
     const h = {
       "f-listview-item": !0,
       "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": i.value,
-      "f-un-click": !f.checked,
-      "f-un-select": !!f.raw[m.value],
+      "f-list-view-draggable-item": r.value,
+      "f-un-click": !d.checked,
+      "f-un-select": !!d.raw[m.value],
       // 'f-listview-active': item.raw.__fv_index__ === activeIndex.value,
       // 多选
       "f-listview-active": F.value.findIndex(
-        (A) => A[o.value] === f.raw[o.value]
+        (A) => A[a.value] === d.raw[a.value]
       ) > -1,
       "f-listview-item-active": F.value.findIndex(
-        (A) => A[o.value] === f.raw[o.value]
+        (A) => A[a.value] === d.raw[a.value]
       ) > -1,
-      "f-listview-hover": !r.value && b === k.value,
-      "f-listview-item-hover": !r.value && b === k.value,
-      moving: !!f.moving
+      "f-listview-hover": !c.value && b === k.value,
+      "f-listview-item-hover": !c.value && b === k.value,
+      moving: !!d.moving
     };
-    return d.value.split(" ").reduce((A, R) => (A[R] = !0, A), h), h;
+    return p.value.split(" ").reduce((A, R) => (A[R] = !0, A), h), h;
   }
-  function y(f, b) {
-    return f.raw[o.value] || "";
+  function y(d, b) {
+    return d.raw[a.value] || "";
   }
-  const M = $(() => !u.value);
-  function T(f, b, h) {
-    f.checked = h, !f.raw[m.value] && (M.value && (S.value = f.raw[o.value]), O(f));
+  const M = $(() => !f.value);
+  function T(d, b, h) {
+    d.checked = h, !d.raw[m.value] && (M.value && (S.value = d.raw[a.value]), O(d));
   }
-  const v = $(() => u.value && a.value === "OnCheckClearByClick"), w = $(() => !u.value || u.value && (a.value === "OnCheckAndClick" || a.value === "OnClick"));
-  function C(f, b, h) {
+  const v = $(() => f.value && i.value === "OnCheckClearByClick"), w = $(() => !f.value || f.value && (i.value === "OnCheckAndClick" || i.value === "OnClick"));
+  function C(d, b, h) {
     if (b.raw[m.value]) {
-      f.preventDefault(), f.stopPropagation();
+      d.preventDefault(), d.stopPropagation();
       return;
     }
-    S.value = b.raw[o.value], V.value = h, v.value && I(), w.value && (O(b), F.value = D()), e.emit("clickItem", { data: F.value, index: h }), e.emit("activeChange", F.value);
+    S.value = b.raw[a.value], V.value = h, v.value && I(), w.value && (O(b), F.value = D()), e.emit("clickItem", { data: F.value, index: h }), e.emit("activeChange", F.value);
   }
   return {
     getKey: y,
@@ -714,33 +728,33 @@ function ft(t, e, l, c, p, s) {
     onClickItem: C
   };
 }
-function dt(t, e, l, c, p, s, o) {
-  const m = g(t.view), i = g(t.view === "CardView"), d = g({}), u = g("暂无数据"), a = rt(), r = ct(t, e, c, a), V = ut(t, e, c), S = ft(t, e, l, r, a, s), k = $(() => ({
+function pt(t, e, n, o, u, l, a) {
+  const m = g(t.view), r = g(t.view === "CardView"), p = g({}), f = g("暂无数据"), i = ct(), c = ut(t, e, o, i), V = ft(t, e, o), S = dt(t, e, n, c, i, l), k = $(() => ({
     "f-list-view-group": !0,
-    "d-flex": i.value,
-    "flex-wrap": i.value
-  })), I = $(() => !!l.value && l.value.length > 0), D = $(() => l.value.length === 0);
+    "d-flex": r.value,
+    "flex-wrap": r.value
+  })), I = $(() => !!n.value && n.value.length > 0), D = $(() => n.value.length === 0);
   $(() => D.value && !e.slots.empty);
   function O() {
-    return m.value === "SingleView" ? W : m.value === "DraggableView" ? ot : (m.value === "ContentView" || m.value === "CardView") && e.slots.content ? at : W;
+    return m.value === "SingleView" ? W : m.value === "DraggableView" ? it : (m.value === "ContentView" || m.value === "CardView") && e.slots.content ? ot : W;
   }
   const F = O(), {
     renderItem: P
-  } = F(t, e, l, r, p, a, S, s, V, o), {
+  } = F(t, e, n, c, u, i, S, l, V, a), {
     renderItem: y
-  } = it(t, e, l, r, p, a, S, s, V, o), M = [P, y];
+  } = rt(t, e, n, c, u, i, S, l, V, a), M = [P, y];
   function T() {
-    return l.value.filter((C) => C.visible !== !1).map((C, f) => M[C.type](C, f, d));
+    return n.value.filter((C) => C.visible !== !1).map((C, d) => M[C.type](C, d, p));
   }
   function v() {
-    return n("div", {
+    return s("div", {
       class: "f-list-view-emptydata"
-    }, [n("p", {
+    }, [s("p", {
       class: "f-empty-title"
-    }, [e.slots.empty ? e.slots.empty() : u.value])]);
+    }, [e.slots.empty ? e.slots.empty() : f.value])]);
   }
   function w() {
-    return n("ul", {
+    return s("ul", {
       class: k.value,
       style: "list-style: none;"
     }, [I.value && T(), D.value && v()]);
@@ -749,98 +763,98 @@ function dt(t, e, l, c, p, s, o) {
     renderListArea: w
   };
 }
-function pt(t, e, l) {
-  function c() {
-    return e.slots.header && n("div", {
+function vt(t, e, n) {
+  function o() {
+    return e.slots.header && s("div", {
       class: "f-list-view-header"
     }, [e.slots.header()]);
   }
   return {
-    renderHeader: c
+    renderHeader: o
   };
 }
-function X(t, e, l) {
-  const c = g(t.headerClass), p = g(t.placeholder), s = g(""), o = $(() => !s.value), m = $(() => !!s.value);
-  function i(r) {
-    s.value = "";
+function X(t, e, n) {
+  const o = g(t.headerClass), u = g(t.placeholder), l = g(""), a = $(() => !l.value), m = $(() => !!l.value);
+  function r(c) {
+    l.value = "";
   }
-  J(s, (r) => {
-    t.enableHighlightSearch && l.search(r), e.emit("afterSearch", r);
+  J(l, (c) => {
+    t.enableHighlightSearch && n.search(c), e.emit("afterSearch", c);
   });
-  const d = $(() => {
-    const r = {
+  const p = $(() => {
+    const c = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return c.value && c.value.split(" ").reduce((S, k) => (S[k] = !0, S), r), r;
+    return o.value && o.value.split(" ").reduce((S, k) => (S[k] = !0, S), c), c;
   });
-  function u(r) {
+  function f(c) {
   }
-  function a() {
-    return n("div", {
+  function i() {
+    return s("div", {
       class: "f-list-view-header",
-      onClick: ne(() => u, ["prevent", "stop"])
-    }, [n("div", {
-      class: d.value
-    }, [n("div", {
+      onClick: le(() => f, ["prevent", "stop"])
+    }, [s("div", {
+      class: p.value
+    }, [s("div", {
       class: "farris-input-wrap"
-    }, [n("div", {
+    }, [s("div", {
       class: "f-cmp-inputgroup"
-    }, [n("div", {
+    }, [s("div", {
       class: "input-group f-state-editable"
-    }, [le(n("input", {
+    }, [se(s("input", {
       class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (r) => s.value = r,
+      "onUpdate:modelValue": (c) => l.value = c,
       name: "input-group-value",
       type: "text",
-      placeholder: p.value,
+      placeholder: u.value,
       autocomplete: "off"
-    }, null), [[se, s.value]]), n("div", {
+    }, null), [[ae, l.value]]), s("div", {
       class: "input-group-append"
-    }, [m.value && n("span", {
+    }, [m.value && s("span", {
       class: "input-group-text input-group-clear",
-      onClick: (r) => i()
-    }, [n("i", {
+      onClick: (c) => r()
+    }, [s("i", {
       class: "f-icon f-icon-close-circle"
-    }, null)]), o.value && n("span", {
+    }, null)]), a.value && s("span", {
       class: "input-group-text"
-    }, [n("span", {
+    }, [s("span", {
       class: "f-icon f-icon-search"
     }, null)])])])])])])]);
   }
   return {
-    renderHeader: a
+    renderHeader: i
   };
 }
 const H = /* @__PURE__ */ N({
   name: "FListView",
-  props: te,
+  props: ne,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectionChange", "removeItem", "change", "activeChange"],
   setup(t, e) {
-    const l = g(), c = g(!0), p = g(!1), s = g([]), o = 0, m = g(t.columns), i = re(t), d = ce(t), u = ue(t, i), a = fe(t), r = de(t, /* @__PURE__ */ new Map(), d, i, a), V = pe(t, r, i, s, e), S = st(t, l), k = $(() => r.dataView.value.length), I = ve(t, e, i), D = he(), O = ge(t, {}, D), F = me(t, I, d, i, D, O), P = ye(t, i, O, F), y = we(t, i, O, F), M = Se(t, m, r, k, o, F, P, y), {
+    const n = g(), o = g(!0), u = g(!1), l = g([]), a = 0, m = g(t.columns), r = re(t), p = ce(t), f = ue(t, r), i = fe(t), c = de(t, /* @__PURE__ */ new Map(), p, r, i), V = pe(t, c, r, l, e), S = at(t, n), k = $(() => c.dataView.value.length), I = ve(t, e, r), D = he(), O = ge(t, {}, D), F = me(t, I, p, r, D, O), P = ye(t, r, O, F), y = we(t, r, O, F), M = Se(t, m, c, k, a, F, P, y), {
       getVisualData: T
     } = M;
-    s.value = T(0, k.value + o - 1);
+    l.value = T(0, k.value + a - 1);
     const v = $(() => {
       const L = {
         "f-list-view": !0,
         "f-list-view-multiple": t.multiSelect
       };
       return t.size !== "default" && (L[`${t.size}-item`] = !0), L;
-    }), w = $(() => !!e.slots.footer || c.value);
+    }), w = $(() => !!e.slots.footer || o.value);
     function C() {
-      return t.header === "SearchBar" ? X : t.header === "ContentHeader" ? pt : X;
+      return t.header === "SearchBar" ? X : t.header === "ContentHeader" ? vt : X;
     }
-    const f = C(), {
+    const d = C(), {
       renderHeader: b
-    } = f(t, e, S), {
+    } = d(t, e, S), {
       renderListArea: h
-    } = dt(t, e, s, r, u, V, M);
+    } = pt(t, e, l, c, f, V, M);
     function j(L) {
       S.search(L);
     }
     function A(L) {
-      L && (r.load(L), s.value = T(0, k.value + o - 1));
+      L && (c.load(L), l.value = T(0, k.value + a - 1));
     }
     e.expose({
       search: j,
@@ -849,19 +863,19 @@ const H = /* @__PURE__ */ N({
     function R(L) {
       t.multiSelect && (L.preventDefault(), L.stopPropagation());
     }
-    return () => n("div", {
+    return () => s("div", {
       class: v.value,
       onClick: R
-    }, [b(), n("div", {
-      ref: l,
+    }, [b(), s("div", {
+      ref: n,
       class: "f-list-view-content",
       onMouseover: () => {
-        p.value = !0;
+        u.value = !0;
       },
       onMouseleave: () => {
-        p.value = !1;
+        u.value = !1;
       }
-    }, [h()]), w.value && n("div", {
+    }, [h()]), w.value && s("div", {
       class: "f-list-view-footer"
     }, [e.slots.footer && e.slots.footer()])]);
   }
@@ -870,23 +884,23 @@ const H = /* @__PURE__ */ N({
   props: z,
   emits: ["change", "activeChange"],
   setup(t, e) {
-    const l = g(t.identifyField), c = g("已选："), p = g("项数据"), s = g(t.displayType), o = g(!1), m = g(t.dataSource), i = g(t.selections || []), d = $(() => i.value.map((w) => w[l.value])), u = /* @__PURE__ */ new Map(), a = g();
-    function r() {
+    const n = g(t.identifyField), o = g("已选："), u = g("项数据"), l = g(t.displayType), a = g(!1), m = g(t.dataSource), r = g(t.selections || []), p = $(() => r.value.map((w) => w[n.value])), f = /* @__PURE__ */ new Map(), i = g();
+    function c() {
       const w = /* @__PURE__ */ new Map(), C = t.selectionValues || [];
       C.length && C.reduce((b, h) => (b.set(h, !0), b), w);
-      const f = t.selections || [];
-      f.length && (w.clear(), f.reduce((b, h) => (b.set(h[l.value], !0), b), w)), i.value.length || (i.value = m.value.filter((b) => w.has(b[l.value])).map((b) => Object.assign({}, b))), m.value.forEach((b) => {
-        const h = b[l.value], j = w.has(h);
-        b.checked = j, j && u.set(h, b);
+      const d = t.selections || [];
+      d.length && (w.clear(), d.reduce((b, h) => (b.set(h[n.value], !0), b), w)), r.value.length || (r.value = m.value.filter((b) => w.has(b[n.value])).map((b) => Object.assign({}, b))), m.value.forEach((b) => {
+        const h = b[n.value], j = w.has(h);
+        b.checked = j, j && f.set(h, b);
       });
     }
-    r();
-    const V = $(() => s.value === "List"), S = $(() => s.value === "Tree");
+    c();
+    const V = $(() => l.value === "List"), S = $(() => l.value === "Tree");
     function k(w) {
-      i.value = w.map((C) => Object.assign({}, C)), e.emit("change", i.value);
+      r.value = w.map((C) => Object.assign({}, C)), e.emit("change", r.value);
     }
     function I() {
-      return n(H, {
+      return s(H, {
         class: "f-utils-fill",
         data: m.value,
         multiSelect: !0,
@@ -901,47 +915,47 @@ const H = /* @__PURE__ */ N({
         draggable: !1,
         header: "Search",
         headerClass: "transfer-search-box",
-        "selection-values": d.value,
+        "selection-values": p.value,
         onSelectionChange: k
       }, {
         default: () => [_(" ")]
       });
     }
     function D() {
-      return n(B, null, null);
+      return s(B, null, null);
     }
     function O() {
-      return n("div", {
+      return s("div", {
         class: "f-utils-fill option-pane d-flex flex-column"
-      }, [n("div", {
+      }, [s("div", {
         class: "f-utils-flex-column option-pane-content f-utils-fill"
-      }, [n("div", {
+      }, [s("div", {
         class: "container columns-box d-flex f-utils-fill"
       }, [V.value && I(), S.value && D()])])]);
     }
     function F(w) {
-      const C = w[l.value];
+      const C = w[n.value];
       if (C !== null || C !== void 0) {
-        i.value = i.value.filter((b) => b[l.value] !== C);
-        const f = u.get(C);
-        f && (f.checked = !1, u.delete(C)), e.emit("change", i.value);
+        r.value = r.value.filter((b) => b[n.value] !== C);
+        const d = f.get(C);
+        d && (d.checked = !1, f.delete(C)), e.emit("change", r.value);
       }
     }
-    J(i, (w) => {
-      a.value.updateDataSource(w);
+    J(r, (w) => {
+      i.value.updateDataSource(w);
     });
     function P(w) {
       const C = /* @__PURE__ */ new Map();
-      i.value.reduce((f, b) => (f.set(b[l.value], b), f), C), i.value = w.map((f) => C.get(f[l.value])), e.emit("change", i.value);
+      r.value.reduce((d, b) => (d.set(b[n.value], b), d), C), r.value = w.map((d) => C.get(d[n.value])), e.emit("change", r.value);
     }
     function y(w) {
       e.emit("activeChange", w);
     }
     function M() {
-      return n(H, {
-        ref: a,
+      return s(H, {
+        ref: i,
         style: "flex:1",
-        data: i.value,
+        data: r.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
@@ -951,62 +965,62 @@ const H = /* @__PURE__ */ N({
       }, null);
     }
     function T() {
-      return n("div", {
+      return s("div", {
         class: "f-utils-fill selection-pane d-flex flex-column"
-      }, [n("div", {
+      }, [s("div", {
         class: "f-utils-flex-column selection-pane-content f-utils-fill"
-      }, [n("div", {
+      }, [s("div", {
         class: "selection-pane-title"
-      }, [n("span", {
+      }, [s("span", {
         class: "selection-title"
-      }, [c.value]), n("span", {
+      }, [o.value]), s("span", {
         class: "selection-count"
-      }, [i.value && i.value.length]), n("span", {
+      }, [r.value && r.value.length]), s("span", {
         class: "selection-item-title"
-      }, [p.value])]), n("div", {
+      }, [u.value])]), s("div", {
         class: "container columns-box f-utils-fill d-flex"
       }, [M()])])]);
     }
     const v = $(() => ({
       transfer: !0,
       row: !0,
-      "f-utils-fill": o.value
+      "f-utils-fill": a.value
     }));
-    return () => n("div", {
+    return () => s("div", {
       class: v.value,
       style: "height:480px"
     }, [O(), T()]);
   }
 });
-function vt(t, e, l) {
+function ht(t, e, n) {
   var P;
-  const c = "", p = "", s = g();
-  function o() {
+  const o = "", u = "", l = g();
+  function a() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
   function m() {
     return !1;
   }
-  function i() {
+  function r() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function d() {
+  function p() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function u(y) {
+  function f(y) {
     if (!y || !y.value)
       return null;
     if (y.value.schema && y.value.schema.type === "component")
       return y.value;
-    const M = g(y == null ? void 0 : y.value.parent), T = u(M);
+    const M = g(y == null ? void 0 : y.value.parent), T = f(M);
     return T || null;
   }
-  function a(y = e) {
+  function i(y = e) {
     const { componentInstance: M, designerItemElementRef: T } = y;
-    return !M || !M.value ? null : M.value.canMove ? T : a(y.parent);
+    return !M || !M.value ? null : M.value.canMove ? T : i(y.parent);
   }
-  function r(y) {
-    return !!l;
+  function c(y) {
+    return !!n;
   }
   function V() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
@@ -1017,7 +1031,7 @@ function vt(t, e, l) {
   }
   function I(y, M) {
     const { componentType: T } = y;
-    let v = Z(T, y, M);
+    let v = K(T, y, M);
     const w = T.toLowerCase().replace(/-/g, "_");
     return v && !v.id && v.type === T && (v.id = `${w}_${Math.random().toString().slice(2, 6)}`), v;
   }
@@ -1034,20 +1048,20 @@ function vt(t, e, l) {
       (v = T == null ? void 0 : T.componentInstance) != null && v.value.onRemoveComponent && T.componentInstance.value.onRemoveComponent();
     });
   }
-  return s.value = {
-    canMove: o(),
+  return l.value = {
+    canMove: a(),
     canSelectParent: m(),
-    canDelete: i(),
-    canNested: !d(),
+    canDelete: r(),
+    canNested: !p(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
     parent: (P = e == null ? void 0 : e.parent) == null ? void 0 : P.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: c,
-    designerClass: p,
-    canAccepts: r,
-    getBelongedComponentInstance: u,
-    getDraggableDesignItemElement: a,
+    styles: o,
+    designerClass: u,
+    canAccepts: c,
+    getBelongedComponentInstance: f,
+    getDraggableDesignItemElement: i,
     getDraggingDisplayText: V,
     getPropConfig: O,
     getDragScopeElement: S,
@@ -1057,70 +1071,70 @@ function vt(t, e, l) {
     triggerBelongedComponentToMoveWhenMoved: g(!1),
     triggerBelongedComponentToDeleteWhenDeleted: g(!1),
     onRemoveComponent: F
-  }, s;
+  }, l;
 }
-const ht = /* @__PURE__ */ N({
+const gt = /* @__PURE__ */ N({
   name: "FTransferDesign",
   props: z,
   emits: ["change"],
   setup(t, e) {
-    const l = g(t.identifyField), c = g("已选："), p = g("项数据"), s = g(t.displayType), o = g(!1), m = g(t.dataSource), i = g(t.selections || []), d = $(() => i.value.map((C) => C[l.value])), u = /* @__PURE__ */ new Map();
-    function a() {
-      const C = /* @__PURE__ */ new Map(), f = t.selectionValues || [];
-      f.length && f.reduce((h, j) => (h.set(j, !0), h), C);
+    const n = g(t.identifyField), o = g("已选："), u = g("项数据"), l = g(t.displayType), a = g(!1), m = g(t.dataSource), r = g(t.selections || []), p = $(() => r.value.map((C) => C[n.value])), f = /* @__PURE__ */ new Map();
+    function i() {
+      const C = /* @__PURE__ */ new Map(), d = t.selectionValues || [];
+      d.length && d.reduce((h, j) => (h.set(j, !0), h), C);
       const b = t.selections || [];
-      b.length && (C.clear(), b.reduce((h, j) => (h.set(j[l.value], !0), h), C)), i.value.length || (i.value = m.value.filter((h) => C.has(h[l.value])).map((h) => Object.assign({}, h))), m.value.forEach((h) => {
-        const j = h[l.value], A = C.has(j);
-        h.checked = A, A && u.set(j, h);
+      b.length && (C.clear(), b.reduce((h, j) => (h.set(j[n.value], !0), h), C)), r.value.length || (r.value = m.value.filter((h) => C.has(h[n.value])).map((h) => Object.assign({}, h))), m.value.forEach((h) => {
+        const j = h[n.value], A = C.has(j);
+        h.checked = A, A && f.set(j, h);
       });
     }
-    a();
-    const r = $(() => s.value === "List"), V = $(() => s.value === "Tree");
+    i();
+    const c = $(() => l.value === "List"), V = $(() => l.value === "Tree");
     function S(C) {
-      i.value = C.map((f) => Object.assign({}, f)), e.emit("change", i.value);
+      r.value = C.map((d) => Object.assign({}, d)), e.emit("change", r.value);
     }
     function k() {
-      return n(H, {
+      return s(H, {
         class: "f-utils-fill",
         data: m.value,
         "multi-select": !0,
         draggable: !1,
         header: "Search",
         headerClass: "transfer-search-box",
-        "selection-values": d.value,
+        "selection-values": p.value,
         onSelectionChange: S
       }, {
         default: () => [_(" ")]
       });
     }
     function I() {
-      return n(B, null, null);
+      return s(B, null, null);
     }
     function D() {
-      return n("div", {
+      return s("div", {
         class: "f-utils-fill option-pane d-flex flex-column"
-      }, [n("div", {
+      }, [s("div", {
         class: "f-utils-flex-column option-pane-content f-utils-fill"
-      }, [n("div", {
+      }, [s("div", {
         class: "container columns-box d-flex f-utils-fill"
-      }, [r.value && k(), V.value && I()])])]);
+      }, [c.value && k(), V.value && I()])])]);
     }
     function O(C) {
-      const f = C[l.value];
-      if (f !== null || f !== void 0) {
-        i.value = i.value.filter((h) => h[l.value] !== f);
-        const b = u.get(f);
-        b && (b.checked = !1, u.delete(f)), e.emit("change", i.value);
+      const d = C[n.value];
+      if (d !== null || d !== void 0) {
+        r.value = r.value.filter((h) => h[n.value] !== d);
+        const b = f.get(d);
+        b && (b.checked = !1, f.delete(d)), e.emit("change", r.value);
       }
     }
     function F(C) {
-      const f = /* @__PURE__ */ new Map();
-      i.value.reduce((b, h) => (b.set(h[l.value], h), b), f), i.value = C.map((b) => f.get(b[l.value])), e.emit("change", i.value);
+      const d = /* @__PURE__ */ new Map();
+      r.value.reduce((b, h) => (b.set(h[n.value], h), b), d), r.value = C.map((b) => d.get(b[n.value])), e.emit("change", r.value);
     }
     function P() {
-      return n(H, {
+      return s(H, {
         style: "flex:1",
-        data: i.value,
+        data: r.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
@@ -1131,46 +1145,46 @@ const ht = /* @__PURE__ */ N({
       });
     }
     function y() {
-      return n("div", {
+      return s("div", {
         class: "f-utils-fill selection-pane d-flex flex-column"
-      }, [n("div", {
+      }, [s("div", {
         class: "f-utils-flex-column selection-pane-content f-utils-fill"
-      }, [n("div", {
+      }, [s("div", {
         class: "selection-pane-title"
-      }, [n("span", {
+      }, [s("span", {
         class: "selection-title"
-      }, [c.value]), n("span", {
+      }, [o.value]), s("span", {
         class: "selection-count"
-      }, [i.value && i.value.length]), n("span", {
+      }, [r.value && r.value.length]), s("span", {
         class: "selection-item-title"
-      }, [p.value])]), n("div", {
+      }, [u.value])]), s("div", {
         class: "container columns-box f-utils-fill d-flex"
       }, [P()])])]);
     }
     const M = $(() => ({
       transfer: !0,
       row: !0,
-      "f-utils-fill": o.value
-    })), T = g(), v = ae("design-item-context"), w = vt(T, v);
-    return oe(() => {
+      "f-utils-fill": a.value
+    })), T = g(), v = oe("design-item-context"), w = ht(T, v);
+    return ie(() => {
       T.value.componentInstance = w;
-    }), e.expose(w.value), () => n("div", {
+    }), e.expose(w.value), () => s("div", {
       ref: T,
       class: M.value,
       style: "height:480px"
     }, [D(), y()]);
   }
 });
-E.register = (t, e, l) => {
-  t.transfer = E, e.transfer = ee;
+E.register = (t, e, n) => {
+  t.transfer = E, e.transfer = te;
 };
-E.registerDesigner = (t, e, l) => {
-  t.transfer = ht, e.transfer = ee;
+E.registerDesigner = (t, e, n) => {
+  t.transfer = gt, e.transfer = te;
 };
-const bt = be(E);
+const Ct = be(E);
 export {
   E as FTransfer,
-  bt as default,
-  ee as propsResolver,
+  Ct as default,
+  te as propsResolver,
   z as transferProps
 };