@farris/ui-vue 1.3.0 → 1.3.3

package/components/transfer/index.esm.js

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