@farris/ui-vue 1.7.0-beta.4 → 1.7.0

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

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