@farris/ui-vue 1.3.1 → 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 J, withModifiers as ne, withDirectives as le, vModelText as se, defineComponent as N, createTextVNode as _, inject as ae, onMounted as oe } from "vue";
+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 Ce } from "../data-view/index.esm.js";
+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: n, ignore: c } = t, p = c && Array.isArray(c), s = Object.keys(e).reduce((r, g) => ((!p || !c.find((i) => i == g)) && (r[g] = e[g].type === "object" && e[g].properties ? q(e[g]) : ie(e[g].default)), r), {});
-  return n && (!p || !c.find((r) => r == "id")) && (s.id = `${n}-${Date.now()}`), s;
+  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 Z(t, e = {}, n) {
+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, n) : p, p;
+    return p = s ? s({ getSchemaByType: Z }, p, e, l) : p, p;
   }
   return null;
 }
-function be(t, e) {
-  const n = q(e);
-  return Object.keys(t).reduce((c, p) => (c[p] && U(c[p]) && U(t[p]) ? Object.assign(c[p], t[p]) : c[p] = t[p], c), 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 Se(t, e) {
+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 = s(p, t[p], t);
-        Object.assign(c, r);
+        const o = s(p, t[p], t);
+        Object.assign(c, o);
       }
     } else
       c[p] = t[p];
     return c;
   }, {});
 }
