@farris/ui-vue 1.2.6 → 1.2.8

package/components/transfer/index.esm.js

@@ -1,43 +1,43 @@
 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 { FCheckBox as q } from "@farris/ui-vue/components/checkbox";
+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 "../data-view/index.esm.js";
+import { FCheckBox as q } from "../checkbox/index.esm.js";
 const Q = {}, Y = {};
 function z(t) {
-  const { properties: e, title: n } = t, c = Object.keys(e).reduce((g, a) => (g[a] = e[a].type === "object" && e[a].properties ? z(e[a]) : oe(e[a].default), g), {});
-  return c.id = `${n}-${Date.now()}`, c;
+  const { properties: e, title: n } = t, i = Object.keys(e).reduce((g, a) => (g[a] = e[a].type === "object" && e[a].properties ? z(e[a]) : oe(e[a].default), g), {});
+  return i.id = `${n}-${Date.now()}`, i;
 }
 function N(t, e = {}) {
   const n = Q[t];
   if (n) {
-    let c = z(n);
+    let i = z(n);
     const g = Y[t];
-    return c = g ? g({ getSchemaByType: N }, c, e) : c, c;
+    return i = g ? g({ getSchemaByType: N }, i, e) : i, i;
   }
   return null;
 }
 function Se(t, e) {
   const n = z(e);
-  return Object.keys(t).reduce((c, g) => (c[g] = t[g], c), n), n;
+  return Object.keys(t).reduce((i, g) => (i[g] && typeof i[g] == "object" ? Object.assign(i[g], t[g]) : i[g] = t[g], i), n), n;
 }
 function we(t, e) {
-  return Object.keys(t).filter((c) => t[c] != null).reduce((c, g) => {
+  return Object.keys(t).filter((i) => t[i] != null).reduce((i, g) => {
     if (e.has(g)) {
       const a = e.get(g);
       if (typeof a == "string")
-        c[a] = t[g];
+        i[a] = t[g];
       else {
         const v = a(g, t[g], t);
-        Object.assign(c, v);
+        Object.assign(i, v);
       }
     } else
-      c[g] = t[g];
-    return c;
+      i[g] = t[g];
+    return i;
   }, {});
 }
 function be(t, e, n = /* @__PURE__ */ new Map()) {
-  const c = Se(t, e);
-  return we(c, n);
+  const i = Se(t, e);
+  return we(i, n);
 }
 function ke(t = {}) {
   function e(d, u, o, r) {
@@ -57,11 +57,11 @@ function ke(t = {}) {
   function n(d, u, o, r) {
     return r[d] && r[d].propertyValue && String(r[d].propertyValue.value) === String(o);
   }
-  const c = /* @__PURE__ */ new Map([
+  const i = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", n]
   ]);
-  Object.keys(t).reduce((d, u) => (d.set(u, t[u]), d), c);
+  Object.keys(t).reduce((d, u) => (d.set(u, t[u]), d), i);
   function g(d, u) {
     const o = d;
     return typeof u == "number" ? [{ target: o, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: o, operator: "getProperty", param: d, value: !!u }] : typeof u == "object" ? Object.keys(u).map((r) => {
@@ -78,8 +78,8 @@ function ke(t = {}) {
     }, []);
   }
   function v(d, u) {
-    if (c.has(d.operator)) {
-      const o = c.get(d.operator);
+    if (i.has(d.operator)) {
+      const o = i.get(d.operator);
       return o && o(d.target, d.param, d.value, u) || !1;
     }
     return !1;
@@ -87,27 +87,27 @@ function ke(t = {}) {
   function y(d, u) {
     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);
+  function c(d, u) {
+    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 };
+  return { parseValueSchema: c };
 }
 const Ve = {}, Me = {};
 ke();
-function Z(t, e, n = /* @__PURE__ */ new Map(), c = (v, y, i) => y, g = {}, a = (v) => v) {
-  return Q[e.title] = e, Y[e.title] = c, Ve[e.title] = g, Me[e.title] = a, (v = {}) => {
-    const y = be(v, e, n), i = Object.keys(t).reduce((d, u) => (d[u] = t[u].default, d), {});
-    return Object.assign(i, y);
+function Z(t, e, n = /* @__PURE__ */ new Map(), i = (v, y, c) => y, g = {}, a = (v) => v) {
+  return Q[e.title] = e, Y[e.title] = i, Ve[e.title] = g, Me[e.title] = a, (v = {}) => {
+    const y = be(v, e, n), c = Object.keys(t).reduce((d, u) => (d[u] = t[u].default, d), {});
+    return Object.assign(c, y);
   };
 }
 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) {
@@ -377,7 +379,7 @@ function nt(t, e) {
       v.push(y), y = a.nextNode();
     return v;
   }
-  function c(a, v) {
+  function i(a, v) {
     const y = document.createTreeWalker(a, NodeFilter.SHOW_TEXT);
     return n(y).map((o) => ({ textNode: o, text: (o.textContent || "").toLocaleLowerCase() })).map(({ textNode: o, text: r }) => {
       const b = [];
@@ -397,21 +399,21 @@ function nt(t, e) {
   function g(a) {
     if (!CSS.highlights || (CSS.highlights.clear(), !a || !e))
       return;
-    const v = c(e.value, a.toLocaleLowerCase()), y = new Highlight(...v);
+    const v = i(e.value, a.toLocaleLowerCase()), y = new Highlight(...v);
     CSS.highlights.set("search-result", y);
   }
   return { search: g };
 }
-function W(t, e, n, c, g, a, v, y, i, d) {
+function W(t, e, n, i, g, a, v, y, c, 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"
   }));
@@ -420,10 +422,10 @@ function W(t, e, n, c, g, a, v, y, i, d) {
       class: I(f, S),
       id: M(f, S),
       key: M(f, S),
-      onClick: (s) => D(s, f, S),
+      onClick: (s) => T(s, f, S),
       onMouseenter: (s) => V(s, f, S),
       onMouseover: (s) => F(s, f, S),
-      onMouseout: (s) => T(s, f, S)
+      onMouseout: (s) => D(s, f, S)
     }, [b.value && l("div", {
       class: "f-list-select",
       onClick: (s) => s.stopPropagation()
@@ -447,7 +449,7 @@ function W(t, e, n, c, g, a, v, y, i, d) {
     renderItem: O
   };
 }
-function lt(t, e, n, c, g, a, v, y, i, d) {
+function lt(t, e, n, i, g, a, v, y, c, d) {
   const u = p(t.multiSelect), o = p(t.disableField), {
     onMouseenterItem: r,
     onMouseoverItem: b,
@@ -455,46 +457,46 @@ 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
   };
 }
-function st(t, e, n, c, g, a, v, y, i, d) {
+function st(t, e, n, i, g, a, v, y, c, d) {
   const u = p(t.multiSelect), o = p(t.disableField), {
     onMouseenterItem: r,
     onMouseoverItem: b,
@@ -502,16 +504,16 @@ 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, {
+  } = i, {
     removeItem: O
-  } = i, f = $(() => ({
+  } = c, f = $(() => ({
     margin: u.value ? "10px 0" : "10px 0px 10px 14px"
   }));
   function S(h) {
@@ -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", {
@@ -566,17 +568,17 @@ function st(t, e, n, c, g, a, v, y, i, d) {
     renderItem: C
   };
 }
-function at(t, e, n, c, g, a, v, y, i, d) {
+function at(t, e, n, i, g, a, v, y, c, d) {
   var V;
   const u = p(((V = t.group) == null ? void 0 : V.groupFields) || []), {
     collpaseGroupIconClass: o
   } = 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)
@@ -593,21 +595,21 @@ function at(t, e, n, c, g, a, v, y, i, d) {
   };
 }
 function ot() {
-  const t = p(-1), e = p(""), n = p(-1), c = p(!1);
+  const t = p(-1), e = p(""), n = p(-1), i = p(!1);
   function g(d, u, o) {
     n.value = o;
   }
   function a(d, u, o) {
-    c.value || (n.value = o);
+    i.value || (n.value = o);
   }
   function v(d, u, o) {
     n.value = -1;
   }
   function y() {
-    c.value = !0;
+    i.value = !0;
   }
-  function i() {
-    c.value = !1;
+  function c() {
+    i.value = !1;
   }
   return {
     activeIndex: t,
@@ -616,30 +618,30 @@ function ot() {
     onMouseenterItem: g,
     onMouseoverItem: a,
     onMouseoutItem: v,
-    resumeHover: i,
+    resumeHover: c,
     suspendHover: y
   };
 }
-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 rt(t, e, n, i) {
+  const g = p(t.idField), { dataView: a } = n, v = p(-1), y = p(!1), { activeIndex: c, focusedItemId: d, hoverIndex: u, resumeHover: o, suspendHover: r } = i;
+  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);
+    }), y.value = !1, o(), u.value = M.raw.__fv_index__, c.value = M.raw.__fv_index__, d.value = M.raw[g.value], e.emit("change", a.value), e.emit("activeChange", M);
   }
   return {
     dragstart: b,
@@ -650,23 +652,23 @@ function rt(t, e, n, c) {
   };
 }
 function it(t, e, n) {
-  const { dataView: c } = n;
+  const { dataView: i } = n;
   function g(a) {
-    if (a > -1 && a < c.value.length) {
-      const v = c.value.splice(a, 1);
+    if (a > -1 && a < i.value.length) {
+      const v = i.value.splice(a, 1);
       e.emit("removeItem", v[0]);
     }
   }
   return { removeItem: g };
 }
-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);
+function ct(t, e, n, i, g, a) {
+  const v = p(t.idField), y = p(t.disableField), c = 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());
+  const { isDragging: r } = i, { activeIndex: b, focusedItemId: w, hoverIndex: V } = g, { clearSelection: F, getSelectedItems: D, toggleSelectItem: M } = a, I = p(D());
   function P(s, C) {
     const h = {
       "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": i.value,
+      "f-list-view-draggable-item": c.value,
       "f-un-click": !s.checked,
       "f-un-select": !!s.raw[y.value],
       "f-listview-active": s.raw.__fv_index__ === b.value,
@@ -675,7 +677,7 @@ function ct(t, e, n, c, g, a) {
     };
     return d.value.split(" ").reduce((E, R) => (E[R] = !0, E), h), h;
   }
-  function D(s, C) {
+  function T(s, C) {
     return s.raw[v.value] || "";
   }
   const m = $(() => !u.value);
@@ -688,29 +690,29 @@ function ct(t, e, n, c, g, a) {
       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 = C.raw[v.value], b.value = h, f.value && F(n.value), S.value && (M(C), 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
   };
 }
-function ut(t, e, n, c, g, a, v) {
-  const y = p(t.view), i = p(t.view === "CardView"), d = p({}), u = p("暂无数据"), o = ot(), r = rt(t, e, c, o), b = it(t, e, c), w = ct(t, e, n, r, o, a), V = $(() => ({
+function ut(t, e, n, i, g, a, v) {
+  const y = p(t.view), c = p(t.view === "CardView"), d = p({}), u = p("暂无数据"), o = ot(), r = rt(t, e, i, o), b = it(t, e, i), w = ct(t, e, n, r, o, 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);
+    "d-flex": c.value,
+    "flex-wrap": c.value
+  })), 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));
   }
@@ -732,29 +734,29 @@ function ut(t, e, n, c, g, a, v) {
   };
 }
 function ft(t, e, n) {
-  function c() {
+  function i() {
     return e.slots.header && l("div", {
       class: "f-list-view-header"
     }, [e.slots.header()]);
   }
   return {
-    renderHeader: c
+    renderHeader: i
   };
 }
 function J(t, e, n) {
-  const c = p(t.headerClass), g = p(t.placeholder), a = p(""), v = $(() => !a.value), y = $(() => !!a.value);
-  function i(r) {
+  const i = p(t.headerClass), g = p(t.placeholder), a = p(""), v = $(() => !a.value), y = $(() => !!a.value);
+  function c(r) {
     a.value = "";
   }
   X(a, (r) => {
-    n.search(r);
+    t.enableHighlightSearch && n.search(r), e.emit("afterSearch", r);
   });
   const d = $(() => {
     const r = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return c.value && c.value.split(" ").reduce((w, V) => (w[V] = !0, w), r), r;
+    return i.value && i.value.split(" ").reduce((w, V) => (w[V] = !0, w), r), r;
   });
   function u(r) {
   }
@@ -781,7 +783,7 @@ function J(t, e, n) {
       class: "input-group-append"
     }, [y.value && l("span", {
       class: "input-group-text input-group-clear",
-      onClick: (r) => i()
+      onClick: (r) => c()
     }, [l("i", {
       class: "f-icon f-icon-close-circle"
     }, null)]), v.value && l("span", {
@@ -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(), i = p(!0), g = p(!1), a = p([]), v = 0, y = p(t.columns), c = re(t), d = ie(t), u = ce(t, c), o = ue(t), r = fe(t, /* @__PURE__ */ new Map(), d, c, o), b = de(t, r, c, a, e), w = nt(t, n), V = $(() => r.dataView.value.length), F = pe(t, c), D = ve(), M = he(t, {}, D), I = ge(t, F, d, c, D, M), P = me(t, c, M, I), T = ye(t, c, M, I), m = Ce(t, y, r, V, v, I, P, T), {
       getVisualData: O
     } = m;
     a.value = O(0, V.value + v - 1);
@@ -809,7 +811,7 @@ 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);
+    }), S = $(() => !!e.slots.footer || i.value);
     function k() {
       return t.header === "SearchBar" ? J : t.header === "ContentHeader" ? ft : J;
     }
@@ -852,12 +854,12 @@ 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), i = p("已选："), g = p("项数据"), a = p(t.displayType), v = p(!1), y = p(t.dataSource), c = p(t.selections || []), d = $(() => c.value.map((S) => S[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 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) => {
+      s.length && (S.clear(), s.reduce((C, h) => (C.set(h[n.value], !0), C), S)), c.value.length || (c.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);
       });
@@ -865,7 +867,7 @@ const L = /* @__PURE__ */ G({
     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);
+      c.value = S.map((k) => Object.assign({}, k)), e.emit("change", c.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,37 +901,37 @@ 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];
       if (k !== null || k !== void 0) {
-        i.value = i.value.filter((C) => C[n.value] !== k);
+        c.value = c.value.filter((C) => C[n.value] !== k);
         const s = u.get(k);
-        s && (s.checked = !1, u.delete(k)), e.emit("change", i.value);
+        s && (s.checked = !1, u.delete(k)), e.emit("change", c.value);
       }
     }
-    X(i, (S) => {
+    X(c, (S) => {
       o.value.updateDataSource(S);
     });
     function P(S) {
       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);
+      c.value.reduce((s, C) => (s.set(C[n.value], C), s), k), c.value = S.map((s) => k.get(s[n.value])), e.emit("change", c.value);
     }
-    function D(S) {
+    function T(S) {
       e.emit("activeChange", S);
     }
     function m() {
       return l(L, {
         ref: o,
         style: "flex:1",
-        data: i.value,
+        data: c.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
         onChange: P,
         onRemoveItem: I,
-        onActiveChange: D
+        onActiveChange: T
       }, null);
     }
     function O() {
@@ -941,9 +943,9 @@ const L = /* @__PURE__ */ G({
         class: "selection-pane-title"
       }, [l("span", {
         class: "selection-title"
-      }, [c.value]), l("span", {
+      }, [i.value]), l("span", {
         class: "selection-count"
-      }, [i.value && i.value.length]), l("span", {
+      }, [c.value && c.value.length]), l("span", {
         class: "selection-item-title"
       }, [g.value])]), l("div", {
         class: "container columns-box f-utils-fill d-flex"
@@ -961,14 +963,14 @@ const L = /* @__PURE__ */ G({
   }
 });
 function dt(t, e, n) {
-  var D;
-  function c() {
+  var T;
+  function i() {
   }
   const g = "", a = "", v = p();
   function y() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function i() {
+  function c() {
     return !1;
   }
   function d() {
@@ -999,7 +1001,7 @@ 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("-", "_");
@@ -1018,12 +1020,12 @@ function dt(t, e, n) {
   }
   return v.value = {
     canMove: y(),
-    canSelectParent: i(),
+    canSelectParent: c(),
     canDelete: d(),
     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,8 +1038,8 @@ function dt(t, e, n) {
     onAcceptMovedChildElement: F,
     onAcceptNewChildElement: M,
     onChildElementMovedOut: I,
-    addNewChildComponentSchema: T,
-    updateDragAndDropRules: c,
+    addNewChildComponentSchema: D,
+    updateDragAndDropRules: i,
     triggerBelongedComponentToMoveWhenMoved: p(!1),
     triggerBelongedComponentToDeleteWhenDeleted: p(!1)
   }, v;
@@ -1047,12 +1049,12 @@ const pt = /* @__PURE__ */ G({
   props: U,
   emits: ["change"],
   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((k) => k[n.value])), u = /* @__PURE__ */ new Map();
+    const n = p(t.identifyField), i = p("已选："), g = p("项数据"), a = p(t.displayType), v = p(!1), y = p(t.dataSource), c = p(t.selections || []), d = $(() => c.value.map((k) => k[n.value])), u = /* @__PURE__ */ new Map();
     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) => {
+      C.length && (k.clear(), C.reduce((h, j) => (h.set(j[n.value], !0), h), k)), c.value.length || (c.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);
       });
@@ -1060,7 +1062,7 @@ const pt = /* @__PURE__ */ G({
     o();
     const r = $(() => a.value === "List"), b = $(() => a.value === "Tree");
     function w(k) {
-      i.value = k.map((s) => Object.assign({}, s)), e.emit("change", i.value);
+      c.value = k.map((s) => Object.assign({}, s)), e.emit("change", c.value);
     }
     function V() {
       return l(L, {
@@ -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", {
@@ -1091,19 +1093,19 @@ const pt = /* @__PURE__ */ G({
     function M(k) {
       const s = k[n.value];
       if (s !== null || s !== void 0) {
-        i.value = i.value.filter((h) => h[n.value] !== s);
+        c.value = c.value.filter((h) => h[n.value] !== s);
         const C = u.get(s);
-        C && (C.checked = !1, u.delete(s)), e.emit("change", i.value);
+        C && (C.checked = !1, u.delete(s)), e.emit("change", c.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);
+      c.value.reduce((C, h) => (C.set(h[n.value], h), C), s), c.value = k.map((C) => s.get(C[n.value])), e.emit("change", c.value);
     }
     function P() {
       return l(L, {
         style: "flex:1",
-        data: i.value,
+        data: c.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
@@ -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", {
@@ -1122,9 +1124,9 @@ const pt = /* @__PURE__ */ G({
         class: "selection-pane-title"
       }, [l("span", {
         class: "selection-title"
-      }, [c.value]), l("span", {
+      }, [i.value]), l("span", {
         class: "selection-count"
-      }, [i.value && i.value.length]), l("span", {
+      }, [c.value && c.value.length]), l("span", {
         class: "selection-item-title"
       }, [g.value])]), l("div", {
         class: "container columns-box f-utils-fill d-flex"
@@ -1141,7 +1143,7 @@ const pt = /* @__PURE__ */ G({
       ref: O,
       class: m.value,
       style: "height:480px"
-    }, [T(), D()]);
+    }, [D(), T()]);
   }
 }), vt = (t) => {
   const e = t;