@farris/ui-vue 1.2.5 → 1.2.7

package/components/transfer/index.esm.js

@@ -1,6 +1,6 @@
 import { ref as p, computed as $, createVNode as l, Fragment as B, watch as X, withModifiers as te, withDirectives as ne, vModelText as le, defineComponent as G, createTextVNode as H, inject as se, onMounted as ae } from "vue";
 import { cloneDeep as oe } from "lodash-es";
-import { useIdentify as re, useHierarchy as ie, useGroupData as ce, usePagination as ue, useDataView as fe, useSelection as de, useEdit as pe, useVisualDataBound as ve, useVisualDataCell as he, useVisualDataRow as ge, useVisualGroupRow as me, useVisualSummaryRow as ye, useVisualData as Ce } from "@farris/ui-vue/components/data-view";
+import { useIdentify as re, useHierarchy as ie, useGroupData as ce, usePagination as ue, useDataView as fe, useSelection as de, useEdit as pe, useVisualDataBound as ve, useVisualDataCell as he, useVisualDataRow as ge, useVisualGroupRow as me, useVisualSummaryRow as ye, useVisualData as Se } from "@farris/ui-vue/components/data-view";
 import { FCheckBox as q } from "@farris/ui-vue/components/checkbox";
 const Q = {}, Y = {};
 function z(t) {
@@ -16,7 +16,7 @@ function N(t, e = {}) {
   }
   return null;
 }
-function Se(t, e) {
+function Ce(t, e) {
   const n = z(e);
   return Object.keys(t).reduce((c, g) => (c[g] = t[g], c), n), n;
 }
@@ -36,7 +36,7 @@ function we(t, e) {
   }, {});
 }
 function be(t, e, n = /* @__PURE__ */ new Map()) {
-  const c = Se(t, e);
+  const c = Ce(t, e);
   return we(c, n);
 }
 function ke(t = {}) {
@@ -88,8 +88,8 @@ function ke(t = {}) {
     return a(d).reduce((b, w) => b && v(w, u), !0);
   }
   function i(d, u) {
-    const o = Object.keys(d), r = o.includes("allOf"), b = o.includes("anyOf"), w = r || b, T = (w ? d[w ? r ? "allOf" : "anyOf" : "allOf"] : [d]).map((I) => y(I, u));
-    return r ? !T.includes(!1) : T.includes(!0);
+    const o = Object.keys(d), r = o.includes("allOf"), b = o.includes("anyOf"), w = r || b, D = (w ? d[w ? r ? "allOf" : "anyOf" : "allOf"] : [d]).map((I) => y(I, u));
+    return r ? !D.includes(!1) : D.includes(!0);
   }
   return { parseValueSchema: i };
 }
