@farris/ui-vue 1.7.1 → 1.7.2-beta.1

package/designer/list-view/index.esm.js

@@ -1,227 +1,227 @@
-var ge = Object.defineProperty;
-var ve = (o, e, t) => e in o ? ge(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var $ = (o, e, t) => ve(o, typeof e != "symbol" ? e + "" : e, t);
-import { getCustomStyle as Q, getCustomClass as Z, excludeProperties as he, withInstall as we } from "../../components/common/index.esm.js";
-import ye, { listViewProps as Ce, listViewTableProps as be, FListViewTable as Ie } from "../../components/list-view/index.esm.js";
-import { resolveAppearance as Ve, createPropsResolver as ne, getPropsResolverGenerator as se, createCollectionBindingResolver as Se } from "../../components/dynamic-resolver/index.esm.js";
-import { ref as b, computed as U, createVNode as l, Fragment as j, watch as Me, withModifiers as ke, withDirectives as xe, vModelText as Ee, createTextVNode as O, defineComponent as ie, inject as K, onMounted as oe } from "vue";
-import { DgControl as A, canvasChanged as Te, refreshCanvas as Pe, useDesignerComponent as ae } from "../../components/designer-canvas/index.esm.js";
-import { useFilter as Fe, useIdentify as Re, useHierarchy as Ne, useGroupData as Be, useDataView as $e, useSelection as Ue, useRow as De, useEdit as Oe, useVisualDataBound as Ae, useVisualDataCell as Le, useVisualDataRow as _e, useVisualGroupRow as je, useVisualSummaryRow as Ge, useVisualData as qe } from "../../components/data-view/index.esm.js";
-import { LocaleService as He } from "../../components/locale/index.esm.js";
+var ve = Object.defineProperty;
+var he = (i, e, t) => e in i ? ve(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var U = (i, e, t) => he(i, typeof e != "symbol" ? e + "" : e, t);
+import { getCustomStyle as Z, getCustomClass as ee, excludeProperties as we, withInstall as ye } from "../../components/common/index.esm.js";
+import Ce, { listViewProps as be, FListViewTable as Ie } from "../../components/list-view/index.esm.js";
+import { resolveAppearance as Ve, createPropsResolver as se, getPropsResolverGenerator as ie, createCollectionBindingResolver as Se } from "../../components/dynamic-resolver/index.esm.js";
+import { ref as C, computed as $, createVNode as l, Fragment as j, watch as Me, withModifiers as ke, withDirectives as xe, vModelText as Ee, createTextVNode as A, defineComponent as oe, inject as K, onMounted as ae } from "vue";
+import { DgControl as L, canvasChanged as Te, refreshCanvas as Pe, useDesignerComponent as le } from "../../components/designer-canvas/index.esm.js";
+import { useFilter as Fe, useIdentify as Re, useHierarchy as Ne, useGroupData as Be, useDataView as Ue, useSelection as $e, useRow as De, useEdit as Oe, useVisualDataBound as Ae, useVisualDataCell as Le, useVisualDataRow as _e, useVisualGroupRow as je, useVisualSummaryRow as Ge, useVisualData as He } from "../../components/data-view/index.esm.js";
+import { LocaleService as qe } from "../../components/locale/index.esm.js";
 import { FCheckbox as X } from "../../components/checkbox/index.esm.js";
 import { cloneDeep as We } from "lodash-es";
-function ze(o, e) {
-  function t(i) {
+function ze(i, e) {
+  function t(o) {
     const s = [];
-    let c = i.nextNode();
-    for (; c; )
-      s.push(c), c = i.nextNode();
+    let d = o.nextNode();
+    for (; d; )
+      s.push(d), d = o.nextNode();
     return s;
   }
-  function n(i, s) {
-    const c = document.createTreeWalker(i, NodeFilter.SHOW_TEXT);
-    return t(c).map((p) => ({ textNode: p, text: (p.textContent || "").toLocaleLowerCase() })).map(({ textNode: p, text: f }) => {
+  function n(o, s) {
+    const d = document.createTreeWalker(o, NodeFilter.SHOW_TEXT);
+    return t(d).map((u) => ({ textNode: u, text: (u.textContent || "").toLocaleLowerCase() })).map(({ textNode: u, text: f }) => {
       const g = [];
       let w = 0;
       for (; w < f.length; ) {
-        const y = f.indexOf(s, w);
-        if (y === -1)
+        const b = f.indexOf(s, w);
+        if (b === -1)
           break;
-        g.push(y), w = y + s.length;
+        g.push(b), w = b + s.length;
       }
-      return g.map((y) => {
+      return g.map((b) => {
         const h = new Range();
-        return h.setStart(p, y), h.setEnd(p, y + s.length), h;
+        return h.setStart(u, b), h.setEnd(u, b + s.length), h;
       });
     }).flat();
   }
-  function a(i) {
-    if (!CSS.highlights || (CSS.highlights.clear(), !i || !e))
+  function a(o) {
+    if (!CSS.highlights || (CSS.highlights.clear(), !o || !e))
       return;
-    const s = n(e.value, i.toLocaleLowerCase()), c = new Highlight(...s);
-    CSS.highlights.set("search-result", c);
+    const s = n(e.value, o.toLocaleLowerCase()), d = new Highlight(...s);
+    CSS.highlights.set("search-result", d);
   }
   return { search: a };
 }
-function ee(o, e, t, n, a, i, s, c, r, u) {
-  const d = b(o.size), p = b(o.textField), f = b(o.titleField), g = b(o.disableField), w = U(() => {
-    var m, T;
-    return ((m = o.selection) == null ? void 0 : m.multiSelect) && ((T = o.selection) == null ? void 0 : T.showCheckbox);
+function te(i, e, t, n, a, o, s, d, c, p) {
+  const r = C(i.size), u = C(i.textField), f = C(i.titleField), g = C(i.disableField), w = $(() => {
+    var m, x;
+    return ((m = i.selection) == null ? void 0 : m.multiSelect) && ((x = i.selection) == null ? void 0 : x.showCheckbox);
   }), {
-    onMouseenterItem: y,
+    onMouseenterItem: b,
     onMouseoverItem: h,
     onMouseoutItem: S
-  } = i, {
-    getKey: k,
-    listViewItemClass: x,
+  } = o, {
+    getKey: M,
+    listViewItemClass: E,
     listViewItemStyle: F,
-    onCheckItem: B,
+    onCheckItem: N,
     onClickItem: v
-  } = s, M = U(() => {
+  } = s, k = $(() => {
     const m = {
       "text-overflow": "ellipsis",
       overflow: "hidden",
       "white-space": "nowrap"
     };
-    return o.itemClass ? m : {
-      margin: d.value === "small" ? "0.25rem 0" : "8px 0",
+    return i.itemClass ? m : {
+      margin: r.value === "small" ? "0.25rem 0" : "8px 0",
       ...m
     };
   });
-  function C(m, T, R) {
-    return m.checked = c.findIndexInSelectedItems(m) > -1, l("li", {
-      class: x(m, T),
-      id: k(m, T),
-      key: k(m, T),
-      style: F(m, T),
-      onClick: (N) => v(m, T, N),
-      onMouseenter: (N) => y(N, m, T),
-      onMouseover: (N) => h(N, m, T),
-      onMouseout: (N) => S(N, m, T)
+  function y(m, x, R) {
+    return m.checked = d.findIndexInSelectedItems(m) > -1, l("li", {
+      class: E(m, x),
+      id: M(m, x),
+      key: M(m, x),
+      style: F(m, x),
+      onClick: (B) => v(m, x, B),
+      onMouseenter: (B) => b(B, m, x),
+      onMouseover: (B) => h(B, m, x),
+      onMouseout: (B) => S(B, m, x)
     }, [w.value && l("div", {
       class: "f-list-select",
-      onClick: (N) => N.stopPropagation()
+      onClick: (B) => B.stopPropagation()
     }, [l(X, {
-      id: "list-" + k(m, T),
+      id: "list-" + M(m, x),
       customClass: "listview-checkbox float-left",
       disabled: m[g.value],
       checked: m.checked,
-      "onUpdate:checked": (N) => m.checked = N,
-      onChange: (N) => {
-        B(m, T, !N.checked);
+      "onUpdate:checked": (B) => m.checked = B,
+      onChange: (B) => {
+        N(m, x, !B.checked);
       }
     }, null)]), l("div", {
       class: "f-list-content"
     }, [l("div", {
-      class: o.itemContentClass,
-      style: M.value,
-      title: m.raw[f.value] || m.raw[p.value]
-    }, [m.raw[p.value]])])]);
+      class: i.itemContentClass,
+      style: k.value,
+      title: m.raw[f.value] || m.raw[u.value]
+    }, [m.raw[u.value]])])]);
   }
   return {
-    renderItem: C
+    renderItem: y
   };
 }
-function Ke(o, e, t, n, a, i, s, c, r, u) {
-  const d = b(o.multiSelect), p = b(o.disableField), f = b(o.textField), {
+function Ke(i, e, t, n, a, o, s, d, c, p) {
+  const r = C(i.multiSelect), u = C(i.disableField), f = C(i.textField), {
     onMouseenterItem: g,
     onMouseoverItem: w,
-    onMouseoutItem: y
-  } = i, {
+    onMouseoutItem: b
+  } = o, {
     getKey: h,
     listViewItemClass: S,
-    listViewItemStyle: k,
-    onCheckItem: x,
+    listViewItemStyle: M,
+    onCheckItem: E,
     onClickItem: F,
-    updateSelectedItems: B
+    updateSelectedItems: N
   } = s;
-  function v(C, m, T) {
-    return o.contentTemplate ? l(j, null, [o.contentTemplate({
-      item: C.raw,
+  function v(y, m, x) {
+    return i.contentTemplate ? l(j, null, [i.contentTemplate({
+      item: y.raw,
       index: m,
-      selectedItem: T
+      selectedItem: x
     })]) : e.slots.content ? l(j, null, [e.slots.content && e.slots.content({
-      item: C.raw,
+      item: y.raw,
       index: m,
-      selectedItem: T
+      selectedItem: x
     })]) : l("div", {
       style: "margin: 10px 0;"
-    }, [C.raw[f.value || "name"]]);
+    }, [y.raw[f.value || "name"]]);
   }
-  function M(C, m, T) {
+  function k(y, m, x) {
     return l("li", {
-      class: S(C, m),
-      id: h(C, m),
-      key: h(C, m),
-      style: k(C, m),
-      onClick: (R) => F(C, m, R),
-      onMouseenter: (R) => g(R, C, m),
-      onMouseover: (R) => w(R, C, m),
-      onMouseout: (R) => y(R, C, m)
-    }, [d.value && l("div", {
+      class: S(y, m),
+      id: h(y, m),
+      key: h(y, m),
+      style: M(y, m),
+      onClick: (R) => F(y, m, R),
+      onMouseenter: (R) => g(R, y, m),
+      onMouseover: (R) => w(R, y, m),
+      onMouseout: (R) => b(R, y, m)
+    }, [r.value && l("div", {
       class: "f-list-select",
       onClick: (R) => R.stopPropagation()
     }, [l(X, {
-      id: "list-" + h(C, m),
+      id: "list-" + h(y, m),
       customClass: "listview-checkbox",
-      disabled: C[p.value],
-      checked: C.checked,
-      "onUpdate:checked": (R) => C.checked = R,
+      disabled: y[u.value],
+      checked: y.checked,
+      "onUpdate:checked": (R) => y.checked = R,
       onChange: (R) => {
-        x(C, m, !R.checked), B();
+        E(y, m, !R.checked), N();
       }
     }, null)]), l("div", {
       class: "f-list-content"
-    }, [v(C, m, T)])]);
+    }, [v(y, m, x)])]);
   }
   return {
-    renderItem: M
+    renderItem: k
   };
 }
-function Xe(o, e, t, n, a, i, s, c, r, u) {
-  const d = b(o.multiSelect), p = b(o.disableField), f = b(o.textField), {
+function Xe(i, e, t, n, a, o, s, d, c, p) {
+  const r = C(i.multiSelect), u = C(i.disableField), f = C(i.textField), {
     onMouseenterItem: g,
     onMouseoverItem: w,
-    onMouseoutItem: y
-  } = i, {
+    onMouseoutItem: b
+  } = o, {
     getKey: h,
     listViewItemClass: S,
-    onCheckItem: k,
-    onClickItem: x
+    onCheckItem: M,
+    onClickItem: E
   } = s, {
     dragstart: F,
-    dragenter: B,
+    dragenter: N,
     dragover: v,
-    dragend: M
+    dragend: k
   } = n, {
-    removeItem: C
-  } = r, m = U(() => ({
-    margin: d.value ? "10px 0" : "10px 0px 10px 14px"
+    removeItem: y
+  } = c, m = $(() => ({
+    margin: r.value ? "10px 0" : "10px 0px 10px 14px"
   }));
-  function T(V, I = "") {
+  function x(V, I = "") {
     const D = V.target;
     D.title = D.scrollWidth > D.clientWidth ? I : "";
   }
   function R(V) {
     return l("div", {
       style: m.value,
-      onMouseenter: (I) => T(I, V.raw[f.value || "name"])
+      onMouseenter: (I) => x(I, V.raw[f.value || "name"])
     }, [V.raw[f.value || "name"]]);
   }
-  function N() {
+  function B() {
     return e.slots.itemContent ? e.slots.itemContent : R;
   }
-  const L = N();
-  function E(V, I, D) {
+  const O = B();
+  function T(V, I, D) {
     return l("li", {
       class: S(V, I),
       id: h(V, I),
       key: h(V, I),
-      onClick: (P) => x(V, I, P),
+      onClick: (P) => E(V, I, P),
       onMouseenter: (P) => g(P, V, I),
       onMouseover: (P) => w(P, V, I),
-      onMouseout: (P) => y(P, V, I),
+      onMouseout: (P) => b(P, V, I),
       draggable: "true",
       onDragstart: (P) => F(P, V, I),
-      onDragenter: (P) => B(P, I),
-      onDragend: (P) => M(P, V),
+      onDragenter: (P) => N(P, I),
+      onDragend: (P) => k(P, V),
       onDragover: (P) => v(P)
-    }, [d.value && l("div", {
+    }, [r.value && l("div", {
       class: "f-list-select",
       onClick: (P) => P.stopPropagation()
     }, [l(X, {
       id: "list-" + h(V, I),
       customClass: "listview-checkbox",
-      disabled: V[p.value] || !V.checked,
+      disabled: V[u.value] || !V.checked,
       checked: V.checked,
       "onUpdate:checked": (P) => V.checked = P,
-      onChange: (P) => k(V, I, !P.checked)
+      onChange: (P) => M(V, I, !P.checked)
     }, null)]), l("div", {
       class: "f-list-content"
-    }, [L(V)]), l("div", {
+    }, [O(V)]), l("div", {
       class: "f-list-remove",
       onClick: (P) => {
-        P.stopPropagation(), C(I);
+        P.stopPropagation(), y(I);
       }
     }, [l("div", {
       class: "f-list-remove-icon"
@@ -234,92 +234,92 @@ function Xe(o, e, t, n, a, i, s, c, r, u) {
     }, null)])])]);
   }
   return {
-    renderItem: E
+    renderItem: T
   };
 }
-function Ye(o, e, t, n, a, i, s, c, r, u) {
+function Ye(i, e, t, n, a, o, s, d, c, p) {
   var h;
-  const d = b(((h = o.group) == null ? void 0 : h.groupFields) || []), {
-    collpaseGroupIconClass: p
+  const r = C(((h = i.group) == null ? void 0 : h.groupFields) || []), {
+    collpaseGroupIconClass: u
   } = a, {
     toggleGroupRow: f
-  } = u;
-  function g(S, k) {
-    k.collapse = !k.collapse, t.value = f(k.collapse ? "collapse" : "expand", k, t.value);
+  } = p;
+  function g(S, M) {
+    M.collapse = !M.collapse, t.value = f(M.collapse ? "collapse" : "expand", M, t.value);
   }
-  function w(S, k, x) {
+  function w(S, M, E) {
     return e.slots.group ? l(j, null, [e.slots.content && e.slots.group({
       item: S.raw,
-      index: k,
-      selectedItem: x
+      index: M,
+      selectedItem: E
     })]) : l("div", {
       class: "f-navlookup-recentHeader",
       onClick: (F) => g(F, S)
     }, [l("div", {
       class: "fv-grid-group-row-icon"
     }, [l("span", {
-      class: p(S)
+      class: u(S)
     }, null)]), l("div", {
       class: "f-navlookup-recommandLabel"
-    }, [S.raw[d.value[S.layer]]])]);
+    }, [S.raw[r.value[S.layer]]])]);
   }
-  function y(S, k, x) {
-    return S.layer > -1 && w(S, k, x);
+  function b(S, M, E) {
+    return S.layer > -1 && w(S, M, E);
   }
   return {
-    renderItem: y
+    renderItem: b
   };
 }
-function Je(o, e, t, n) {
-  const { dataView: a } = t, { updateSelectedItems: i } = n;
-  function s(c) {
-    if (c > -1 && c < a.value.length) {
-      if (o != null && o.checkBeforeRemoveItem && !o.checkBeforeRemoveItem(a.value[c]))
+function Je(i, e, t, n) {
+  const { dataView: a } = t, { updateSelectedItems: o } = n;
+  function s(d) {
+    if (d > -1 && d < a.value.length) {
+      if (i != null && i.checkBeforeRemoveItem && !i.checkBeforeRemoveItem(a.value[d]))
         return;
-      const r = a.value.splice(c, 1);
-      i(), e.emit("removeItem", r[0]);
+      const c = a.value.splice(d, 1);
+      o(), e.emit("removeItem", c[0]);
     }
   }
   return { removeItem: s };
 }
-function Qe(o, e, t, n, a, i, s, c, r, u) {
-  const d = b(o.view), p = b(o.view === "CardView"), f = b({}), g = Je(o, e, n, r), w = U(() => ({
+function Qe(i, e, t, n, a, o, s, d, c, p) {
+  const r = C(i.view), u = C(i.view === "CardView"), f = C({}), g = Je(i, e, n, c), w = $(() => ({
     "f-list-view-group": !0,
-    "f-list-view-group-multiselect": o.multiSelect,
-    "d-flex": p.value,
-    "flex-wrap": p.value
-  })), y = U(() => !!t.value && t.value.length > 0), h = U(() => t.value.length === 0);
-  U(() => h.value && !e.slots.empty);
+    "f-list-view-group-multiselect": i.multiSelect,
+    "d-flex": u.value,
+    "flex-wrap": u.value
+  })), b = $(() => !!t.value && t.value.length > 0), h = $(() => t.value.length === 0);
+  $(() => h.value && !e.slots.empty);
   function S() {
-    return d.value === "SingleView" ? ee : d.value === "DraggableView" ? Xe : (d.value === "ContentView" || d.value === "CardView") && (o.contentTemplate || e.slots.content) ? Ke : ee;
+    return r.value === "SingleView" ? te : r.value === "DraggableView" ? Xe : (r.value === "ContentView" || r.value === "CardView") && (i.contentTemplate || e.slots.content) ? Ke : te;
   }
-  const k = S(), {
-    renderItem: x
-  } = k(o, e, t, u, a, i, r, s, g, c), {
+  const M = S(), {
+    renderItem: E
+  } = M(i, e, t, p, a, o, c, s, g, d), {
     renderItem: F
-  } = Ye(o, e, t, u, a, i, r, s, g, c), B = [x, F];
+  } = Ye(i, e, t, p, a, o, c, s, g, d), N = [E, F];
   function v() {
-    return t.value.filter((m) => m.visible !== !1).map((m, T) => B[m.type](m, T, f));
+    return t.value.filter((m) => m.visible !== !1).map((m, x) => N[m.type](m, x, f));
   }
-  function M() {
+  function k() {
     return l("div", {
       class: "f-list-view-emptydata",
       style: "margin: 0 auto;"
     }, [l("p", {
       class: "f-empty-title"
-    }, [o.emptyTemplate ? o.emptyTemplate() : e.slots.empty ? e.slots.empty() : He.getLocaleValue("listView.emptyMessage")])]);
+    }, [i.emptyTemplate ? i.emptyTemplate() : e.slots.empty ? e.slots.empty() : qe.getLocaleValue("listView.emptyMessage")])]);
   }
-  function C() {
+  function y() {
     return l("ul", {
       class: w.value,
       style: "list-style: none;"
-    }, [y.value && v(), h.value && M()]);
+    }, [b.value && v(), h.value && k()]);
   }
   return {
-    renderListArea: C
+    renderListArea: y
   };
 }
-function Ze(o, e, t) {
+function Ze(i, e, t) {
   function n() {
     return e.slots.header && l("div", {
       class: "f-list-view-header"
@@ -329,29 +329,29 @@ function Ze(o, e, t) {
     renderHeader: n
   };
 }
-function te(o, e, t) {
-  const n = b(o.headerClass), a = b(o.placeholder), i = b(""), s = U(() => !i.value), c = U(() => !!i.value);
-  function r(f) {
-    i.value = "";
+function ne(i, e, t) {
+  const n = C(i.headerClass), a = C(i.placeholder), o = C(""), s = $(() => !o.value), d = $(() => !!o.value);
+  function c(f) {
+    o.value = "";
   }
-  Me(i, (f) => {
-    o.enableHighlightSearch && t.search(f), e.emit("afterSearch", f);
+  Me(o, (f) => {
+    i.enableHighlightSearch && t.search(f), e.emit("afterSearch", f);
   });
-  const u = U(() => {
+  const p = $(() => {
     const f = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return n.value && n.value.split(" ").reduce((w, y) => (w[y] = !0, w), f), f;
+    return n.value && n.value.split(" ").reduce((w, b) => (w[b] = !0, w), f), f;
   });
-  function d(f) {
+  function r(f) {
   }
-  function p() {
+  function u() {
     return l("div", {
       class: "f-list-view-header",
-      onClick: ke(() => d, ["prevent", "stop"])
+      onClick: ke(() => r, ["prevent", "stop"])
     }, [l("div", {
-      class: u.value
+      class: p.value
     }, [l("div", {
       class: "farris-input-wrap"
     }, [l("div", {
@@ -360,16 +360,16 @@ function te(o, e, t) {
       class: "input-group f-state-editable"
     }, [xe(l("input", {
       class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (f) => i.value = f,
+      "onUpdate:modelValue": (f) => o.value = f,
       name: "input-group-value",
       type: "text",
       placeholder: a.value,
       autocomplete: "off"
-    }, null), [[Ee, i.value]]), l("div", {
+    }, null), [[Ee, o.value]]), l("div", {
       class: "input-group-append"
-    }, [c.value && l("span", {
+    }, [d.value && l("span", {
       class: "input-group-text input-group-clear",
-      onClick: (f) => r()
+      onClick: (f) => c()
     }, [l("i", {
       class: "f-icon f-icon-close-circle"
     }, null)]), s.value && l("span", {
@@ -379,54 +379,54 @@ function te(o, e, t) {
     }, null)])])])])])])]);
   }
   return {
-    renderHeader: p
+    renderHeader: u
   };
 }
 function et() {
-  const o = b(""), e = b(-1), t = b(""), n = b(-1), a = b(!1);
-  function i(p, f, g) {
+  const i = C(""), e = C(-1), t = C(""), n = C(-1), a = C(!1);
+  function o(u, f, g) {
     n.value = g;
   }
-  function s(p, f, g) {
+  function s(u, f, g) {
     a.value || (n.value = g);
   }
-  function c(p, f, g) {
+  function d(u, f, g) {
     n.value = -1;
   }
-  function r() {
+  function c() {
     a.value = !0;
   }
-  function u() {
+  function p() {
     a.value = !1;
   }
-  function d() {
-    e.value = -1, o.value = "";
+  function r() {
+    e.value = -1, i.value = "";
   }
   return {
     activeIndex: e,
     focusedItemId: t,
     hoverIndex: n,
-    clearActiveItem: d,
-    onMouseenterItem: i,
+    clearActiveItem: r,
+    onMouseenterItem: o,
     onMouseoverItem: s,
-    onMouseoutItem: c,
-    resumeHover: u,
-    suspendHover: r
+    onMouseoutItem: d,
+    resumeHover: p,
+    suspendHover: c
   };
 }
-function tt(o, e, t, n) {
-  const a = b(o.idField), { dataView: i } = t, s = b(-1), c = b(!1), { activeIndex: r, focusedItemId: u, hoverIndex: d, resumeHover: p, suspendHover: f } = n;
-  let g, w = 0, y = 0;
-  function h(v, M) {
-    const C = v - w, m = M - y;
-    g.style.left = parseInt(g.style.left) + C + "px", g.style.top = parseInt(g.style.top) + m + "px", w = v, y = M;
+function tt(i, e, t, n) {
+  const a = C(i.idField), { dataView: o } = t, s = C(-1), d = C(!1), { activeIndex: c, focusedItemId: p, hoverIndex: r, resumeHover: u, suspendHover: f } = n;
+  let g, w = 0, b = 0;
+  function h(v, k) {
+    const y = v - w, m = k - b;
+    g.style.left = parseInt(g.style.left) + y + "px", g.style.top = parseInt(g.style.top) + m + "px", w = v, b = k;
   }
   function S(v) {
-    const { left: M, top: C } = v.getBoundingClientRect(), m = v.cloneNode(!0);
+    const { left: k, top: y } = v.getBoundingClientRect(), m = v.cloneNode(!0);
     return m.className = m.className + " f-listview-drag-moving", m.style.cssText = `
         position:absolute;
-        left:${M}px;
-        top:${document.documentElement.scrollTop ? C + document.documentElement.scrollTop : C}px;
+        left:${k}px;
+        top:${document.documentElement.scrollTop ? y + document.documentElement.scrollTop : y}px;
         z-index: 999999;
         pointer-events: none;
         border-radius: 10px;
@@ -442,120 +442,120 @@ function tt(o, e, t, n) {
         overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
         `, m.children[1].style.cssText = "width: 30px;padding: 0 14px 0 0", m.children[2].style.cssText = "padding: 0 14px 0 0;", document.body.appendChild(m), m;
   }
-  function k(v, M, C) {
-    if (v.stopPropagation(), f(), M) {
+  function M(v, k, y) {
+    if (v.stopPropagation(), f(), k) {
       if (g = S(v.target), v.dataTransfer) {
         const m = new Image();
         m.src = "", v.dataTransfer.setDragImage(m, 0, 0);
       }
-      w = v.pageX, y = v.pageY, setTimeout(() => {
-        s.value = C, c.value = !0, M.moving = !0;
+      w = v.pageX, b = v.pageY, setTimeout(() => {
+        s.value = y, d.value = !0, k.moving = !0;
       });
     }
   }
-  function x(v, M) {
-    if (v.preventDefault(), s.value !== M) {
-      const C = i.value[s.value], m = i.value;
-      m.splice(s.value, 1), m.splice(M, 0, C), s.value = M, h(v.pageX, v.pageY);
+  function E(v, k) {
+    if (v.preventDefault(), s.value !== k) {
+      const y = o.value[s.value], m = o.value;
+      m.splice(s.value, 1), m.splice(k, 0, y), s.value = k, h(v.pageX, v.pageY);
     }
   }
   function F(v) {
     v.preventDefault(), v.dataTransfer && (v.dataTransfer.dropEffect = "move"), h(v.pageX, v.pageY);
   }
-  function B(v, M) {
-    M && (M.moving = !1, g && (document.body.removeChild(g), g = null)), i.value.forEach((C, m) => {
-      C.__fv_index__ = m;
-    }), c.value = !1, p(), d.value = M.raw.__fv_index__, r.value = M.raw.__fv_index__, u.value = M.raw[a.value], e.emit("change", i.value), e.emit("activeChange", [M.raw]);
+  function N(v, k) {
+    k && (k.moving = !1, g && (document.body.removeChild(g), g = null)), o.value.forEach((y, m) => {
+      y.__fv_index__ = m;
+    }), d.value = !1, u(), r.value = k.raw.__fv_index__, c.value = k.raw.__fv_index__, p.value = k.raw[a.value], e.emit("change", o.value), e.emit("activeChange", [k.raw]);
   }
   return {
-    dragstart: k,
-    dragenter: x,
+    dragstart: M,
+    dragenter: E,
     dragover: F,
-    dragend: B,
-    isDragging: c
+    dragend: N,
+    isDragging: d
   };
 }
-function nt(o, e, t, n, a, i) {
-  const s = b(o.idField), c = b(o.disableField), r = b(o.draggable);
-  b(o.itemClass);
-  const u = b(o.selection.multiSelect ?? !1), d = b(o.selection.multiSelectMode), { isDragging: p } = n, { activeIndex: f, focusedItemId: g, hoverIndex: w } = a, { clearSelection: y, getSelectedItems: h, toggleSelectItem: S, currentSelectedDataId: k } = i, x = b(h()), F = (E) => x.value.length === 0 ? !1 : x.value.some((V) => {
+function nt(i, e, t, n, a, o) {
+  const s = C(i.idField), d = C(i.disableField), c = C(i.draggable);
+  C(i.itemClass);
+  const p = C(i.selection.multiSelect ?? !1), r = C(i.selection.multiSelectMode), { isDragging: u } = n, { activeIndex: f, focusedItemId: g, hoverIndex: w } = a, { clearSelection: b, getSelectedItems: h, toggleSelectItem: S, currentSelectedDataId: M } = o, E = C(h()), F = (T) => E.value.length === 0 ? !1 : E.value.some((V) => {
     let I = "";
-    return V.data ? I = V.data[s.value] : I = V[s.value], I === E;
+    return V.data ? I = V.data[s.value] : I = V[s.value], I === T;
   });
-  function B() {
-    x.value = h();
+  function N() {
+    E.value = h();
   }
-  function v(E, V) {
-    return E.raw[s.value] != null ? E.raw[s.value] : "";
+  function v(T, V) {
+    return T.raw[s.value] != null ? T.raw[s.value] : "";
   }
-  function M(E, V) {
+  function k(T, V) {
     const I = {
       "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": r.value,
-      "f-un-click": !E.checked,
-      "f-un-select": !!E.raw[c.value],
+      "f-list-view-draggable-item": c.value,
+      "f-un-click": !T.checked,
+      "f-un-select": !!T.raw[d.value],
       "f-listview-active": (
         // 多选
-        u.value && F(v(E)) || // 单选
-        !u.value && E.raw[s.value] === k.value
+        p.value && F(v(T)) || // 单选
+        !p.value && T.raw[s.value] === M.value
       ),
-      "f-listview-hover": !p.value && V === w.value,
-      moving: !!E.moving
+      "f-listview-hover": !u.value && V === w.value,
+      moving: !!T.moving
     };
-    if (typeof o.itemClass == "string")
-      return Z(I, o.itemClass);
-    if (typeof o.itemClass == "function") {
-      const D = o.itemClass(E);
-      return Z(I, D);
+    if (typeof i.itemClass == "string")
+      return ee(I, i.itemClass);
+    if (typeof i.itemClass == "function") {
+      const D = i.itemClass(T);
+      return ee(I, D);
     }
     return I;
   }
-  function C(E, V) {
+  function y(T, V) {
     const I = {};
-    if (typeof o.itemStyle == "string")
-      return Q(I, o.itemStyle);
-    if (typeof o.itemStyle == "function") {
-      const D = o.itemStyle(E);
-      return Q(I, D);
+    if (typeof i.itemStyle == "string")
+      return Z(I, i.itemStyle);
+    if (typeof i.itemStyle == "function") {
+      const D = i.itemStyle(T);
+      return Z(I, D);
     }
     return I;
   }
-  const m = U(() => !u.value);
-  function T(E, V, I) {
-    E.checked = I, !E.raw[c.value] && (m.value && (g.value = E.raw[s.value]), S(E));
+  const m = $(() => !p.value);
+  function x(T, V, I) {
+    T.checked = I, !T.raw[d.value] && (m.value && (g.value = T.raw[s.value]), S(T));
   }
-  const R = U(() => u.value && d.value === "OnCheckClearByClick"), N = U(() => !u.value || u.value && (d.value === "OnCheckAndClick" || d.value === "OnClick"));
-  function L(E, V, I) {
-    if (E.raw[c.value]) {
+  const R = $(() => p.value && r.value === "OnCheckClearByClick"), B = $(() => !p.value || p.value && (r.value === "OnCheckAndClick" || r.value === "OnClick"));
+  function O(T, V, I) {
+    if (T.raw[d.value]) {
       I == null || I.preventDefault(), I == null || I.stopPropagation();
       return;
     }
-    k.value = E.raw[s.value], g.value = E.raw[s.value], f.value = V, R.value && y(), N.value && (S(E), B()), e.emit("clickItem", { data: x.value, index: V, dataItem: E.raw }), e.emit("activeChange", x.value);
+    M.value = T.raw[s.value], g.value = T.raw[s.value], f.value = V, R.value && b(), B.value && (S(T), N()), e.emit("clickItem", { data: E.value, index: V, dataItem: T.raw }), e.emit("activeChange", E.value);
   }
   return {
     getKey: v,
-    selectedItems: x,
-    listViewItemClass: M,
-    listViewItemStyle: C,
-    updateSelectedItems: B,
-    onCheckItem: T,
-    onClickItem: L
+    selectedItems: E,
+    listViewItemClass: k,
+    listViewItemStyle: y,
+    updateSelectedItems: N,
+    onCheckItem: x,
+    onClickItem: O
   };
 }
-const q = /* @__PURE__ */ new Map([
+const H = /* @__PURE__ */ new Map([
   ["appearance", Ve]
 ]), st = "root-viewmodel";
-function it(o, e) {
+function it(i, e) {
   const {
     formSchemaUtils: t,
     designViewModelUtils: n
   } = e;
-  function a(d) {
+  function a(r) {
     return {
-      id: `${d.componentId}-component-viewmodel`,
-      code: `${d.componentId}-component-viewmodel`,
-      name: d.componentName,
-      bindTo: d.bindTo,
+      id: `${r.componentId}-component-viewmodel`,
+      code: `${r.componentId}-component-viewmodel`,
+      name: r.componentName,
+      bindTo: r.bindTo,
       parent: st,
       fields: [],
       commands: [],
@@ -563,88 +563,88 @@ function it(o, e) {
       enableValidation: !0
     };
   }
-  function i(d) {
-    const p = o.getSchemaByType("component-ref");
-    return Object.assign(p, {
-      id: `${d.componentId}-component-ref`,
-      component: `${d.componentId}-component`
-    }), p;
+  function o(r) {
+    const u = i.getSchemaByType("component-ref");
+    return Object.assign(u, {
+      id: `${r.componentId}-component-ref`,
+      component: `${r.componentId}-component`
+    }), u;
   }
-  function s(d, p, f) {
-    var h, S, k, x;
-    const g = (S = (h = p == null ? void 0 : p.parentComponentInstance) == null ? void 0 : h.schema) == null ? void 0 : S.type, w = (x = (k = t.getFormSchema()) == null ? void 0 : k.module) == null ? void 0 : x.templateId;
+  function s(r, u, f) {
+    var h, S, M, E;
+    const g = (S = (h = u == null ? void 0 : u.parentComponentInstance) == null ? void 0 : h.schema) == null ? void 0 : S.type, w = (E = (M = t.getFormSchema()) == null ? void 0 : M.module) == null ? void 0 : E.templateId;
     if (["double-list-template", "tree-list-template", "list-template"].includes(w))
-      return d;
-    const y = [A["content-container"].type, A["response-layout-item"].type, A["splitter-pane"].type, A.drawer.type];
-    if (g && y.includes(g)) {
-      const F = o.getSchemaByType(
+      return r;
+    const b = [L["content-container"].type, L["response-layout-item"].type, L["splitter-pane"].type, L.drawer.type];
+    if (g && b.includes(g)) {
+      const F = i.getSchemaByType(
         "section",
         {
-          parentComponentInstance: p.parentComponentInstance,
-          mainTitle: p.componentName
+          parentComponentInstance: u.parentComponentInstance,
+          mainTitle: u.componentName
         },
         e
       );
       if (F && F.contents && F.contents.length) {
-        const B = F.contents[0];
-        return B.contents = [d], F;
+        const N = F.contents[0];
+        return N.contents = [r], F;
       }
     }
-    return d;
+    return r;
   }
-  function c(d) {
-    var w, y, h;
-    const p = o.getSchemaByType("list-view");
+  function d(r) {
+    var w, b, h;
+    const u = i.getSchemaByType("list-view");
     let f = !1;
-    const g = (h = (y = (w = d.parentComponentInstance) == null ? void 0 : w.schema) == null ? void 0 : y.appearance) == null ? void 0 : h.class;
-    return g && g.includes("f-page-main") && (f = !0), Object.assign(p, {
-      id: d.componentId + "-listView",
+    const g = (h = (b = (w = r.parentComponentInstance) == null ? void 0 : w.schema) == null ? void 0 : b.appearance) == null ? void 0 : h.class;
+    return g && g.includes("f-page-main") && (f = !0), Object.assign(u, {
+      id: r.componentId + "-listView",
       appearance: {
         class: f ? "" : "f-grid-is-sub"
       },
       type: "list-view",
-      dataSource: d.dataSource || "",
+      dataSource: r.dataSource || "",
       pagination: {
         enable: !1
       }
-    }), [p];
+    }), [u];
   }
-  function r(d) {
-    var y, h, S;
-    const p = o.getSchemaByType("component"), f = c(d);
+  function c(r) {
+    var b, h, S;
+    const u = i.getSchemaByType("component"), f = d(r);
     let g = !1;
-    const w = (S = (h = (y = d.parentComponentInstance) == null ? void 0 : y.schema) == null ? void 0 : h.appearance) == null ? void 0 : S.class;
-    return w && w.includes("f-page-main") && (g = !0), Object.assign(p, {
-      id: `${d.componentId}-component`,
-      viewModel: `${d.componentId}-component-viewmodel`,
-      componentType: d.componentType,
+    const w = (S = (h = (b = r.parentComponentInstance) == null ? void 0 : b.schema) == null ? void 0 : h.appearance) == null ? void 0 : S.class;
+    return w && w.includes("f-page-main") && (g = !0), Object.assign(u, {
+      id: `${r.componentId}-component`,
+      viewModel: `${r.componentId}-component-viewmodel`,
+      componentType: r.componentType,
       contents: f,
       appearance: {
         class: g ? "f-struct-wrapper f-utils-fill-flex-column" : ""
       }
-    }), p;
+    }), u;
   }
-  function u(d) {
-    const p = i(d), f = r(d), g = a(d), w = t.getFormSchema();
-    return w.module.viewmodels.push(g), w.module.components.push(f), n.assembleDesignViewModel(), s(p, d);
+  function p(r) {
+    const u = o(r), f = c(r), g = a(r), w = t.getFormSchema();
+    return w.module.viewmodels.push(g), w.module.components.push(f), n.assembleDesignViewModel(), s(u, r);
   }
-  return { createComponent: u };
+  return { createComponent: p };
 }
-function H(o, e, t, n) {
-  var i, s, c, r, u, d;
+function q(i, e, t, n) {
+  var o, s, d, c, p, r;
   const a = t.parentComponentInstance;
   if (a && n) {
-    const p = Math.random().toString(36).slice(2, 6), f = {
-      componentId: `list-view-${p}`,
-      componentName: ((i = t.bindingSourceContext) == null ? void 0 : i.entityTitle) || ((c = (s = t.bindingSourceContext) == null ? void 0 : s.bindingEntity) == null ? void 0 : c.name) || `列表-${p}`,
+    const u = Math.random().toString(36).slice(2, 6), f = {
+      componentId: `list-view-${u}`,
+      componentName: ((o = t.bindingSourceContext) == null ? void 0 : o.entityTitle) || ((d = (s = t.bindingSourceContext) == null ? void 0 : s.bindingEntity) == null ? void 0 : d.name) || `列表-${u}`,
       componentType: "list-view",
       parentContainerId: a.schema.id,
       parentComponentInstance: a,
       // editable: true,
-      bindTo: ((r = t.bindingSourceContext) == null ? void 0 : r.bindTo) || "",
-      dataSource: (d = (u = t.bindingSourceContext) == null ? void 0 : u.bindingEntity) == null ? void 0 : d.label
+      bindTo: ((c = t.bindingSourceContext) == null ? void 0 : c.bindTo) || "",
+      dataSource: (r = (p = t.bindingSourceContext) == null ? void 0 : p.bindingEntity) == null ? void 0 : r.label
       // selectedFields: context.bindingSourceContext?.bindingEntityFields
-    }, { createComponent: g } = it(o, n);
+    }, { createComponent: g } = it(i, n);
     return g(f);
   } else
     return e;
@@ -744,9 +744,9 @@ const ot = "https://json-schema.org/draft/2020-12/schema", at = "https://farris-
 }, ut = [
   "id",
   "type"
-], pt = {
+], mt = {
   onClickItem: "行点击事件"
-}, le = {
+}, re = {
   $schema: ot,
   $id: at,
   title: lt,
@@ -754,48 +754,48 @@ const ot = "https://json-schema.org/draft/2020-12/schema", at = "https://farris-
   type: ct,
   properties: dt,
   required: ut,
-  events: pt
-}, Y = he(Ce, "headerTemplate"), _t = ne(Y, le, q, H), re = se(
+  events: mt
+}, Y = we(be, "headerTemplate"), _t = se(Y, re, H, q), ce = ie(
   Y,
-  le,
-  q,
-  H
+  re,
+  H,
+  q
 ), z = {
   "tab-page": { type: "tab-page" },
   section: { type: "section" },
   "list-view": { name: "列表" }
 };
-function mt(o) {
-  const { formSchemaUtils: e, formStateMachineUtils: t } = o;
-  function n(r, u = "") {
+function pt(i) {
+  const { formSchemaUtils: e, formStateMachineUtils: t } = i;
+  function n(c, p = "") {
     return {
-      path: u + r.code,
-      field: r.id,
-      fullPath: r.code
+      path: p + c.code,
+      field: c.id,
+      fullPath: c.code
     };
   }
-  function a(r, u = "") {
-    const d = e.getViewModelById(r);
-    return d ? d.states.map((p) => n(p, u)) : [];
+  function a(c, p = "") {
+    const r = e.getViewModelById(c);
+    return r ? r.states.map((u) => n(u, p)) : [];
   }
-  function i(r) {
-    const u = e.getRootViewModelId(), d = a(r);
-    if (r === u)
-      return d;
-    const p = a(u, "root-component.");
-    return [...d, ...p];
+  function o(c) {
+    const p = e.getRootViewModelId(), r = a(c);
+    if (c === p)
+      return r;
+    const u = a(p, "root-component.");
+    return [...r, ...u];
   }
-  function s(r) {
-    return r.binding && r.binding.path || r.id || "";
+  function s(c) {
+    return c.binding && c.binding.path || c.id || "";
   }
-  function c() {
+  function d() {
     return t && t.getRenderStates() || [];
   }
-  return { getVariables: i, getControlName: s, getStateMachines: c };
+  return { getVariables: o, getControlName: s, getStateMachines: d };
 }
 class ft {
   constructor(e) {
-    $(this, "sessionVariables", [
+    U(this, "sessionVariables", [
       {
         key: "CurrentSysOrgName",
         name: "当前组织Name",
@@ -832,7 +832,7 @@ class ft {
         description: "当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"
       }
     ]);
-    $(this, "expressionNames", {
+    U(this, "expressionNames", {
       compute: "计算表达式",
       dependency: "依赖表达式",
       validate: "验证表达式",
@@ -841,20 +841,20 @@ class ft {
       readonly: "只读表达式",
       required: "必填表达式"
     });
-    $(this, "getExpressionConverter", (e, t) => ({
-      convertFrom: (n, a, i, s) => {
-        const c = i.getExpressionRuleValue(e, t || a);
-        return c && c.value || "";
+    U(this, "getExpressionConverter", (e, t) => ({
+      convertFrom: (n, a, o, s) => {
+        const d = o.getExpressionRuleValue(e, t || a);
+        return d && d.value || "";
       },
-      convertTo: (n, a, i, s, c) => {
-        var r;
-        if (a === "dataPicking" && (i != null && i.target)) {
-          const u = `${i.target}_dataPicking`;
-          ((r = i.rules) == null ? void 0 : r.some(
-            (p) => p.id === u && p.value
-          )) ? n.dictPickingExpressionId = u : delete n.dictPickingExpressionId;
+      convertTo: (n, a, o, s, d) => {
+        var c;
+        if (a === "dataPicking" && (o != null && o.target)) {
+          const p = `${o.target}_dataPicking`;
+          ((c = o.rules) == null ? void 0 : c.some(
+            (u) => u.id === p && u.value
+          )) ? n.dictPickingExpressionId = p : delete n.dictPickingExpressionId;
         }
-        s.updateExpression(i);
+        s.updateExpression(o);
       }
     }));
     this.formSchemaService = e;
@@ -866,8 +866,8 @@ class ft {
     const a = n.find((s) => s.target === e);
     if (!a)
       return "";
-    const i = a.rules.find((s) => s.type === t);
-    return i || "";
+    const o = a.rules.find((s) => s.type === t);
+    return o || "";
   }
   // 获取上下文表单变量
   getContextFormVariables() {
@@ -878,12 +878,12 @@ class ft {
     if (!n || !n.states || n.states.length === 0)
       return [];
     const a = [];
-    return n.states.filter((i) => i.category === "remote").forEach((i) => {
+    return n.states.filter((o) => o.category === "remote").forEach((o) => {
       a.push({
-        key: i.code,
-        name: i.name,
-        description: i.name,
-        category: i.category
+        key: o.code,
+        name: o.name,
+        description: o.name,
+        category: o.category
       });
     }), a;
   }
@@ -899,11 +899,11 @@ class ft {
   buildEntityFieldsTreeData(e = null, t) {
     const n = [];
     return e == null || e.forEach((a) => {
-      var c;
-      const i = this.createTreeNode(a, t);
+      var d;
+      const o = this.createTreeNode(a, t);
       let s = [];
-      (c = a.type) != null && c.fields && (s = this.buildEntityFieldsTreeData(a.type.fields, [...t, a.label])), n.push({
-        data: i,
+      (d = a.type) != null && d.fields && (s = this.buildEntityFieldsTreeData(a.type.fields, [...t, a.label])), n.push({
+        data: o,
         children: s,
         expanded: !0
       });
@@ -912,12 +912,12 @@ class ft {
   buildChildEntityTreeData(e = null, t) {
     const n = [];
     return e == null || e.forEach((a) => {
-      var r, u;
-      const i = this.createTreeNode(a, t);
-      i.type = "entity";
-      const s = this.buildEntityFieldsTreeData((r = a.type) == null ? void 0 : r.fields, [...t, a.label]), c = this.buildChildEntityTreeData((u = a.type) == null ? void 0 : u.entities, [...t, a.label]);
-      c != null && c.length && (s == null || s.push(...c)), n.push({
-        data: i,
+      var c, p;
+      const o = this.createTreeNode(a, t);
+      o.type = "entity";
+      const s = this.buildEntityFieldsTreeData((c = a.type) == null ? void 0 : c.fields, [...t, a.label]), d = this.buildChildEntityTreeData((p = a.type) == null ? void 0 : p.entities, [...t, a.label]);
+      d != null && d.length && (s == null || s.push(...d)), n.push({
+        data: o,
         children: s || [],
         // 空值回退
         expanded: !0
@@ -958,58 +958,58 @@ class ft {
     };
   }
   onBeforeOpenExpression(e, t, n) {
-    const a = n === "Field" ? e.binding.field : e.id, i = this.getExpressionRule(a, t), s = this.getEntitiesAndVariables(), c = {
-      message: ["validate", "required", "dataPicking"].includes(t) && i ? i.message : "",
+    const a = n === "Field" ? e.binding.field : e.id, o = this.getExpressionRule(a, t), s = this.getEntitiesAndVariables(), d = {
+      message: ["validate", "required", "dataPicking"].includes(t) && o ? o.message : "",
       ...s
     };
-    return i.messageType != null && (c.messageType = i.messageType), c;
+    return o.messageType != null && (d.messageType = o.messageType), d;
   }
   buildRule(e, t, n, a) {
-    const { expression: i, message: s, messageType: c } = t, r = {
+    const { expression: o, message: s, messageType: d } = t, c = {
       id: `${e}_${n}`,
       type: n,
-      value: i
+      value: o
     };
-    return (n === "validate" || n === "dataPicking" || n === "required") && (r.message = s), n === "dataPicking" && (r.messageType = c), n === "validate" && a && (r.elementId = a), r;
+    return (n === "validate" || n === "dataPicking" || n === "required") && (c.message = s), n === "dataPicking" && (c.messageType = d), n === "validate" && a && (c.elementId = a), c;
   }
   getExpressionData() {
     const { expressions: e } = this.formSchemaService.getFormSchema().module;
     return e || [];
   }
   updateExpression(e, t, n, a) {
-    const i = t === "Field" ? e.binding.field : e.id, s = this.buildRule(i, n, a, e.type === "form-group" ? e.id : "");
-    let r = this.getExpressionData().find((d) => d.targetType === t && d.target === i);
-    const u = (d) => d.value.trim() === "";
-    if (r) {
-      const d = r.rules.find((p) => p.id === s.id);
-      if (d)
-        u(s) ? r.rules = r.rules.filter((p) => p.id !== s.id) : (Object.assign(d, s), a === "validate" && e.type === "form-group" && (d.elementId = e.id));
+    const o = t === "Field" ? e.binding.field : e.id, s = this.buildRule(o, n, a, e.type === "form-group" ? e.id : "");
+    let c = this.getExpressionData().find((r) => r.targetType === t && r.target === o);
+    const p = (r) => r.value.trim() === "";
+    if (c) {
+      const r = c.rules.find((u) => u.id === s.id);
+      if (r)
+        p(s) ? c.rules = c.rules.filter((u) => u.id !== s.id) : (Object.assign(r, s), a === "validate" && e.type === "form-group" && (r.elementId = e.id));
       else {
-        if (u(s))
+        if (p(s))
           return null;
-        r.rules = r.rules || [], r.rules.push(s);
+        c.rules = c.rules || [], c.rules.push(s);
       }
     } else {
-      if (u(s))
+      if (p(s))
         return null;
-      r = {
-        target: `${i}`,
+      c = {
+        target: `${o}`,
         rules: [s],
         targetType: t
       };
     }
-    return r;
+    return c;
   }
   getExpressionEditorOptions(e, t, n, a) {
-    return n.reduce((i, s) => {
-      var r, u;
-      const c = t === "Field" ? (r = e == null ? void 0 : e.binding) == null ? void 0 : r.field : e.id;
-      return i[s] = {
-        hide: t === "Field" ? !!((u = e == null ? void 0 : e.binding) != null && u.field) : !1,
+    return n.reduce((o, s) => {
+      var c, p;
+      const d = t === "Field" ? (c = e == null ? void 0 : e.binding) == null ? void 0 : c.field : e.id;
+      return o[s] = {
+        hide: t === "Field" ? !!((p = e == null ? void 0 : e.binding) != null && p.field) : !1,
         description: "",
         title: this.expressionNames[s],
         type: "string",
-        $converter: this.getExpressionConverter(c),
+        $converter: this.getExpressionConverter(d),
         refreshPanelAfterChanged: !0,
         editor: {
           type: "expression-editor",
@@ -1018,26 +1018,26 @@ class ft {
           showMessage: s === "validate" || s === "dataPicking" || s === "required",
           showMessageType: s === "dataPicking",
           beforeOpen: () => this.onBeforeOpenExpression(e, s, t),
-          onSubmitModal: (d) => {
-            const p = this.updateExpression(e, t, d, s);
+          onSubmitModal: (r) => {
+            const u = this.updateExpression(e, t, r, s);
             if (a) {
-              const f = this.buildRule(c, d, s);
+              const f = this.buildRule(d, r, s);
               a(f);
             }
-            return p;
+            return u;
           }
         }
-      }, i;
+      }, o;
     }, {});
   }
   getExpressionInfo(e, t, n) {
-    const a = t === "Field" ? e.binding.field : e.id, i = this.getExpressionRule(a, n), s = {
-      value: i && i.value,
+    const a = t === "Field" ? e.binding.field : e.id, o = this.getExpressionRule(a, n), s = {
+      value: o && o.value,
       targetId: a,
       targetType: t,
       expressionType: n
     };
-    return i && i.message && (s.message = i.message), s;
+    return o && o.message && (s.message = o.message), s;
   }
   getExpressionConfig(e, t, n = ["compute", "dependency", "validate"], a) {
     return {
@@ -1062,19 +1062,19 @@ class ft {
 }
 class gt {
   constructor(e, t) {
-    $(this, "componentId");
-    $(this, "viewModelId");
-    $(this, "eventsEditorUtils");
-    $(this, "formSchemaUtils");
-    $(this, "formMetadataConverter");
-    $(this, "designViewModelUtils");
-    $(this, "designViewModelField");
-    $(this, "controlCreatorUtils");
-    $(this, "designerHostService");
-    $(this, "designerContext");
-    $(this, "schemaService", null);
-    $(this, "metadataService", null);
-    $(this, "propertyConfig", {
+    U(this, "componentId");
+    U(this, "viewModelId");
+    U(this, "eventsEditorUtils");
+    U(this, "formSchemaUtils");
+    U(this, "formMetadataConverter");
+    U(this, "designViewModelUtils");
+    U(this, "designViewModelField");
+    U(this, "controlCreatorUtils");
+    U(this, "designerHostService");
+    U(this, "designerContext");
+    U(this, "schemaService", null);
+    U(this, "metadataService", null);
+    U(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
@@ -1095,7 +1095,7 @@ class gt {
     if (t) {
       if (!this.designViewModelField) {
         const a = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = a.fields.find((i) => i.id === t);
+        this.designViewModelField = a.fields.find((o) => o.id === t);
       }
       e.updateOn = (n = this.designViewModelField) == null ? void 0 : n.updateOn;
     }
@@ -1121,7 +1121,7 @@ class gt {
             valueField: "value",
             idField: "value",
             editable: !1,
-            data: [{ value: e.type, name: A[e.type] && A[e.type].name }]
+            data: [{ value: e.type, name: L[e.type] && L[e.type].name }]
           }
         }
       }
@@ -1131,7 +1131,7 @@ class gt {
     const a = {
       title: "外观",
       description: "Appearance"
-    }, i = {
+    }, o = {
       class: {
         title: "class样式",
         type: "string",
@@ -1148,11 +1148,11 @@ class gt {
       }
     };
     for (const s in t)
-      i[s] = Object.assign(i[s] || {}, t[s]);
+      o[s] = Object.assign(o[s] || {}, t[s]);
     return {
       ...a,
-      properties: { ...i },
-      setPropertyRelates(s, c) {
+      properties: { ...o },
+      setPropertyRelates(s, d) {
         if (s) {
           switch (s && s.propertyID) {
             case "class":
@@ -1161,7 +1161,7 @@ class gt {
               break;
             }
           }
-          n && n(s, e, c);
+          n && n(s, e, d);
         }
       }
     };
@@ -1176,12 +1176,12 @@ class gt {
    * @param expressionType 指定表达式类型，存在属性和表达式类型不一致的情况
    * @returns 
    */
-  getPropertyEditorParams(e, t = [], n = "visible", a = {}, i = {}, s = "") {
-    const { getVariables: c, getControlName: r, getStateMachines: u } = mt(this.designerHostService), d = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], f = {
+  getPropertyEditorParams(e, t = [], n = "visible", a = {}, o = {}, s = "") {
+    const { getVariables: d, getControlName: c, getStateMachines: p } = pt(this.designerHostService), r = this.getRealTargetType(e), u = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], f = {
       type: "property-editor",
-      propertyTypes: p
+      propertyTypes: u
     };
-    return p.map((g) => {
+    return u.map((g) => {
       switch (g) {
         case "Const":
           Object.assign(f, {
@@ -1190,30 +1190,30 @@ class gt {
           }, a);
           break;
         case "Expression":
-          f.expressionConfig = this.getExpressionOptions(e, d, s || n);
+          f.expressionConfig = this.getExpressionOptions(e, r, s || n);
           break;
         case "StateMachine":
-          f.stateMachines = u();
+          f.stateMachines = p();
           break;
         case "Variable":
           Object.assign(f, {
-            controlName: r(e),
+            controlName: c(e),
             newVariablePrefix: "is",
             newVariableType: "Boolean",
-            variables: c(this.viewModelId),
+            variables: d(this.viewModelId),
             parentComponentId: this.componentId === "root-component" ? "" : "root-component",
             onBeforeOpenVariables: (w) => {
-              w.value = c(this.viewModelId);
+              w.value = d(this.viewModelId);
             }
-          }, i), this.designerContext.designerMode === "PC_RTC" && (f.newVariablePrefix = "ext_" + f.newVariablePrefix);
+          }, o), this.designerContext.designerMode === "PC_RTC" && (f.newVariablePrefix = "ext_" + f.newVariablePrefix);
           break;
       }
     }), f;
   }
   getVisibleProperty(e, t = "") {
-    var i;
+    var o;
     let n = ["Const", "Variable", "StateMachine", "Expression"];
-    return t === "gridFieldEditor" ? n = ["Const", "Expression"] : t === "form-group" && !((i = e.binding) != null && i.field) && (n = ["Const", "Variable", "StateMachine"]), {
+    return t === "gridFieldEditor" ? n = ["Const", "Expression"] : t === "form-group" && !((o = e.binding) != null && o.field) && (n = ["Const", "Variable", "StateMachine"]), {
       visible: {
         title: "是否可见",
         type: "boolean",
@@ -1229,26 +1229,26 @@ class gt {
    * @returns 
    */
   getBehaviorConfig(e, t = "", n = {}, a) {
-    const i = {
+    const o = {
       title: "行为",
       description: ""
     }, s = this.getVisibleProperty(e, t);
-    for (const r in n)
-      s[r] = Object.assign(s[r] || {}, n[r]);
-    const c = this;
+    for (const c in n)
+      s[c] = Object.assign(s[c] || {}, n[c]);
+    const d = this;
     return {
-      ...i,
+      ...o,
       properties: { ...s },
-      setPropertyRelates(r, u) {
-        if (r) {
-          switch (r.propertyID) {
+      setPropertyRelates(c, p) {
+        if (c) {
+          switch (c.propertyID) {
             case "disabled":
             case "readonly":
             case "visible":
-              c.afterMutilEditorChanged(e, r);
+              d.afterMutilEditorChanged(e, c);
               break;
           }
-          a && a(r, u);
+          a && a(c, p);
         }
       }
     };
@@ -1271,8 +1271,8 @@ class gt {
     const n = t && t.parent && t.parent.schema;
     if (!n)
       return;
-    const a = n.contents.findIndex((s) => s.id === e), i = We(n.contents[a]);
-    n.contents.splice(a, 1), n.contents.splice(a, 0, i), Pe();
+    const a = n.contents.findIndex((s) => s.id === e), o = We(n.contents[a]);
+    n.contents.splice(a, 1), n.contents.splice(a, 0, o), Pe();
   }
   /**
    * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
@@ -1302,16 +1302,16 @@ class gt {
     const t = e.propertyValue;
     if (!((t && t.type) === "Expression" && t.expressionInfo))
       return;
-    const { expressionId: i, expressionInfo: s } = t, { targetId: c, targetType: r, expressionType: u, value: d, message: p } = s, f = this.formSchemaUtils.getModule();
+    const { expressionId: o, expressionInfo: s } = t, { targetId: d, targetType: c, expressionType: p, value: r, message: u } = s, f = this.formSchemaUtils.getModule();
     f.expressions = f.expressions || [];
     const { expressions: g } = f;
-    let w = g.find((h) => h.target === c);
-    w || (w = { target: c, rules: [], targetType: r }, g.push(w));
-    const y = w.rules.find((h) => h.type === u);
-    if (y)
-      y.value = d, y.message = p;
+    let w = g.find((h) => h.target === d);
+    w || (w = { target: d, rules: [], targetType: c }, g.push(w));
+    const b = w.rules.find((h) => h.type === p);
+    if (b)
+      b.value = r, b.message = u;
     else {
-      const h = { id: i, type: u, value: d, message: p };
+      const h = { id: o, type: p, value: r, message: u };
       w.rules.push(h);
     }
     delete t.expressionInfo;
@@ -1326,8 +1326,8 @@ class gt {
     const n = e.propertyValue;
     if (n && n.type === "Expression")
       return;
-    const i = e.propertyID, s = this.formSchemaUtils.getExpressions(), c = t.binding ? t.binding.field : t.id, r = s.find((u) => u.target === c);
-    !r || !r.rules || (r.rules = r.rules.filter((u) => u.type !== i));
+    const o = e.propertyID, s = this.formSchemaUtils.getExpressions(), d = t.binding ? t.binding.field : t.id, c = s.find((p) => p.target === d);
+    !c || !c.rules || (c.rules = c.rules.filter((p) => p.type !== o));
   }
   getExpressionOptions(e, t, n) {
     return new ft(this.formSchemaUtils).getExpressionOptions(e, t, n);
@@ -1357,13 +1357,13 @@ class vt extends gt {
     return this.getBasicPropConfig(e), this.getAppearanceProperties(e), this.getEventPropConfig(e), this.propertyConfig;
   }
   getBasicPropConfig(e) {
-    var s, c, r;
-    const t = (r = (c = (s = this.formSchemaUtils.getFormSchema()) == null ? void 0 : s.module) == null ? void 0 : c.entity[0]) == null ? void 0 : r.entities[0], n = this.assembleSchemaEntityToTree(t, 0), a = this, i = super.getBasicPropConfig(e);
+    var s, d, c;
+    const t = (c = (d = (s = this.formSchemaUtils.getFormSchema()) == null ? void 0 : s.module) == null ? void 0 : d.entity[0]) == null ? void 0 : c.entities[0], n = this.assembleSchemaEntityToTree(t, 0), a = this, o = super.getBasicPropConfig(e);
     this.propertyConfig.categories.basic = {
       description: "Basic Information",
       title: "基本信息",
       properties: {
-        ...i.properties,
+        ...o.properties,
         dataSource: {
           description: "绑定数据源",
           title: "绑定数据源",
@@ -1377,13 +1377,13 @@ class vt extends gt {
           readonly: !0
         }
       },
-      setPropertyRelates(u, d) {
-        switch (u && u.propertyID) {
+      setPropertyRelates(p, r) {
+        switch (p && p.propertyID) {
           case "dataSource": {
-            const p = a.formSchemaUtils.getViewModelById(a.viewModelId);
-            if (p) {
-              const f = n.find((g) => g.label === u.propertyValue);
-              p.bindTo = f.bindTo;
+            const u = a.formSchemaUtils.getViewModelById(a.viewModelId);
+            if (u) {
+              const f = n.find((g) => g.label === p.propertyValue);
+              u.bindTo = f.bindTo;
             }
             a.designViewModelUtils.assembleDesignViewModel();
             break;
@@ -1395,16 +1395,16 @@ class vt extends gt {
   /**
    * 将schema实体表组装成树
    */
-  assembleSchemaEntityToTree(e, t, n, a = "", i = []) {
+  assembleSchemaEntityToTree(e, t, n, a = "", o = []) {
     const s = a ? `${a}/${e.label}` : "/";
-    return i.push({
+    return o.push({
       id: e.id,
       name: e.name,
       label: e.label,
       layer: t,
       parent: n && n.id,
       bindTo: s.replace("//", "/")
-    }), e.type.entities && e.type.entities.length && e.type.entities.map((c) => this.assembleSchemaEntityToTree(c, t + 1, e, s, i)), i;
+    }), e.type.entities && e.type.entities.length && e.type.entities.map((d) => this.assembleSchemaEntityToTree(d, t + 1, e, s, o)), o;
   }
   getAppearanceProperties(e) {
     this.propertyConfig.categories.appearance = {
@@ -1422,7 +1422,7 @@ class vt extends gt {
           editor: {
             type: "code-editor",
             language: "javascript",
-            leftTemplate: () => l(j, null, [l("h5", null, [O("示例代码")]), l("pre", null, [`
+            leftTemplate: () => l(j, null, [l("h5", null, [A("示例代码")]), l("pre", null, [`
 (dataItem) => {
     if(dataItem.code === '0001') {
         return 'bg-danger text-center';
@@ -1442,7 +1442,7 @@ class vt extends gt {
           editor: {
             type: "code-editor",
             language: "javascript",
-            leftTemplate: () => l(j, null, [l("h5", null, [O("示例代码")]), l("pre", null, [`
+            leftTemplate: () => l(j, null, [l("h5", null, [A("示例代码")]), l("pre", null, [`
 (dataItem) => {
     if(dataItem.code === '0001') {
         return 'textAlign:center;color:green';
@@ -1505,18 +1505,18 @@ class vt extends gt {
       name: "行点击事件"
     }];
     (s = e.pagination) == null || s.enable;
-    const n = this, a = n.eventsEditorUtils.formProperties(e, n.viewModelId, t), i = n.createBaseEventProperty(a);
+    const n = this, a = n.eventsEditorUtils.formProperties(e, n.viewModelId, t), o = n.createBaseEventProperty(a);
     this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: i,
+      properties: o,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(c, r) {
-        const u = c.propertyValue;
-        delete e[n.viewModelId], u && (u.setPropertyRelates = this.setPropertyRelates, n.eventsEditorUtils.saveRelatedParameters(e, n.viewModelId, u.events, u)), e.remoteSort = !!e.columnSorted, e.command && (e.command.onClickEditCommand = e.onClickEditCommand, e.command.onClickDeleteCommand = e.onClickDeleteCommand);
+      setPropertyRelates(d, c) {
+        const p = d.propertyValue;
+        delete e[n.viewModelId], p && (p.setPropertyRelates = this.setPropertyRelates, n.eventsEditorUtils.saveRelatedParameters(e, n.viewModelId, p.events, p)), e.remoteSort = !!e.columnSorted, e.command && (e.command.onClickEditCommand = e.onClickEditCommand, e.command.onClickDeleteCommand = e.onClickDeleteCommand);
       }
     };
   }
@@ -1525,57 +1525,166 @@ class vt extends gt {
     return e && e.bindTo ? e.bindTo.trim() !== "/" : !1;
   }
 }
-function ht(o, e) {
-  const t = o.schema, n = b(!0), a = b(!0);
-  function i(p) {
+function ht(i, e) {
+  const t = i.schema, n = C(!0), a = C(!0);
+  function o(u) {
     return !1;
   }
   function s() {
     return !1;
   }
-  function c() {
+  function d() {
     return !1;
   }
-  function r() {
+  function c() {
     return !0;
   }
-  function u(p) {
-    return new vt(p, e).getPropertyConfig(t);
+  function p(u) {
+    return new vt(u, e).getPropertyConfig(t);
   }
-  function d() {
-    var p, f, g, w;
-    if (o && e) {
-      const y = (p = o == null ? void 0 : o.componentInstance) == null ? void 0 : p.value.belongedComponentId;
+  function r() {
+    var u, f, g, w;
+    if (i && e) {
+      const b = (u = i == null ? void 0 : i.componentInstance) == null ? void 0 : u.value.belongedComponentId;
       let h = "", S = "";
-      const { formSchemaUtils: k } = e;
-      if (y) {
-        const F = k.getRootViewModelId(), B = k.getComponentByViewModelId(F), v = k.selectNode(B, (M) => M.contents && M.contents.find((C) => C.component === y));
+      const { formSchemaUtils: M } = e;
+      if (b) {
+        const F = M.getRootViewModelId(), N = M.getComponentByViewModelId(F), v = M.selectNode(N, (k) => k.contents && k.contents.find((y) => y.component === b));
         (v == null ? void 0 : v.type) === ((f = z["tab-page"]) == null ? void 0 : f.type) && ((g = v == null ? void 0 : v.contents) != null && g.length) && (h = v.title || ""), (v == null ? void 0 : v.type) === ((w = z.section) == null ? void 0 : w.type) && (v == null ? void 0 : v.showHeader) !== !1 && (h = v.mainTitle || ""), h = h ? `${h} > ` : "", S = h ? v.id : "";
       }
-      const x = z["list-view"].name;
-      e == null || e.formSchemaUtils.getControlBasicInfoMap().set(o.schema.id, {
-        componentTitle: x,
-        parentPathName: `${h}${x}`,
+      const E = z["list-view"].name;
+      e == null || e.formSchemaUtils.getControlBasicInfoMap().set(i.schema.id, {
+        componentTitle: E,
+        parentPathName: `${h}${E}`,
         reliedComponentId: S
       });
     }
   }
   return {
-    canAccepts: i,
+    canAccepts: o,
     checkCanDeleteComponent: s,
-    checkCanMoveComponent: c,
-    hideNestedPaddingInDesginerView: r,
+    checkCanMoveComponent: d,
+    hideNestedPaddingInDesginerView: c,
     triggerBelongedComponentToMoveWhenMoved: n,
     triggerBelongedComponentToDeleteWhenDeleted: a,
-    getPropsConfig: u,
-    setComponentBasicInfoMap: d
+    getPropsConfig: p,
+    setComponentBasicInfoMap: r
   };
 }
-const ce = /* @__PURE__ */ ie({
+const wt = "https://json-schema.org/draft/2020-12/schema", yt = "https://farris-design.gitee.io/list-view-table.schema.json", Ct = "list-view-table", bt = "A Farris Component", It = "object", Vt = {
+  id: {
+    description: "The unique identifier for list-view-table",
+    type: "string"
+  },
+  type: {
+    description: "The type string of list-view-table",
+    type: "string",
+    default: "list-view-table"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disable: {
+    type: "string",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  require: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, St = [
+  "id",
+  "type"
+], de = {
+  $schema: wt,
+  $id: yt,
+  title: Ct,
+  description: bt,
+  type: It,
+  properties: Vt,
+  required: St
+}, Mt = "list-view-table", kt = "A Farris Component", xt = "object", Et = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, Tt = {
+  title: Mt,
+  description: kt,
+  type: xt,
+  categories: Et
+}, J = {
+  data: { type: Array, default: [] }
+};
+se(J, de, H, q, Tt);
+const ue = ie(
+  J,
+  de,
+  H,
+  q
+), me = /* @__PURE__ */ oe({
   name: "FListViewTableDesign",
-  props: be,
+  props: J,
   emits: ["outputValue", "currentEvent", "selectionChanged"],
-  setup(o, e) {
+  setup(i, e) {
     const t = [{
       name: "任芳",
       code: "1.山东大学",
@@ -1626,11 +1735,11 @@ const ce = /* @__PURE__ */ ie({
       amount: 84.13,
       avatar: "./assets/avatar7.png"
     }];
-    U(() => o.data.length > 0 ? o.data : t);
-    const n = b(), a = K("design-item-context"), i = ae(n, a);
-    return oe(() => {
-      n.value.componentInstance = i;
-    }), e.expose(i.value), () => l("div", {
+    $(() => i.data.length > 0 ? i.data : t);
+    const n = C(), a = K("design-item-context"), o = le(n, a);
+    return ae(() => {
+      n.value.componentInstance = o;
+    }), e.expose(o.value), () => l("div", {
       ref: n
     }, [l("div", {
       class: "ide-list-view h-100"
@@ -1664,9 +1773,9 @@ const ce = /* @__PURE__ */ ie({
       class: "listview-item-btns"
     }, [l("button", {
       class: "btn btn-link"
-    }, [O(" "), "编辑"]), l("button", {
+    }, [A(" "), "编辑"]), l("button", {
       class: "btn btn-link"
-    }, [O(" "), "删除"])])])])])]), l("li", {
+    }, [A(" "), "删除"])])])])])]), l("li", {
       class: "ide-list-view-group-item"
     }, [l("div", {
       class: "ide-list-content"
@@ -1690,7 +1799,7 @@ const ce = /* @__PURE__ */ ie({
       class: "listview-item-btns"
     }, [l("button", {
       class: "btn btn-link"
-    }, [O(" "), "编辑"]), l("button", {
+    }, [A(" "), "编辑"]), l("button", {
       class: "btn btn-link"
     }, ["删除"])])])])])]), l("li", {
       class: "ide-list-view-group-item"
@@ -1716,179 +1825,70 @@ const ce = /* @__PURE__ */ ie({
       class: "listview-item-btns"
     }, [l("button", {
       class: "btn btn-link"
-    }, [O(" "), "编辑"]), l("button", {
+    }, [A(" "), "编辑"]), l("button", {
       class: "btn btn-link"
     }, ["删除"])])])])])])])])])])]);
   }
-}), G = /* @__PURE__ */ ie({
+}), G = /* @__PURE__ */ oe({
   name: "FListViewDesign",
   props: Y,
   emits: ["checkValuesChange", "clickItem", "selectionChange", "removeItem", "change"],
-  setup(o, e) {
-    const t = b(), n = b(!0), a = b(!1), i = b([]), s = 0, c = b(o.columns), r = Fe(o, e), u = Re(o), d = Ne(o), p = Be(o, u), f = $e(o, /* @__PURE__ */ new Map(), r, d, u), g = Ue(o, f, u, i, e), w = ze(o, t), y = b(), h = K("designer-host-service"), S = K("design-item-context"), k = ht(S, h), x = ae(y, S, k), F = U(() => f.dataView.value.length), B = De(o, e, g, u), v = Oe(o, e, u, B, i), M = Ae(o), C = Le(o, {}, M), m = _e(o, f, v, d, u, M, C), T = je(o, u, C, m), R = Ge(o, u, C, m), N = qe(o, c, f, F, s, m, T, R), {
-      getVisualData: L
-    } = N;
-    i.value = L(0, F.value + s - 1), oe(() => {
-      y.value.componentInstance = x;
-    }), e.expose(x.value);
-    const E = U(() => {
+  setup(i, e) {
+    const t = C(i.rowOption.rowHeight || 28), n = C(), a = C(!0), o = C(!1), s = C([]), d = 0, c = C(i.columns), p = Fe(i, e), r = Re(i), u = Ne(i), f = Be(i, r), g = Ue(i, /* @__PURE__ */ new Map(), p, u, r), w = $e(i, g, r, s, e), b = ze(i, n), h = C(), S = K("designer-host-service"), M = K("design-item-context"), E = ht(M, S), F = le(h, M, E), N = $(() => g.dataView.value.length), v = De(i, e, w, r), k = Oe(i, e, r, v, s), y = Ae(i, g, t), m = Le(i, {}, y), x = _e(i, g, k, u, r, y, m, t), R = je(i, r, m, x), B = Ge(i, r, m, x), O = He(i, c, g, N, d, x, R, B), {
+      getVisualData: T
+    } = O;
+    s.value = T(0, N.value + d - 1), ae(() => {
+      h.value.componentInstance = F;
+    }), e.expose(F.value);
+    const V = $(() => {
       const _ = {
         "f-list-view": !0,
-        "f-list-view-multiple": o.multiSelect,
+        "f-list-view-multiple": i.multiSelect,
         "w-100": !0,
         "h-100": !0
       };
-      return o.size !== "default" && (_[`${o.size}-item`] = !0), _;
-    }), V = U(() => !!e.slots.footer || n.value);
-    function I() {
-      return o.header === "SearchBar" ? te : o.header === "ContentHeader" ? Ze : te;
+      return i.size !== "default" && (_[`${i.size}-item`] = !0), _;
+    }), I = $(() => !!e.slots.footer || a.value);
+    function D() {
+      return i.header === "SearchBar" ? ne : i.header === "ContentHeader" ? Ze : ne;
     }
-    const D = I(), {
-      renderHeader: P
-    } = D(o, e, w), W = et(), J = tt(o, e, f, W), me = nt(o, e, i, J, W, g);
-    Qe(o, e, i, f, p, W, g, N, me, J);
-    function fe(_) {
-      o.multiSelect && (_.preventDefault(), _.stopPropagation());
+    const P = D(), {
+      renderHeader: pe
+    } = P(i, e, b), W = et(), Q = tt(i, e, g, W), fe = nt(i, e, s, Q, W, w);
+    Qe(i, e, s, g, f, W, w, O, fe, Q);
+    function ge(_) {
+      i.multiSelect && (_.preventDefault(), _.stopPropagation());
     }
     return () => l("div", {
-      ref: y,
-      class: E.value,
-      onClick: fe
-    }, [P(), l("div", {
-      ref: t,
+      ref: h,
+      class: V.value,
+      onClick: ge
+    }, [pe(), l("div", {
+      ref: n,
       class: "f-list-view-content",
       onMouseover: () => {
-        a.value = !0;
+        o.value = !0;
       },
       onMouseleave: () => {
-        a.value = !1;
+        o.value = !1;
       }
-    }, [l(ce, null, null)]), V.value && l("div", {
+    }, [l(me, null, null)]), I.value && l("div", {
       class: "f-list-view-footer"
     }, [e.slots.footer && e.slots.footer()])]);
   }
-}), wt = "https://json-schema.org/draft/2020-12/schema", yt = "https://farris-design.gitee.io/list-view-table.schema.json", Ct = "list-view-table", bt = "A Farris Component", It = "object", Vt = {
-  id: {
-    description: "The unique identifier for list-view-table",
-    type: "string"
-  },
-  type: {
-    description: "The type string of list-view-table",
-    type: "string",
-    default: "list-view-table"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  placeholder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  }
-}, St = [
-  "id",
-  "type"
-], de = {
-  $schema: wt,
-  $id: yt,
-  title: Ct,
-  description: bt,
-  type: It,
-  properties: Vt,
-  required: St
-}, Mt = "list-view-table", kt = "A Farris Component", xt = "object", Et = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, Tt = {
-  title: Mt,
-  description: kt,
-  type: xt,
-  categories: Et
-}, ue = {
-  data: { type: Array, default: [] }
-};
-ne(ue, de, q, H, Tt);
-const pe = se(
-  ue,
-  de,
-  q,
-  H
-), Pt = Se();
-G.register = (o, e, t, n, a) => {
-  o["list-view"] = ye, e["list-view"] = re(a), o["list-view-table"] = Ie, e["list-view-table"] = pe(a), n["list-view"] = { bindingResolver: Pt };
+}), Pt = Se();
+G.register = (i, e, t, n, a) => {
+  i["list-view"] = Ce, e["list-view"] = ce(a), i["list-view-table"] = Ie, e["list-view-table"] = ue(a), n["list-view"] = { bindingResolver: Pt };
 };
-G.registerDesigner = (o, e, t, n) => {
-  o["list-view"] = G, e["list-view"] = re(n), o["list-view-table"] = ce, e["list-view-table"] = pe(n);
+G.registerDesigner = (i, e, t, n) => {
+  i["list-view"] = G, e["list-view"] = ce(n), i["list-view-table"] = me, e["list-view-table"] = ue(n);
 };
-const jt = we(G);
+const jt = ye(G);
 export {
   G as FListViewDesign,
   Pt as bindingResolver,
   jt as default,
   Y as listViewDesignProps,
   _t as propsResolver,
-  re as propsResolverGenerator
+  ce as propsResolverGenerator
 };