-function ke(t, e, n = /* @__PURE__ */ new Map()) {
-  const c = be(t, e);
-  return Se(c, n);
+function Me(t, e, l = /* @__PURE__ */ new Map()) {
+  const c = Ce(t, e);
+  return ke(c, l);
 }
 function Ve(t = {}) {
-  function e(d, f, a, o) {
+  function e(d, u, a, r) {
     if (typeof a == "number")
-      return o[d].length === a;
+      return r[d].length === a;
     if (typeof a == "object") {
-      const V = Object.keys(a)[0], C = a[V];
+      const V = Object.keys(a)[0], S = a[V];
       if (V === "not")
-        return Number(o[d].length) !== Number(C);
+        return Number(r[d].length) !== Number(S);
       if (V === "moreThan")
-        return Number(o[d].length) >= Number(C);
+        return Number(r[d].length) >= Number(S);
       if (V === "lessThan")
-        return Number(o[d].length) <= Number(C);
+        return Number(r[d].length) <= Number(S);
     }
     return !1;
   }
-  function n(d, f, a, o) {
-    return o[d] && o[d].propertyValue && String(o[d].propertyValue.value) === String(a);
+  function l(d, u, a, r) {
+    return r[d] && r[d].propertyValue && String(r[d].propertyValue.value) === String(a);
   }
   const c = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", n]
+    ["getProperty", l]
   ]);
-  Object.keys(t).reduce((d, f) => (d.set(f, t[f]), d), c);
-  function p(d, f) {
+  Object.keys(t).reduce((d, u) => (d.set(u, t[u]), d), c);
+  function p(d, u) {
     const a = d;
-    return typeof f == "number" ? [{ target: a, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: a, operator: "getProperty", param: d, value: !!f }] : typeof f == "object" ? Object.keys(f).map((o) => {
-      if (o === "length")
-        return { target: a, operator: "length", param: null, value: f[o] };
-      const V = o, C = f[o];
-      return { target: a, operator: "getProperty", param: V, value: C };
+    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 s(d) {
-    return Object.keys(d).reduce((a, o) => {
-      const V = p(o, d[o]);
+    return Object.keys(d).reduce((a, r) => {
+      const V = p(r, d[r]);
       return a.push(...V), a;
     }, []);
   }
-  function r(d, f) {
+  function o(d, u) {
     if (c.has(d.operator)) {
       const a = c.get(d.operator);
-      return a && a(d.target, d.param, d.value, f) || !1;
+      return a && a(d.target, d.param, d.value, u) || !1;
     }
     return !1;
   }
-  function g(d, f) {
-    return s(d).reduce((V, C) => V && r(C, f), !0);
+  function m(d, u) {
+    return s(d).reduce((V, S) => V && o(S, u), !0);
   }
-  function i(d, f) {
-    const a = Object.keys(d), o = a.includes("allOf"), V = a.includes("anyOf"), C = o || V, D = (C ? d[C ? o ? "allOf" : "anyOf" : "allOf"] : [d]).map((T) => g(T, f));
-    return o ? !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: i };
 }
-const Me = {}, De = {};
+const Oe = {}, De = {};
 Ve();
-function K(t, e, n = /* @__PURE__ */ new Map(), c = (r, g, i) => g, p = {}, s = (r) => r) {
-  return Q[e.title] = e, Y[e.title] = c, Me[e.title] = p, De[e.title] = s, (r = {}) => {
-    const g = ke(r, e, n), i = Object.keys(t).reduce((d, f) => (d[f] = t[f].default, d), {});
-    return Object.assign(i, g);
+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 Fe = "transfer", Ie = "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 Fe = "transfer", Ie = "A Farris Component", je = "object", Re = {
       }
     }
   }
-}, $e = {
-  title: Fe,
-  description: Ie,
-  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 = {
+}, 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 = {
   id: {
     description: "The unique identifier for transfer",
     type: "string"
@@ -199,17 +204,17 @@ const Fe = "transfer", Ie = "A Farris Component", je = "object", Re = {
     type: "boolean",
     default: !0
   }
-}, Be = [
+}, Ne = [
   "id",
   "type"
-], Ne = {
-  $schema: Pe,
-  $id: Ae,
-  title: Le,
+], Ge = {
+  $schema: Ae,
+  $id: Le,
+  title: He,
   description: Ee,
-  type: He,
-  properties: _e,
-  required: Be
+  type: _e,
+  properties: Be,
+  required: Ne
 }, z = {
   dataSource: {
     type: Array,
@@ -222,13 +227,13 @@ const Fe = "transfer", Ie = "A Farris Component", je = "object", Re = {
   placeholder: { type: String, default: "" },
   selections: { type: Array, default: [] },
   selectionValues: { type: Array, default: [] }
-}, ee = K(z, Ne, 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", Xe = "A Farris Component", Je = "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,
-  description: Xe,
-  type: Je,
-  properties: Qe,
-  required: Ye
-}, Ke = "list-view", xe = "A Farris Component", et = "object", tt = {
+], 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 = {
   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,200 +375,200 @@ 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(s) {
-    const r = [];
-    let g = s.nextNode();
-    for (; g; )
-      r.push(g), g = s.nextNode();
-    return r;
+K(te, Ke, qe, ze, lt);
+function st(t, e) {
+  function l(s) {
+    const o = [];
+    let m = s.nextNode();
+    for (; m; )
+      o.push(m), m = s.nextNode();
+    return o;
   }
-  function c(s, r) {
-    const g = document.createTreeWalker(s, NodeFilter.SHOW_TEXT);
-    return n(g).map((a) => ({ textNode: a, text: (a.textContent || "").toLocaleLowerCase() })).map(({ textNode: a, text: o }) => {
+  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 C = 0;
-      for (; C < o.length; ) {
-        const k = o.indexOf(r, C);
+      let S = 0;
+      for (; S < r.length; ) {
+        const k = r.indexOf(o, S);
         if (k === -1)
           break;
-        V.push(k), C = k + r.length;
+        V.push(k), S = k + o.length;
       }
       return V.map((k) => {
-        const F = new Range();
-        return F.setStart(a, k), F.setEnd(a, k + r.length), F;
+        const I = new Range();
+        return I.setStart(a, k), I.setEnd(a, k + o.length), I;
       });
     }).flat();
   }
   function p(s) {
     if (!CSS.highlights || (CSS.highlights.clear(), !s || !e))
       return;
-    const r = c(e.value, s.toLocaleLowerCase()), g = new Highlight(...r);
-    CSS.highlights.set("search-result", g);
+    const o = c(e.value, s.toLocaleLowerCase()), m = new Highlight(...o);
+    CSS.highlights.set("search-result", m);
   }
   return { search: p };
 }
-function W(t, e, n, c, p, s, r, g, i, d) {
-  const f = h(t.size), a = h(t.textField), o = h(t.titleField), V = h(t.disableField), C = $(() => {
-    var m, w;
-    return ((m = t.selection) == null ? void 0 : m.multiSelect) && ((w = t.selection) == null ? void 0 : w.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: F,
+    onMouseoverItem: I,
     onMouseoutItem: D
   } = s, {
-    getKey: M,
-    listViewItemClass: T,
+    getKey: O,
+    listViewItemClass: F,
     onCheckItem: P,
     onClickItem: y
-  } = r, O = $(() => ({
-    margin: f.value === "small" ? "0.25rem 0" : "10px 0"
+  } = o, M = $(() => ({
+    margin: u.value === "small" ? "0.25rem 0" : "10px 0"
   }));
-  function I(m, w, S) {
-    return m.checked = g.findIndexInSelectedItems(m) > -1, l("li", {
-      class: T(m, w),
-      id: M(m, w),
-      key: M(m, w),
-      onClick: (u) => y(u, m, w),
-      onMouseenter: (u) => k(u, m, w),
-      onMouseover: (u) => F(u, m, w),
-      onMouseout: (u) => D(u, m, w)
-    }, [C.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: (u) => u.stopPropagation()
-    }, [l(G, {
-      id: "list-" + M(m, w),
+      onClick: (f) => f.stopPropagation()
+    }, [n(G, {
+      id: "list-" + O(v, w),
       customClass: "listview-checkbox",
-      disabled: m[V.value],
-      checked: m.checked,
-      "onUpdate:checked": (u) => m.checked = u,
-      onChange: (u) => {
-        P(m, w, !u.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: O.value,
-      title: m.raw[o.value] || m.raw[a.value]
-    }, [m.raw[a.value]])])]);
+    }, [n("div", {
+      style: M.value,
+      title: v.raw[r.value] || v.raw[a.value]
+    }, [v.raw[a.value]])])]);
   }
   return {
-    renderItem: I
+    renderItem: T
   };
 }
-function st(t, e, n, c, p, s, r, g, i, d) {
-  const f = h(t.multiSelect), a = h(t.disableField), {
-    onMouseenterItem: o,
+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: C
+    onMouseoutItem: S
   } = s, {
     getKey: k,
-    listViewItemClass: F,
+    listViewItemClass: I,
     onCheckItem: D,
-    onClickItem: M
-  } = r;
-  function T(y, O, I) {
-    return e.slots.content ? l(B, null, [e.slots.content && e.slots.content({
+    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: O,
-      selectedItem: I
-    })]) : l("div", {
+      index: M,
+      selectedItem: T
+    })]) : n("div", {
       style: "margin: 10px 0;"
     }, [y.raw.name]);
   }
-  function P(y, O, I) {
-    return l("li", {
-      class: F(y, O),
-      id: k(y, O),
-      key: k(y, O),
-      onClick: (m) => M(m, y, O),
-      onMouseenter: (m) => o(m, y, O),
-      onMouseover: (m) => V(m, y, O),
-      onMouseout: (m) => C(m, y, O)
-    }, [f.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: (m) => m.stopPropagation()
-    }, [l(G, {
-      id: "list-" + k(y, O),
+      onClick: (v) => v.stopPropagation()
+    }, [n(G, {
+      id: "list-" + k(y, M),
       customClass: "listview-checkbox",
       disabled: y[a.value] || !y.checked,
       checked: y.checked,
-      "onUpdate:checked": (m) => y.checked = m,
-      onChange: (m) => D(y, O, !m.checked)
-    }, null)]), l("div", {
+      "onUpdate:checked": (v) => y.checked = v,
+      onChange: (v) => D(y, M, !v.checked)
+    }, null)]), n("div", {
       class: "f-list-content"
-    }, [T(y, O, I)])]);
+    }, [F(y, M, T)])]);
   }
   return {
     renderItem: P
   };
 }
-function at(t, e, n, c, p, s, r, g, i, d) {
-  const f = h(t.multiSelect), a = h(t.disableField), {
-    onMouseenterItem: o,
+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: C
+    onMouseoutItem: S
   } = s, {
     getKey: k,
-    listViewItemClass: F,
+    listViewItemClass: I,
     onCheckItem: D,
-    onClickItem: M
-  } = r, {
-    dragstart: T,
+    onClickItem: O
+  } = o, {
+    dragstart: F,
     dragenter: P,
     dragover: y,
-    dragend: O
+    dragend: M
   } = c, {
-    removeItem: I
-  } = i, m = $(() => ({
-    margin: f.value ? "10px 0" : "10px 0px 10px 14px"
+    removeItem: T
+  } = i, v = $(() => ({
+    margin: u.value ? "10px 0" : "10px 0px 10px 14px"
   }));
-  function w(v) {
-    return l("div", {
-      style: m.value
-    }, [v.raw.name]);
+  function w(h) {
+    return n("div", {
+      style: v.value
+    }, [h.raw.name]);
   }
-  function S() {
+  function C() {
     return e.slots.itemContent ? e.slots.itemContent : w;
   }
-  const u = S();
-  function b(v, j, A) {
-    return l("li", {
-      class: F(v, j),
-      id: k(v, j),
-      key: k(v, j),
-      onClick: (R) => M(R, v, j),
-      onMouseenter: (R) => o(R, v, j),
-      onMouseover: (R) => V(R, v, j),
-      onMouseout: (R) => C(R, v, 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, v, j),
+      onDragstart: (R) => F(R, h, j),
       onDragenter: (R) => P(R, j),
-      onDragend: (R) => O(R, v),
+      onDragend: (R) => M(R, h),
       onDragover: (R) => y(R, j)
-    }, [f.value && l("div", {
+    }, [u.value && n("div", {
       class: "f-list-select",
       onClick: (R) => R.stopPropagation()
-    }, [l(G, {
-      id: "list-" + k(v, j),
+    }, [n(G, {
+      id: "list-" + k(h, j),
       customClass: "listview-checkbox",
-      disabled: v[a.value] || !v.checked,
-      checked: v.checked,
-      "onUpdate:checked": (R) => v.checked = R,
-      onChange: (R) => D(v, 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"
-    }, [u(v)]), l("div", {
+    }, [f(h)]), n("div", {
       class: "f-list-remove",
-      onClick: (R) => I(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)])])]);
   }
@@ -571,44 +576,44 @@ function at(t, e, n, c, p, s, r, g, i, d) {
     renderItem: b
   };
 }
-function ot(t, e, n, c, p, s, r, g, i, d) {
+function it(t, e, l, c, p, s, o, m, i, d) {
   var k;
-  const f = h(((k = t.group) == null ? void 0 : k.groupFields) || []), {
+  const u = g(((k = t.group) == null ? void 0 : k.groupFields) || []), {
     collpaseGroupIconClass: a
   } = p, {
-    toggleGroupRow: o
+    toggleGroupRow: r
   } = d;
-  function V(F, D) {
-    D.collapse = !D.collapse, n.value = o(D.collapse ? "collapse" : "expand", D, n.value);
+  function V(I, D) {
+    D.collapse = !D.collapse, l.value = r(D.collapse ? "collapse" : "expand", D, l.value);
   }
-  function C(F, D, M) {
-    return F.layer > -1 && l("div", {
+  function S(I, D, O) {
+    return I.layer > -1 && n("div", {
       class: "f-navlookup-recentHeader",
-      onClick: (T) => V(T, F)
-    }, [l("div", {
+      onClick: (F) => V(F, I)
+    }, [n("div", {
       class: "fv-grid-group-row-icon"
-    }, [l("span", {
-      class: a(F)
-    }, null)]), l("div", {
+    }, [n("span", {
+      class: a(I)
+    }, null)]), n("div", {
       class: "f-navlookup-recommandLabel"
-    }, [F.raw[f.value[F.layer]]])]);
+    }, [I.raw[u.value[I.layer]]])]);
   }
   return {
-    renderItem: C
+    renderItem: S
   };
 }
-function it() {
-  const t = h(-1), e = h(""), n = h(-1), c = h(!1);
-  function p(d, f, a) {
-    n.value = a;
+function rt() {
+  const t = g(-1), e = g(""), l = g(-1), c = g(!1);
+  function p(d, u, a) {
+    l.value = a;
   }
-  function s(d, f, a) {
-    c.value || (n.value = a);
+  function s(d, u, a) {
+    c.value || (l.value = a);
   }
-  function r(d, f, a) {
-    n.value = -1;
+  function o(d, u, a) {
+    l.value = -1;
   }
-  function g() {
+  function m() {
     c.value = !0;
   }
   function i() {
@@ -617,136 +622,136 @@ function it() {
   return {
     activeIndex: t,
     focusedItemId: e,
-    hoverIndex: n,
+    hoverIndex: l,
     onMouseenterItem: p,
     onMouseoverItem: s,
-    onMouseoutItem: r,
+    onMouseoutItem: o,
     resumeHover: i,
-    suspendHover: g
+    suspendHover: m
   };
 }
-function rt(t, e, n, c) {
-  const p = h(t.idField), { dataView: s } = n, r = h(-1), g = h(!1), { activeIndex: i, focusedItemId: d, hoverIndex: f, resumeHover: a, suspendHover: o } = c;
-  function V(D, M, T) {
-    D.stopPropagation(), o(), M && setTimeout(() => {
-      r.value = T, g.value = !0, M.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 C(D, M) {
-    if (D.preventDefault(), r.value !== M) {
-      const T = s.value[r.value], P = s.value;
-      P.splice(r.value, 1), P.splice(M, 0, T), r.value = M;
+  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, M) {
+  function k(D, O) {
     D.preventDefault(), D.dataTransfer && (D.dataTransfer.dropEffect = "move");
   }
-  function F(D, M) {
-    M && (M.moving = !1), s.value.forEach((T, P) => {
-      T.__fv_index__ = P;
-    }), g.value = !1, a(), f.value = M.raw.__fv_index__, i.value = M.raw.__fv_index__, d.value = M.raw[p.value], e.emit("change", s.value), e.emit("activeChange", M);
+  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: V,
-    dragenter: C,
+    dragenter: S,
     dragover: k,
-    dragend: F,
-    isDragging: g
+    dragend: I,
+    isDragging: m
   };
 }
-function ct(t, e, n) {
-  const { dataView: c } = n;
+function ut(t, e, l) {
+  const { dataView: c } = l;
   function p(s) {
     if (s > -1 && s < c.value.length) {
-      const r = c.value.splice(s, 1);
-      e.emit("removeItem", r[0]);
+      const o = c.value.splice(s, 1);
+      e.emit("removeItem", o[0]);
     }
   }
   return { removeItem: p };
 }
-function ut(t, e, n, c, p, s) {
-  const r = h(t.idField), g = h(t.disableField), i = h(t.draggable), d = h(t.itemClass), f = h(t.selection.multiSelect ?? !1), a = h(t.selection.multiSelectMode), { isDragging: o } = c, { activeIndex: V, focusedItemId: C, hoverIndex: k } = p, { clearSelection: F, getSelectedItems: D, toggleSelectItem: M } = s, T = h(D());
-  function P(u, b) {
-    const v = {
+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": i.value,
-      "f-un-click": !u.checked,
-      "f-un-select": !!u.raw[g.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] === u.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] === u.raw[r.value]
+      "f-listview-item-active": F.value.findIndex(
+        (A) => A[o.value] === f.raw[o.value]
       ) > -1,
-      "f-listview-hover": !o.value && b === k.value,
-      "f-listview-item-hover": !o.value && b === k.value,
-      moving: !!u.moving
+      "f-listview-hover": !r.value && b === k.value,
+      "f-listview-item-hover": !r.value && b === k.value,
+      moving: !!f.moving
     };
-    return d.value.split(" ").reduce((A, R) => (A[R] = !0, A), v), v;
+    return d.value.split(" ").reduce((A, R) => (A[R] = !0, A), h), h;
   }
-  function y(u, b) {
-    return u.raw[r.value] || "";
+  function y(f, b) {
+    return f.raw[o.value] || "";
   }
-  const O = $(() => !f.value);
-  function I(u, b, v) {
-    u.checked = v, !u.raw[g.value] && (O.value && (C.value = u.raw[r.value]), M(u));
+  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 && a.value === "OnCheckClearByClick"), w = $(() => !f.value || f.value && (a.value === "OnCheckAndClick" || a.value === "OnClick"));
-  function S(u, b, v) {
-    if (b.raw[g.value]) {
-      u.preventDefault(), u.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;
     }
-    C.value = b.raw[r.value], V.value = v, m.value && F(n.value), w.value && (M(b), T.value = D()), e.emit("clickItem", { data: T.value, index: v }), 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: y,
     listViewItemClass: P,
-    onCheckItem: I,
-    onClickItem: S
+    onCheckItem: T,
+    onClickItem: C
   };
 }
-function ft(t, e, n, c, p, s, r) {
-  const g = h(t.view), i = h(t.view === "CardView"), d = h({}), f = h("暂无数据"), a = it(), o = rt(t, e, c, a), V = ct(t, e, c), C = ut(t, e, n, o, a, s), 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": i.value,
     "flex-wrap": i.value
-  })), F = $(() => !!n.value && n.value.length > 0), D = $(() => n.value.length === 0);
+  })), I = $(() => !!l.value && l.value.length > 0), D = $(() => l.value.length === 0);
   $(() => D.value && !e.slots.empty);
-  function M() {
-    return g.value === "SingleView" ? W : g.value === "DraggableView" ? at : (g.value === "ContentView" || g.value === "CardView") && e.slots.content ? st : W;
+  function O() {
+    return m.value === "SingleView" ? W : m.value === "DraggableView" ? ot : (m.value === "ContentView" || m.value === "CardView") && e.slots.content ? at : W;
   }
-  const T = M(), {
+  const F = O(), {
     renderItem: P
-  } = T(t, e, n, o, p, a, C, s, V, r), {
+  } = F(t, e, l, r, p, a, S, s, V, o), {
     renderItem: y
-  } = ot(t, e, n, o, p, a, C, s, V, r), O = [P, y];
-  function I() {
-    return n.value.filter((S) => S.visible !== !1).map((S, u) => O[S.type](S, u, d));
+  } = 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 m() {
-    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() : f.value])]);
+    }, [e.slots.empty ? e.slots.empty() : u.value])]);
   }
   function w() {
-    return l("ul", {
+    return n("ul", {
       class: k.value,
       style: "list-style: none;"
-    }, [F.value && I(), D.value && m()]);
+    }, [I.value && T(), D.value && v()]);
   }
   return {
     renderListArea: w
   };
 }
-function dt(t, e, n) {
+function pt(t, e, l) {
   function c() {
-    return e.slots.header && l("div", {
+    return e.slots.header && n("div", {
       class: "f-list-view-header"
     }, [e.slots.header()]);
   }
@@ -754,52 +759,52 @@ function dt(t, e, n) {
     renderHeader: c
   };
 }
-function X(t, e, n) {
-  const c = h(t.headerClass), p = h(t.placeholder), s = h(""), r = $(() => !s.value), g = $(() => !!s.value);
-  function i(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 = "";
   }
-  J(s, (o) => {
-    t.enableHighlightSearch && n.search(o), e.emit("afterSearch", o);
+  J(s, (r) => {
+    t.enableHighlightSearch && l.search(r), e.emit("afterSearch", r);
   });
   const d = $(() => {
-    const o = {
+    const r = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return c.value && c.value.split(" ").reduce((C, k) => (C[k] = !0, C), o), o;
+    return c.value && c.value.split(" ").reduce((S, k) => (S[k] = !0, S), r), r;
   });
-  function f(o) {
+  function u(r) {
   }
   function a() {
-    return l("div", {
+    return n("div", {
       class: "f-list-view-header",
-      onClick: ne(() => f, ["prevent", "stop"])
-    }, [l("div", {
+      onClick: ne(() => u, ["prevent", "stop"])
+    }, [n("div", {
       class: d.value
-    }, [l("div", {
+    }, [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": (o) => s.value = o,
+      "onUpdate:modelValue": (r) => s.value = r,
       name: "input-group-value",
       type: "text",
       placeholder: p.value,
       autocomplete: "off"
-    }, null), [[se, s.value]]), l("div", {
+    }, null), [[se, s.value]]), n("div", {
       class: "input-group-append"
-    }, [g.value && l("span", {
+    }, [m.value && n("span", {
       class: "input-group-text input-group-clear",
-      onClick: (o) => i()
-    }, [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)])])])])])])]);
   }
@@ -807,35 +812,35 @@ function X(t, e, n) {
     renderHeader: a
   };
 }
-const E = /* @__PURE__ */ N({
+const H = /* @__PURE__ */ N({
   name: "FListView",
   props: te,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectionChange", "removeItem", "change", "activeChange"],
   setup(t, e) {
-    const n = h(), c = h(!0), p = h(!1), s = h([]), r = 0, g = h(t.columns), i = re(t), d = ce(t), f = ue(t, i), a = fe(t), o = de(t, /* @__PURE__ */ new Map(), d, i, a), V = pe(t, o, i, s, e), C = lt(t, n), k = $(() => o.dataView.value.length), F = ve(t, e, i), D = he(), M = ge(t, {}, D), T = me(t, F, d, i, D, M), P = ye(t, i, M, T), y = we(t, i, M, T), O = Ce(t, g, o, k, r, T, P, y), {
-      getVisualData: I
-    } = O;
-    s.value = I(0, k.value + r - 1);
-    const m = $(() => {
+    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;
     }), w = $(() => !!e.slots.footer || c.value);
-    function S() {
-      return t.header === "SearchBar" ? X : t.header === "ContentHeader" ? dt : X;
+    function C() {
+      return t.header === "SearchBar" ? X : t.header === "ContentHeader" ? pt : X;
     }
-    const u = S(), {
+    const f = C(), {
       renderHeader: b
-    } = u(t, e, C), {
-      renderListArea: v
-    } = ft(t, e, s, o, f, V, O);
+    } = f(t, e, S), {
+      renderListArea: h
+    } = dt(t, e, s, r, u, V, M);
     function j(L) {
-      C.search(L);
+      S.search(L);
     }
     function A(L) {
-      L && (o.load(L), s.value = I(0, k.value + r - 1));
+      L && (r.load(L), s.value = T(0, k.value + o - 1));
     }
     e.expose({
       search: j,
@@ -844,11 +849,11 @@ const E = /* @__PURE__ */ N({
     function R(L) {
       t.multiSelect && (L.preventDefault(), L.stopPropagation());
     }
-    return () => l("div", {
-      class: m.value,
+    return () => n("div", {
+      class: v.value,
       onClick: R
-    }, [b(), l("div", {
-      ref: n,
+    }, [b(), n("div", {
+      ref: l,
       class: "f-list-view-content",
       onMouseover: () => {
         p.value = !0;
@@ -856,34 +861,34 @@ const E = /* @__PURE__ */ N({
       onMouseleave: () => {
         p.value = !1;
       }
-    }, [v()]), w.value && l("div", {
+    }, [h()]), w.value && n("div", {
       class: "f-list-view-footer"
     }, [e.slots.footer && e.slots.footer()])]);
   }
-}), H = /* @__PURE__ */ N({
+}), E = /* @__PURE__ */ N({
   name: "FTransfer",
   props: z,
   emits: ["change", "activeChange"],
   setup(t, e) {
-    const n = h(t.identifyField), c = h("已选："), p = h("项数据"), s = h(t.displayType), r = h(!1), g = h(t.dataSource), i = h(t.selections || []), d = $(() => i.value.map((w) => w[n.value])), f = /* @__PURE__ */ new Map(), a = h();
-    function o() {
-      const w = /* @__PURE__ */ new Map(), S = t.selectionValues || [];
-      S.length && S.reduce((b, v) => (b.set(v, !0), b), w);
-      const u = t.selections || [];
-      u.length && (w.clear(), u.reduce((b, v) => (b.set(v[n.value], !0), b), w)), i.value.length || (i.value = g.value.filter((b) => w.has(b[n.value])).map((b) => Object.assign({}, b))), g.value.forEach((b) => {
-        const v = b[n.value], j = w.has(v);
-        b.checked = j, j && f.set(v, b);
+    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);
       });
     }
-    o();
-    const V = $(() => s.value === "List"), C = $(() => s.value === "Tree");
+    r();
+    const V = $(() => s.value === "List"), S = $(() => s.value === "Tree");
     function k(w) {
-      i.value = w.map((S) => Object.assign({}, S)), e.emit("change", i.value);
+      i.value = w.map((C) => Object.assign({}, C)), e.emit("change", i.value);
     }
-    function F() {
-      return l(E, {
+    function I() {
+      return n(H, {
         class: "f-utils-fill",
-        data: g.value,
+        data: m.value,
         multiSelect: !0,
         selection: {
           enableSelectRow: !0,
@@ -903,37 +908,37 @@ const E = /* @__PURE__ */ N({
       });
     }
     function D() {
-      return l(B, null, null);
+      return n(B, null, null);
     }
-    function M() {
-      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"
-      }, [V.value && F(), C.value && D()])])]);
+      }, [V.value && I(), S.value && D()])])]);
     }
-    function T(w) {
-      const S = w[n.value];
-      if (S !== null || S !== void 0) {
-        i.value = i.value.filter((b) => b[n.value] !== S);
-        const u = f.get(S);
-        u && (u.checked = !1, f.delete(S)), e.emit("change", i.value);
+    function F(w) {
+      const C = w[l.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);
       }
     }
     J(i, (w) => {
       a.value.updateDataSource(w);
     });
     function P(w) {
-      const S = /* @__PURE__ */ new Map();
-      i.value.reduce((u, b) => (u.set(b[n.value], b), u), S), i.value = w.map((u) => S.get(u[n.value])), e.emit("change", i.value);
+      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);
     }
     function y(w) {
       e.emit("activeChange", w);
     }
-    function O() {
-      return l(E, {
+    function M() {
+      return n(H, {
         ref: a,
         style: "flex:1",
         data: i.value,
@@ -941,229 +946,231 @@ const E = /* @__PURE__ */ N({
         view: "DraggableView",
         "keep-order": !0,
         onChange: P,
-        onRemoveItem: T,
+        onRemoveItem: F,
         onActiveChange: y
       }, null);
     }
-    function I() {
-      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"
-      }, [c.value]), l("span", {
+      }, [c.value]), n("span", {
         class: "selection-count"
-      }, [i.value && i.value.length]), l("span", {
+      }, [i.value && i.value.length]), n("span", {
         class: "selection-item-title"
-      }, [p.value])]), l("div", {
+      }, [p.value])]), n("div", {
         class: "container columns-box f-utils-fill d-flex"
-      }, [O()])])]);
+      }, [M()])])]);
     }
-    const m = $(() => ({
+    const v = $(() => ({
       transfer: !0,
       row: !0,
-      "f-utils-fill": r.value
+      "f-utils-fill": o.value
     }));
-    return () => l("div", {
-      class: m.value,
+    return () => n("div", {
+      class: v.value,
       style: "height:480px"
-    }, [M(), I()]);
+    }, [O(), T()]);
   }
 });
-function pt(t, e, n) {
+function vt(t, e, l) {
   var P;
-  function c() {
-  }
-  const p = "", s = "", r = h();
-  function g() {
+  const c = "", p = "", s = g();
+  function o() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function i() {
+  function m() {
     return !1;
   }
-  function d() {
+  function i() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function f() {
+  function d() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function a(y) {
+  function u(y) {
     if (!y || !y.value)
       return null;
     if (y.value.schema && y.value.schema.type === "component")
       return y.value;
-    const O = h(y == null ? void 0 : y.value.parent), I = a(O);
-    return I || null;
+    const M = g(y == null ? void 0 : y.value.parent), T = u(M);
+    return T || null;
   }
-  function o(y = e) {
-    const { componentInstance: O, designerItemElementRef: I } = y;
-    return !O || !O.value ? null : O.value.canMove ? I : o(y.parent);
+  function a(y = e) {
+    const { componentInstance: M, designerItemElementRef: T } = y;
+    return !M || !M.value ? null : M.value.canMove ? T : a(y.parent);
   }
-  function V(y) {
-    return !!n;
+  function r(y) {
+    return !!l;
   }
-  function C() {
+  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 k(y, M) {
   }
-  function F(y, O) {
+  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 D(y, O) {
-    const { componentType: I } = y;
-    let m = Z(I, y, O);
-    const w = I.toLowerCase().replace("-", "_");
-    return m && !m.id && m.type === I && (m.id = `${w}_${Math.random().toString().slice(2, 6)}`), m;
+  function D(y) {
   }
-  function M(y) {
+  function O(...y) {
   }
-  function T(...y) {
+  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: g(),
-    canSelectParent: i(),
-    canDelete: d(),
-    canNested: !f(),
+  return s.value = {
+    canMove: o(),
+    canSelectParent: m(),
+    canDelete: i(),
+    canNested: !d(),
     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: p,
-    designerClass: s,
-    canAccepts: V,
-    getBelongedComponentInstance: a,
-    getDraggableDesignItemElement: o,
-    getDraggingDisplayText: C,
-    getPropConfig: T,
-    getDragScopeElement: k,
-    onAcceptMovedChildElement: F,
-    onChildElementMovedOut: M,
-    addNewChildComponentSchema: D,
-    updateDragAndDropRules: c,
-    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__ */ N({
+const ht = /* @__PURE__ */ N({
   name: "FTransferDesign",
   props: z,
   emits: ["change"],
   setup(t, e) {
-    const n = h(t.identifyField), c = h("已选："), p = h("项数据"), s = h(t.displayType), r = h(!1), g = h(t.dataSource), i = h(t.selections || []), d = $(() => i.value.map((S) => S[n.value])), f = /* @__PURE__ */ new Map();
+    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 S = /* @__PURE__ */ new Map(), u = t.selectionValues || [];
-      u.length && u.reduce((v, j) => (v.set(j, !0), v), S);
+      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 && (S.clear(), b.reduce((v, j) => (v.set(j[n.value], !0), v), S)), i.value.length || (i.value = g.value.filter((v) => S.has(v[n.value])).map((v) => Object.assign({}, v))), g.value.forEach((v) => {
-        const j = v[n.value], A = S.has(j);
-        v.checked = A, A && f.set(j, v);
+      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);
       });
     }
     a();
-    const o = $(() => s.value === "List"), V = $(() => s.value === "Tree");
-    function C(S) {
-      i.value = S.map((u) => Object.assign({}, u)), e.emit("change", i.value);
+    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: g.value,
+        data: m.value,
         "multi-select": !0,
         draggable: !1,
         header: "Search",
         headerClass: "transfer-search-box",
         "selection-values": d.value,
-        onSelectionChange: C
+        onSelectionChange: S
       }, {
         default: () => [_(" ")]
       });
     }
-    function F() {
-      return l(B, null, null);
+    function I() {
+      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"
-      }, [o.value && k(), V.value && F()])])]);
+      }, [r.value && k(), V.value && I()])])]);
     }
-    function M(S) {
-      const u = S[n.value];
-      if (u !== null || u !== void 0) {
-        i.value = i.value.filter((v) => v[n.value] !== u);
-        const b = f.get(u);
-        b && (b.checked = !1, f.delete(u)), e.emit("change", i.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(S) {
-      const u = /* @__PURE__ */ new Map();
-      i.value.reduce((b, v) => (b.set(v[n.value], v), b), u), i.value = S.map((b) => u.get(b[n.value])), e.emit("change", i.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: i.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
-        onChange: T,
-        onRemoveItem: M
+        onChange: F,
+        onRemoveItem: O
       }, {
         default: () => [_(" ")]
       });
     }
     function y() {
-      return l("div", {
+      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"
-      }, [c.value]), l("span", {
+      }, [c.value]), n("span", {
         class: "selection-count"
-      }, [i.value && i.value.length]), l("span", {
+      }, [i.value && i.value.length]), n("span", {
         class: "selection-item-title"
-      }, [p.value])]), l("div", {
+      }, [p.value])]), n("div", {
         class: "container columns-box f-utils-fill d-flex"
       }, [P()])])]);
     }
-    const O = $(() => ({
+    const M = $(() => ({
       transfer: !0,
       row: !0,
-      "f-utils-fill": r.value
-    })), I = h(), m = ae("design-item-context"), w = pt(I, m);
+      "f-utils-fill": o.value
+    })), T = g(), v = ae("design-item-context"), w = vt(T, v);
     return oe(() => {
-      I.value.componentInstance = w;
-    }), e.expose(w.value), () => l("div", {
-      ref: I,
-      class: O.value,
+      T.value.componentInstance = w;
+    }), e.expose(w.value), () => n("div", {
+      ref: T,
+      class: M.value,
       style: "height:480px"
     }, [D(), y()]);
   }
-}), ht = (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 = ht(H);
+const bt = be(E);
 export {
-  H as FTransfer,
-  Ct as default,
+  E as FTransfer,
+  bt as default,
   ee as propsResolver,
   z as transferProps
 };