@@ -104,10 +104,10 @@ function Z(t, e, n = /* @__PURE__ */ new Map(), c = (v, y, i) => y, g = {}, a =
 function K(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const Te = /* @__PURE__ */ new Map([
+const De = /* @__PURE__ */ new Map([
   ["appearance", K]
 ]);
-function De(t, e, n) {
+function Te(t, e, n) {
   return e;
 }
 const Oe = "transfer", Fe = "A Farris Component", Ie = "object", je = {
@@ -222,7 +222,7 @@ const Oe = "transfer", Fe = "A Farris Component", Ie = "object", je = {
   placeholder: { type: String, default: "" },
   selections: { type: Array, default: [] },
   selectionValues: { type: Array, default: [] }
-}, x = Z(U, Ne, Te, De, Re), Be = /* @__PURE__ */ new Map([
+}, x = Z(U, Ne, De, Te, Re), Be = /* @__PURE__ */ new Map([
   ["appearance", K]
 ]);
 function Ge(t, e, n) {
@@ -366,7 +366,9 @@ const qe = "https://json-schema.org/draft/2020-12/schema", ze = "https://farris-
     }
   },
   keepOrder: { type: Boolean, default: !1 },
-  disableField: { type: String, default: "disabled" }
+  disableField: { type: String, default: "disabled" },
+  // 搜索启用高亮
+  enableHighlightSearch: { type: Boolean, default: !0 }
 };
 Z(ee, Ye, Be, Ge, tt);
 function nt(t, e) {
@@ -406,35 +408,35 @@ function W(t, e, n, c, g, a, v, y, i, d) {
   const u = p(t.size), o = p(t.textField), r = p(t.titleField), b = p(t.multiSelect), w = p(t.disableField), {
     onMouseenterItem: V,
     onMouseoverItem: F,
-    onMouseoutItem: T
+    onMouseoutItem: D
   } = a, {
     getKey: M,
     listViewItemClass: I,
     onCheckItem: P,
-    onClickItem: D
+    onClickItem: T
   } = v, m = $(() => ({
     margin: u.value === "small" ? "0.25rem 0" : "10px 0"
   }));
-  function O(f, S, k) {
+  function O(f, C, k) {
     return f.checked = y.findIndexInSelectedItems(f) > -1, l("li", {
-      class: I(f, S),
-      id: M(f, S),
-      key: M(f, S),
-      onClick: (s) => D(s, f, S),
-      onMouseenter: (s) => V(s, f, S),
-      onMouseover: (s) => F(s, f, S),
-      onMouseout: (s) => T(s, f, S)
+      class: I(f, C),
+      id: M(f, C),
+      key: M(f, C),
+      onClick: (s) => T(s, f, C),
+      onMouseenter: (s) => V(s, f, C),
+      onMouseover: (s) => F(s, f, C),
+      onMouseout: (s) => D(s, f, C)
     }, [b.value && l("div", {
       class: "f-list-select",
       onClick: (s) => s.stopPropagation()
     }, [l(q, {
-      id: "list-" + M(f, S),
+      id: "list-" + M(f, C),
       customClass: "listview-checkbox",
       disabled: f[w.value],
       checked: f.checked,
       "onUpdate:checked": (s) => f.checked = s,
       onChange: (s) => {
-        P(f, S, !s.checked);
+        P(f, C, !s.checked);
       }
     }, null)]), l("div", {
       class: "f-list-content"
@@ -455,40 +457,40 @@ function lt(t, e, n, c, g, a, v, y, i, d) {
   } = a, {
     getKey: V,
     listViewItemClass: F,
-    onCheckItem: T,
+    onCheckItem: D,
     onClickItem: M
   } = v;
-  function I(D, m, O) {
+  function I(T, m, O) {
     return e.slots.content ? l(B, null, [e.slots.content && e.slots.content({
-      item: D.raw,
+      item: T.raw,
       index: m,
       selectedItem: O
     })]) : l("div", {
       style: "margin: 10px 0;"
-    }, [D.raw.name]);
+    }, [T.raw.name]);
   }
-  function P(D, m, O) {
+  function P(T, m, O) {
     return l("li", {
-      class: F(D, m),
-      id: V(D, m),
-      key: V(D, m),
-      onClick: (f) => M(f, D, m),
-      onMouseenter: (f) => r(f, D, m),
-      onMouseover: (f) => b(f, D, m),
-      onMouseout: (f) => w(f, D, m)
+      class: F(T, m),
+      id: V(T, m),
+      key: V(T, m),
+      onClick: (f) => M(f, T, m),
+      onMouseenter: (f) => r(f, T, m),
+      onMouseover: (f) => b(f, T, m),
+      onMouseout: (f) => w(f, T, m)
     }, [u.value && l("div", {
       class: "f-list-select",
       onClick: (f) => f.stopPropagation()
     }, [l(q, {
-      id: "list-" + V(D, m),
+      id: "list-" + V(T, m),
       customClass: "listview-checkbox",
-      disabled: D[o.value] || !D.checked,
-      checked: D.checked,
-      "onUpdate:checked": (f) => D.checked = f,
-      onChange: (f) => T(D, m, !f.checked)
+      disabled: T[o.value] || !T.checked,
+      checked: T.checked,
+      "onUpdate:checked": (f) => T.checked = f,
+      onChange: (f) => D(T, m, !f.checked)
     }, null)]), l("div", {
       class: "f-list-content"
-    }, [I(D, m, O)])]);
+    }, [I(T, m, O)])]);
   }
   return {
     renderItem: P
@@ -502,28 +504,28 @@ function st(t, e, n, c, g, a, v, y, i, d) {
   } = a, {
     getKey: V,
     listViewItemClass: F,
-    onCheckItem: T,
+    onCheckItem: D,
     onClickItem: M
   } = v, {
     dragstart: I,
     dragenter: P,
-    dragover: D,
+    dragover: T,
     dragend: m
   } = c, {
     removeItem: O
   } = i, f = $(() => ({
     margin: u.value ? "10px 0" : "10px 0px 10px 14px"
   }));
-  function S(h) {
+  function C(h) {
     return l("div", {
       style: f.value
     }, [h.raw.name]);
   }
   function k() {
-    return e.slots.itemContent ? e.slots.itemContent : S;
+    return e.slots.itemContent ? e.slots.itemContent : C;
   }
   const s = k();
-  function C(h, j, E) {
+  function S(h, j, E) {
     return l("li", {
       class: F(h, j),
       id: V(h, j),
@@ -536,7 +538,7 @@ function st(t, e, n, c, g, a, v, y, i, d) {
       onDragstart: (R) => I(R, h, j),
       onDragenter: (R) => P(R, j),
       onDragend: (R) => m(R, h),
-      onDragover: (R) => D(R, j)
+      onDragover: (R) => T(R, j)
     }, [u.value && l("div", {
       class: "f-list-select",
       onClick: (R) => R.stopPropagation()
@@ -546,7 +548,7 @@ function st(t, e, n, c, g, a, v, y, i, d) {
       disabled: h[o.value] || !h.checked,
       checked: h.checked,
       "onUpdate:checked": (R) => h.checked = R,
-      onChange: (R) => T(h, j, !R.checked)
+      onChange: (R) => D(h, j, !R.checked)
     }, null)]), l("div", {
       class: "f-list-content"
     }, [s(h)]), l("div", {
@@ -563,7 +565,7 @@ function st(t, e, n, c, g, a, v, y, i, d) {
     }, null)])])]);
   }
   return {
-    renderItem: C
+    renderItem: S
   };
 }
 function at(t, e, n, c, g, a, v, y, i, d) {
@@ -573,10 +575,10 @@ function at(t, e, n, c, g, a, v, y, i, d) {
   } = g, {
     toggleGroupRow: r
   } = d;
-  function b(F, T) {
-    T.collapse = !T.collapse, n.value = r(T.collapse ? "collapse" : "expand", T, n.value);
+  function b(F, D) {
+    D.collapse = !D.collapse, n.value = r(D.collapse ? "collapse" : "expand", D, n.value);
   }
-  function w(F, T, M) {
+  function w(F, D, M) {
     return F.layer > -1 && l("div", {
       class: "f-navlookup-recentHeader",
       onClick: (I) => b(I, F)
@@ -622,21 +624,21 @@ function ot() {
 }
 function rt(t, e, n, c) {
   const g = p(t.idField), { dataView: a } = n, v = p(-1), y = p(!1), { activeIndex: i, focusedItemId: d, hoverIndex: u, resumeHover: o, suspendHover: r } = c;
-  function b(T, M, I) {
-    T.stopPropagation(), r(), M && setTimeout(() => {
+  function b(D, M, I) {
+    D.stopPropagation(), r(), M && setTimeout(() => {
       v.value = I, y.value = !0, M.moving = !0;
     });
   }
-  function w(T, M) {
-    if (T.preventDefault(), v.value !== M) {
+  function w(D, M) {
+    if (D.preventDefault(), v.value !== M) {
       const I = a.value[v.value], P = a.value;
       P.splice(v.value, 1), P.splice(M, 0, I), v.value = M;
     }
   }
-  function V(T, M) {
-    T.preventDefault(), T.dataTransfer && (T.dataTransfer.dropEffect = "move");
+  function V(D, M) {
+    D.preventDefault(), D.dataTransfer && (D.dataTransfer.dropEffect = "move");
   }
-  function F(T, M) {
+  function F(D, M) {
     M && (M.moving = !1), a.value.forEach((I, P) => {
       I.__fv_index__ = P;
     }), y.value = !1, o(), u.value = M.raw.__fv_index__, i.value = M.raw.__fv_index__, d.value = M.raw[g.value], e.emit("change", a.value), e.emit("activeChange", M);
@@ -662,36 +664,36 @@ function it(t, e, n) {
 function ct(t, e, n, c, g, a) {
   const v = p(t.idField), y = p(t.disableField), i = p(t.draggable), d = p(t.itemClass), u = p(t.selection.multiSelect ?? !1), o = p(t.selection.multiSelectMode);
   p(!0);
-  const { isDragging: r } = c, { activeIndex: b, focusedItemId: w, hoverIndex: V } = g, { clearSelection: F, getSelectedItems: T, toggleSelectItem: M } = a, I = p(T());
-  function P(s, C) {
+  const { isDragging: r } = c, { activeIndex: b, focusedItemId: w, hoverIndex: V } = g, { clearSelection: F, getSelectedItems: D, toggleSelectItem: M } = a, I = p(D());
+  function P(s, S) {
     const h = {
       "f-list-view-group-item": !0,
       "f-list-view-draggable-item": i.value,
       "f-un-click": !s.checked,
       "f-un-select": !!s.raw[y.value],
       "f-listview-active": s.raw.__fv_index__ === b.value,
-      "f-listview-hover": !r.value && C === V.value,
+      "f-listview-hover": !r.value && S === V.value,
       moving: !!s.moving
     };
     return d.value.split(" ").reduce((E, R) => (E[R] = !0, E), h), h;
   }
-  function D(s, C) {
+  function T(s, S) {
     return s.raw[v.value] || "";
   }
   const m = $(() => !u.value);
-  function O(s, C, h) {
+  function O(s, S, h) {
     s.checked = h, !s.raw[y.value] && (m.value && (w.value = s.raw[v.value]), M(s));
   }
-  const f = $(() => u.value && o.value === "OnCheckClearByClick"), S = $(() => !u.value || u.value && (o.value === "OnCheckAndClick" || o.value === "OnClick"));
-  function k(s, C, h) {
-    if (C.raw[y.value]) {
+  const f = $(() => u.value && o.value === "OnCheckClearByClick"), C = $(() => !u.value || u.value && (o.value === "OnCheckAndClick" || o.value === "OnClick"));
+  function k(s, S, h) {
+    if (S.raw[y.value]) {
       s.preventDefault(), s.stopPropagation();
       return;
     }
-    w.value = C.raw[v.value], b.value = h, f.value && F(n.value), S.value && (M(C), I.value = T()), e.emit("clickItem", { data: I.value, index: h }), e.emit("activeChange", I.value);
+    w.value = S.raw[v.value], b.value = h, f.value && F(n.value), C.value && (M(S), I.value = D()), e.emit("clickItem", { data: I.value, index: h }), e.emit("activeChange", I.value);
   }
   return {
-    getKey: D,
+    getKey: T,
     listViewItemClass: P,
     onCheckItem: O,
     onClickItem: k
@@ -702,19 +704,19 @@ function ut(t, e, n, c, g, a, v) {
     "f-list-view-group": !0,
     "d-flex": i.value,
     "flex-wrap": i.value
-  })), F = $(() => !!n.value && n.value.length > 0), T = $(() => n.value.length === 0), M = $(() => T.value && !e.slots.empty);
+  })), F = $(() => !!n.value && n.value.length > 0), D = $(() => n.value.length === 0), M = $(() => D.value && !e.slots.empty);
   function I() {
     return y.value === "SingleView" ? W : y.value === "DraggableView" ? st : (y.value === "ContentView" || y.value === "CardView") && e.slots.content ? lt : W;
   }
   const P = I(), {
-    renderItem: D
+    renderItem: T
   } = P(t, e, n, r, g, o, w, a, b, v), {
     renderItem: m
-  } = at(t, e, n, r, g, o, w, a, b, v), O = [D, m];
+  } = at(t, e, n, r, g, o, w, a, b, v), O = [T, m];
   function f() {
-    return n.value.filter((s) => s.visible !== !1).map((s, C) => O[s.type](s, C, d));
+    return n.value.filter((s) => s.visible !== !1).map((s, S) => O[s.type](s, S, d));
   }
-  function S() {
+  function C() {
     return l("div", {
       class: "f-list-view-emptydata"
     }, [l("p", {
@@ -725,7 +727,7 @@ function ut(t, e, n, c, g, a, v) {
     return l("ul", {
       class: V.value,
       style: "list-style: none;"
-    }, [F.value && f(), M.value && S(), e.slots.empty && e.slots.empty()]);
+    }, [F.value && f(), M.value && C(), e.slots.empty && e.slots.empty()]);
   }
   return {
     renderListArea: k
@@ -747,7 +749,7 @@ function J(t, e, n) {
     a.value = "";
   }
   X(a, (r) => {
-    n.search(r);
+    t.enableHighlightSearch && n.search(r), e.emit("afterSearch", r);
   });
   const d = $(() => {
     const r = {
@@ -797,9 +799,9 @@ function J(t, e, n) {
 const L = /* @__PURE__ */ G({
   name: "FListView",
   props: ee,
-  emits: ["checkValuesChange", "clickItem", "selectionChange", "removeItem", "change", "activeChange"],
+  emits: ["afterSearch", "checkValuesChange", "clickItem", "selectionChange", "removeItem", "change", "activeChange"],
   setup(t, e) {
-    const n = p(), c = p(!0), g = p(!1), a = p([]), v = 0, y = p(t.columns), i = re(t), d = ie(t), u = ce(t, i), o = ue(t), r = fe(t, /* @__PURE__ */ new Map(), d, i, o), b = de(t, r, i, a, e), w = nt(t, n), V = $(() => r.dataView.value.length), F = pe(t, i), T = ve(), M = he(t, {}, T), I = ge(t, F, d, i, T, M), P = me(t, i, M, I), D = ye(t, i, M, I), m = Ce(t, y, r, V, v, I, P, D), {
+    const n = p(), c = p(!0), g = p(!1), a = p([]), v = 0, y = p(t.columns), i = re(t), d = ie(t), u = ce(t, i), o = ue(t), r = fe(t, /* @__PURE__ */ new Map(), d, i, o), b = de(t, r, i, a, e), w = nt(t, n), V = $(() => r.dataView.value.length), F = pe(t, i), D = ve(), M = he(t, {}, D), I = ge(t, F, d, i, D, M), P = me(t, i, M, I), T = ye(t, i, M, I), m = Se(t, y, r, V, v, I, P, T), {
       getVisualData: O
     } = m;
     a.value = O(0, V.value + v - 1);
@@ -809,12 +811,12 @@ const L = /* @__PURE__ */ G({
         "f-list-view-multiple": t.multiSelect
       };
       return t.size !== "default" && (A[`${t.size}-item`] = !0), A;
-    }), S = $(() => !!e.slots.footer || c.value);
+    }), C = $(() => !!e.slots.footer || c.value);
     function k() {
       return t.header === "SearchBar" ? J : t.header === "ContentHeader" ? ft : J;
     }
     const s = k(), {
-      renderHeader: C
+      renderHeader: S
     } = s(t, e, w), {
       renderListArea: h
     } = ut(t, e, a, r, u, b, m);
@@ -834,7 +836,7 @@ const L = /* @__PURE__ */ G({
     return () => l("div", {
       class: f.value,
       onClick: R
-    }, [C(), l("div", {
+    }, [S(), l("div", {
       ref: n,
       class: "f-list-view-content",
       onMouseover: () => {
@@ -843,7 +845,7 @@ const L = /* @__PURE__ */ G({
       onMouseleave: () => {
         g.value = !1;
       }
-    }, [h()]), S.value && l("div", {
+    }, [h()]), C.value && l("div", {
       class: "f-list-view-footer"
     }, [e.slots.footer && e.slots.footer()])]);
   }
@@ -852,20 +854,20 @@ const L = /* @__PURE__ */ G({
   props: U,
   emits: ["change", "activeChange"],
   setup(t, e) {
-    const n = p(t.identifyField), c = p("已选："), g = p("项数据"), a = p(t.displayType), v = p(!1), y = p(t.dataSource), i = p(t.selections || []), d = $(() => i.value.map((S) => S[n.value])), u = /* @__PURE__ */ new Map(), o = p();
+    const n = p(t.identifyField), c = p("已选："), g = p("项数据"), a = p(t.displayType), v = p(!1), y = p(t.dataSource), i = p(t.selections || []), d = $(() => i.value.map((C) => C[n.value])), u = /* @__PURE__ */ new Map(), o = p();
     function r() {
-      const S = /* @__PURE__ */ new Map(), k = t.selectionValues || [];
-      k.length && k.reduce((C, h) => (C.set(h, !0), C), S);
+      const C = /* @__PURE__ */ new Map(), k = t.selectionValues || [];
+      k.length && k.reduce((S, h) => (S.set(h, !0), S), C);
       const s = t.selections || [];
-      s.length && (S.clear(), s.reduce((C, h) => (C.set(h[n.value], !0), C), S)), i.value.length || (i.value = y.value.filter((C) => S.has(C[n.value])).map((C) => Object.assign({}, C))), y.value.forEach((C) => {
-        const h = C[n.value], j = S.has(h);
-        C.checked = j, j && u.set(h, C);
+      s.length && (C.clear(), s.reduce((S, h) => (S.set(h[n.value], !0), S), C)), i.value.length || (i.value = y.value.filter((S) => C.has(S[n.value])).map((S) => Object.assign({}, S))), y.value.forEach((S) => {
+        const h = S[n.value], j = C.has(h);
+        S.checked = j, j && u.set(h, S);
       });
     }
     r();
     const b = $(() => a.value === "List"), w = $(() => a.value === "Tree");
-    function V(S) {
-      i.value = S.map((k) => Object.assign({}, k)), e.emit("change", i.value);
+    function V(C) {
+      i.value = C.map((k) => Object.assign({}, k)), e.emit("change", i.value);
     }
     function F() {
       return l(L, {
@@ -889,7 +891,7 @@ const L = /* @__PURE__ */ G({
         default: () => [H(" ")]
       });
     }
-    function T() {
+    function D() {
       return l(B, null, null);
     }
     function M() {
@@ -899,25 +901,25 @@ const L = /* @__PURE__ */ G({
         class: "f-utils-flex-column option-pane-content f-utils-fill"
       }, [l("div", {
         class: "container columns-box d-flex f-utils-fill"
-      }, [b.value && F(), w.value && T()])])]);
+      }, [b.value && F(), w.value && D()])])]);
     }
-    function I(S) {
-      const k = S[n.value];
+    function I(C) {
+      const k = C[n.value];
       if (k !== null || k !== void 0) {
-        i.value = i.value.filter((C) => C[n.value] !== k);
+        i.value = i.value.filter((S) => S[n.value] !== k);
         const s = u.get(k);
         s && (s.checked = !1, u.delete(k)), e.emit("change", i.value);
       }
     }
-    X(i, (S) => {
-      o.value.updateDataSource(S);
+    X(i, (C) => {
+      o.value.updateDataSource(C);
     });
-    function P(S) {
+    function P(C) {
       const k = /* @__PURE__ */ new Map();
-      i.value.reduce((s, C) => (s.set(C[n.value], C), s), k), i.value = S.map((s) => k.get(s[n.value])), e.emit("change", i.value);
+      i.value.reduce((s, S) => (s.set(S[n.value], S), s), k), i.value = C.map((s) => k.get(s[n.value])), e.emit("change", i.value);
     }
-    function D(S) {
-      e.emit("activeChange", S);
+    function T(C) {
+      e.emit("activeChange", C);
     }
     function m() {
       return l(L, {
@@ -929,7 +931,7 @@ const L = /* @__PURE__ */ G({
         "keep-order": !0,
         onChange: P,
         onRemoveItem: I,
-        onActiveChange: D
+        onActiveChange: T
       }, null);
     }
     function O() {
@@ -961,7 +963,7 @@ const L = /* @__PURE__ */ G({
   }
 });
 function dt(t, e, n) {
-  var D;
+  var T;
   function c() {
   }
   const g = "", a = "", v = p();
@@ -999,18 +1001,18 @@ function dt(t, e, n) {
   }
   function F(m, O) {
   }
-  function T(m) {
+  function D(m) {
     const { componentType: O } = m;
     let f = N(O, m);
-    const S = O.toLowerCase().replace("-", "_");
-    return f && !f.id && f.type === O && (f.id = `${S}_${Math.random().toString().slice(2, 6)}`), f;
+    const C = O.toLowerCase().replace("-", "_");
+    return f && !f.id && f.type === O && (f.id = `${C}_${Math.random().toString().slice(2, 6)}`), f;
   }
   function M(m, O) {
-    const f = String(m.getAttribute("data-controltype")), S = m.getAttribute("data-feature"), k = S ? JSON.parse(S) : {};
+    const f = String(m.getAttribute("data-controltype")), C = m.getAttribute("data-feature"), k = C ? JSON.parse(C) : {};
     k.parentComponentInstance = v.value;
     let s = N(f, k);
-    const C = f.toLowerCase().replace("-", "_");
-    return s && !s.id && s.type === f && (s.id = `${C}_${Math.random().toString().slice(2, 6)}`), s;
+    const S = f.toLowerCase().replace("-", "_");
+    return s && !s.id && s.type === f && (s.id = `${S}_${Math.random().toString().slice(2, 6)}`), s;
   }
   function I(m) {
   }
@@ -1023,7 +1025,7 @@ function dt(t, e, n) {
     canNested: !u(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
-    parent: (D = e == null ? void 0 : e.parent) == null ? void 0 : D.componentInstance,
+    parent: (T = e == null ? void 0 : e.parent) == null ? void 0 : T.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: g,
     designerClass: a,
@@ -1036,7 +1038,7 @@ function dt(t, e, n) {
     onAcceptMovedChildElement: F,
     onAcceptNewChildElement: M,
     onChildElementMovedOut: I,
-    addNewChildComponentSchema: T,
+    addNewChildComponentSchema: D,
     updateDragAndDropRules: c,
     triggerBelongedComponentToMoveWhenMoved: p(!1),
     triggerBelongedComponentToDeleteWhenDeleted: p(!1)
@@ -1051,8 +1053,8 @@ const pt = /* @__PURE__ */ G({
     function o() {
       const k = /* @__PURE__ */ new Map(), s = t.selectionValues || [];
       s.length && s.reduce((h, j) => (h.set(j, !0), h), k);
-      const C = t.selections || [];
-      C.length && (k.clear(), C.reduce((h, j) => (h.set(j[n.value], !0), h), k)), i.value.length || (i.value = y.value.filter((h) => k.has(h[n.value])).map((h) => Object.assign({}, h))), y.value.forEach((h) => {
+      const S = t.selections || [];
+      S.length && (k.clear(), S.reduce((h, j) => (h.set(j[n.value], !0), h), k)), i.value.length || (i.value = y.value.filter((h) => k.has(h[n.value])).map((h) => Object.assign({}, h))), y.value.forEach((h) => {
         const j = h[n.value], E = k.has(j);
         h.checked = E, E && u.set(j, h);
       });
@@ -1079,7 +1081,7 @@ const pt = /* @__PURE__ */ G({
     function F() {
       return l(B, null, null);
     }
-    function T() {
+    function D() {
       return l("div", {
         class: "f-utils-fill option-pane d-flex flex-column"
       }, [l("div", {
@@ -1092,13 +1094,13 @@ const pt = /* @__PURE__ */ G({
       const s = k[n.value];
       if (s !== null || s !== void 0) {
         i.value = i.value.filter((h) => h[n.value] !== s);
-        const C = u.get(s);
-        C && (C.checked = !1, u.delete(s)), e.emit("change", i.value);
+        const S = u.get(s);
+        S && (S.checked = !1, u.delete(s)), e.emit("change", i.value);
       }
     }
     function I(k) {
       const s = /* @__PURE__ */ new Map();
-      i.value.reduce((C, h) => (C.set(h[n.value], h), C), s), i.value = k.map((C) => s.get(C[n.value])), e.emit("change", i.value);
+      i.value.reduce((S, h) => (S.set(h[n.value], h), S), s), i.value = k.map((S) => s.get(S[n.value])), e.emit("change", i.value);
     }
     function P() {
       return l(L, {
@@ -1113,7 +1115,7 @@ const pt = /* @__PURE__ */ G({
         default: () => [H(" ")]
       });
     }
-    function D() {
+    function T() {
       return l("div", {
         class: "f-utils-fill selection-pane d-flex flex-column"
       }, [l("div", {
@@ -1134,14 +1136,14 @@ const pt = /* @__PURE__ */ G({
       transfer: !0,
       row: !0,
       "f-utils-fill": v.value
-    })), O = p(), f = se("design-item-context"), S = dt(O, f);
+    })), O = p(), f = se("design-item-context"), C = dt(O, f);
     return ae(() => {
-      O.value.componentInstance = S;
-    }), e.expose(S.value), () => l("div", {
+      O.value.componentInstance = C;
+    }), e.expose(C.value), () => l("div", {
       ref: O,
       class: m.value,
       style: "height:480px"
-    }, [T(), D()]);
+    }, [D(), T()]);
   }
 }), vt = (t) => {
   const e = t;
@@ -1155,10 +1157,10 @@ _.register = (t, e, n) => {
 _.registerDesigner = (t, e, n) => {
   t.transfer = pt, e.transfer = x;
 };
-const Ct = vt(_);
+const St = vt(_);
 export {
   _ as FTransfer,
-  Ct as default,
+  St as default,
   x as propsResolver,
   U as transferProps
 };