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

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

@@ -1,9 +1,11 @@
-import { ref as v, computed as x, createVNode as t, Fragment as z, watch as Z, withModifiers as we, withDirectives as ye, vModelText as Se, defineComponent as ee, createTextVNode as Y } from "vue";
-import { getCustomStyle as $, getCustomClass as W } from "../common/index.esm.js";
-import { useFilter as Ie, useIdentify as ke, useHierarchy as be, useGroupData as Ve, useDataView as Fe, useSelection as De, usePagination as Re, useRow as Me, useEdit as Te, useVisualDataBound as Oe, useVisualDataCell as Be, useVisualDataRow as He, useVisualGroupRow as Pe, useVisualSummaryRow as xe, useVisualData as je, useSidebar as Le, useColumn as _e, useVirtualScroll as Ge, getPagination as Ae } from "../data-view/index.esm.js";
-import { LocaleService as Ee } from "../locale/index.esm.js";
-import { FCheckbox as K } from "../checkbox/index.esm.js";
-const te = {
+import { ref as y, computed as L, createVNode as n, Fragment as $, watch as ee, withModifiers as ke, withDirectives as Ve, vModelText as Fe, defineComponent as te, createTextVNode as X } from "vue";
+import { getCustomStyle as Y, getCustomClass as W } from "../common/index.esm.js";
+import { useFilter as Te, useIdentify as Me, useHierarchy as De, useGroupData as Re, useDataView as Oe, useSelection as Be, usePagination as je, useRow as Ne, useEdit as Pe, useVisualDataBound as Le, useVisualDataCell as xe, useVisualDataRow as He, useVisualGroupRow as _e, useVisualSummaryRow as Ae, useVisualData as Ge, useSidebar as Ee, useColumn as $e, useVirtualScroll as ze, getPagination as Ue } from "../data-view/index.esm.js";
+import { LocaleService as We } from "../locale/index.esm.js";
+import { FCheckbox as q } from "../checkbox/index.esm.js";
+import { resolveAppearance as qe, createPropsResolver as Ke, getPropsResolverGenerator as Xe } from "../dynamic-resolver/index.esm.js";
+import { DgControl as E } from "../designer-canvas/index.esm.js";
+const ne = {
   /** 列集合 */
   columns: {
     type: Array,
@@ -71,657 +73,654 @@ const te = {
   /** 分页 */
   pagination: { type: Object, default: { enable: !1, size: 20 } }
 };
-function ze(e, l) {
-  function w(a) {
-    const s = [];
-    let h = a.nextNode();
-    for (; h; )
-      s.push(h), h = a.nextNode();
-    return s;
-  }
-  function S(a, s) {
-    const h = document.createTreeWalker(a, NodeFilter.SHOW_TEXT);
-    return w(h).map((I) => ({ textNode: I, text: (I.textContent || "").toLocaleLowerCase() })).map(({ textNode: I, text: i }) => {
-      const u = [];
-      let M = 0;
-      for (; M < i.length; ) {
-        const k = i.indexOf(s, M);
-        if (k === -1)
+function Ye(e, o) {
+  function v(a) {
+    const c = [];
+    let m = a.nextNode();
+    for (; m; )
+      c.push(m), m = a.nextNode();
+    return c;
+  }
+  function I(a, c) {
+    const m = document.createTreeWalker(a, NodeFilter.SHOW_TEXT);
+    return v(m).map((r) => ({ textNode: r, text: (r.textContent || "").toLocaleLowerCase() })).map(({ textNode: r, text: i }) => {
+      const l = [];
+      let C = 0;
+      for (; C < i.length; ) {
+        const S = i.indexOf(c, C);
+        if (S === -1)
           break;
-        u.push(k), M = k + s.length;
+        l.push(S), C = S + c.length;
       }
-      return u.map((k) => {
-        const p = new Range();
-        return p.setStart(I, k), p.setEnd(I, k + s.length), p;
+      return l.map((S) => {
+        const f = new Range();
+        return f.setStart(r, S), f.setEnd(r, S + c.length), f;
       });
     }).flat();
   }
-  function C(a) {
-    if (!CSS.highlights || (CSS.highlights.clear(), !a || !l))
+  function w(a) {
+    if (!CSS.highlights || (CSS.highlights.clear(), !a || !o))
       return;
-    const s = S(l.value, a.toLocaleLowerCase()), h = new Highlight(...s);
-    CSS.highlights.set("search-result", h);
+    const c = I(o.value, a.toLocaleLowerCase()), m = new Highlight(...c);
+    CSS.highlights.set("search-result", m);
   }
-  return { search: C };
+  return { search: w };
 }
-function q(e, l, w, S, C, a, s, h, O, g) {
-  const V = v(e.size), I = v(e.textField), i = v(e.titleField), u = v(e.disableField), M = x(() => {
-    var n, m;
-    return ((n = e.selection) == null ? void 0 : n.multiSelect) && ((m = e.selection) == null ? void 0 : m.showCheckbox);
+function J(e, o, v, I, w, a, c, m, D, g) {
+  const s = y(e.size), r = y(e.textField), i = y(e.titleField), l = y(e.disableField), C = L(() => {
+    var t, M;
+    return ((t = e.selection) == null ? void 0 : t.multiSelect) && ((M = e.selection) == null ? void 0 : M.showCheckbox);
   }), {
-    onMouseenterItem: k,
-    onMouseoverItem: p,
-    onMouseoutItem: D
+    onMouseenterItem: S,
+    onMouseoverItem: f,
+    onMouseoutItem: b
   } = a, {
-    getKey: R,
-    listViewItemClass: T,
-    listViewItemStyle: H,
-    onCheckItem: j,
-    onClickItem: c
-  } = s, o = x(() => {
-    const n = {
+    getKey: V,
+    listViewItemClass: R,
+    listViewItemStyle: B,
+    onCheckItem: P,
+    onClickItem: h
+  } = c, k = L(() => {
+    const t = {
       "text-overflow": "ellipsis",
       overflow: "hidden",
       "white-space": "nowrap"
     };
-    return e.itemClass ? n : {
-      margin: V.value === "small" ? "0.25rem 0" : "8px 0",
-      ...n
+    return e.itemClass ? t : {
+      margin: s.value === "small" ? "0.25rem 0" : "8px 0",
+      ...t
     };
   });
-  function f(n, m, _) {
-    return n.checked = h.findIndexInSelectedItems(n) > -1, t("li", {
-      class: T(n, m),
-      id: R(n, m),
-      key: R(n, m),
-      style: H(n, m),
-      onClick: (B) => c(n, m, B),
-      onMouseenter: (B) => k(B, n, m),
-      onMouseover: (B) => p(B, n, m),
-      onMouseout: (B) => D(B, n, m)
-    }, [M.value && t("div", {
+  function u(t, M, j) {
+    return t.checked = m.findIndexInSelectedItems(t) > -1, n("li", {
+      class: R(t, M),
+      id: V(t, M),
+      key: V(t, M),
+      style: B(t, M),
+      onClick: (N) => h(t, M, N),
+      onMouseenter: (N) => S(N, t, M),
+      onMouseover: (N) => f(N, t, M),
+      onMouseout: (N) => b(N, t, M)
+    }, [C.value && n("div", {
       class: "f-list-select",
-      onClick: (B) => B.stopPropagation()
-    }, [t(K, {
-      id: "list-" + R(n, m),
+      onClick: (N) => N.stopPropagation()
+    }, [n(q, {
+      id: "list-" + V(t, M),
       customClass: "listview-checkbox float-left",
-      disabled: n[u.value],
-      checked: n.checked,
-      "onUpdate:checked": (B) => n.checked = B,
-      onChange: (B) => {
-        j(n, m, !B.checked);
+      disabled: t[l.value],
+      checked: t.checked,
+      "onUpdate:checked": (N) => t.checked = N,
+      onChange: (N) => {
+        P(t, M, !N.checked);
       }
-    }, null)]), t("div", {
+    }, null)]), n("div", {
       class: "f-list-content"
-    }, [t("div", {
+    }, [n("div", {
       class: e.itemContentClass,
-      style: o.value,
-      title: n.raw[i.value] || n.raw[I.value]
-    }, [n.raw[I.value]])])]);
+      style: k.value,
+      title: t.raw[i.value] || t.raw[r.value]
+    }, [t.raw[r.value]])])]);
   }
   return {
-    renderItem: f
+    renderItem: u
   };
 }
-function Ne(e, l, w, S, C, a, s, h, O, g) {
-  const V = v(e.multiSelect), I = v(e.disableField), i = v(e.textField), {
-    onMouseenterItem: u,
-    onMouseoverItem: M,
-    onMouseoutItem: k
+function Je(e, o, v, I, w, a, c, m, D, g) {
+  const s = y(e.multiSelect), r = y(e.disableField), i = y(e.textField), {
+    onMouseenterItem: l,
+    onMouseoverItem: C,
+    onMouseoutItem: S
   } = a, {
-    getKey: p,
-    listViewItemClass: D,
-    listViewItemStyle: R,
-    onCheckItem: T,
-    onClickItem: H
-  } = s;
-  function j(o, f, n) {
-    return e.contentTemplate ? t(z, null, [e.contentTemplate({
-      item: o.raw,
-      index: f,
-      selectedItem: n
-    })]) : l.slots.content ? t(z, null, [l.slots.content && l.slots.content({
-      item: o.raw,
-      index: f,
-      selectedItem: n
-    })]) : t("div", {
+    getKey: f,
+    listViewItemClass: b,
+    listViewItemStyle: V,
+    onCheckItem: R,
+    onClickItem: B,
+    updateSelectedItems: P
+  } = c;
+  function h(u, t, M) {
+    return e.contentTemplate ? n($, null, [e.contentTemplate({
+      item: u.raw,
+      index: t,
+      selectedItem: M
+    })]) : o.slots.content ? n($, null, [o.slots.content && o.slots.content({
+      item: u.raw,
+      index: t,
+      selectedItem: M
+    })]) : n("div", {
       style: "margin: 10px 0;"
-    }, [o.raw[i.value || "name"]]);
-  }
-  function c(o, f, n) {
-    return t("li", {
-      class: D(o, f),
-      id: p(o, f),
-      key: p(o, f),
-      style: R(o, f),
-      onClick: (m) => H(o, f, m),
-      onMouseenter: (m) => u(m, o, f),
-      onMouseover: (m) => M(m, o, f),
-      onMouseout: (m) => k(m, o, f)
-    }, [V.value && t("div", {
+    }, [u.raw[i.value || "name"]]);
+  }
+  function k(u, t, M) {
+    return n("li", {
+      class: b(u, t),
+      id: f(u, t),
+      key: f(u, t),
+      style: V(u, t),
+      onClick: (j) => B(u, t, j),
+      onMouseenter: (j) => l(j, u, t),
+      onMouseover: (j) => C(j, u, t),
+      onMouseout: (j) => S(j, u, t)
+    }, [s.value && n("div", {
       class: "f-list-select",
-      onClick: (m) => m.stopPropagation()
-    }, [t(K, {
-      id: "list-" + p(o, f),
+      onClick: (j) => j.stopPropagation()
+    }, [n(q, {
+      id: "list-" + f(u, t),
       customClass: "listview-checkbox",
-      disabled: o[I.value],
-      checked: o.checked,
-      "onUpdate:checked": (m) => o.checked = m,
-      onChange: (m) => T(o, f, !m.checked)
-    }, null)]), t("div", {
+      disabled: u[r.value],
+      checked: u.checked,
+      "onUpdate:checked": (j) => u.checked = j,
+      onChange: (j) => {
+        R(u, t, !j.checked), P();
+      }
+    }, null)]), n("div", {
       class: "f-list-content"
-    }, [j(o, f, n)])]);
+    }, [h(u, t, M)])]);
   }
   return {
-    renderItem: c
+    renderItem: k
   };
 }
-function Ue(e, l, w, S, C, a, s, h, O, g) {
-  const V = v(e.multiSelect), I = v(e.disableField), i = v(e.textField), {
-    onMouseenterItem: u,
-    onMouseoverItem: M,
-    onMouseoutItem: k
+function Qe(e, o, v, I, w, a, c, m, D, g) {
+  const s = y(e.multiSelect), r = y(e.disableField), i = y(e.textField), {
+    onMouseenterItem: l,
+    onMouseoverItem: C,
+    onMouseoutItem: S
   } = a, {
-    getKey: p,
-    listViewItemClass: D,
-    onCheckItem: R,
-    onClickItem: T
-  } = s, {
-    dragstart: H,
-    dragenter: j,
-    dragover: c,
-    dragend: o
-  } = S, {
-    removeItem: f
-  } = O, n = x(() => ({
-    margin: V.value ? "10px 0" : "10px 0px 10px 14px"
+    getKey: f,
+    listViewItemClass: b,
+    onCheckItem: V,
+    onClickItem: R
+  } = c, {
+    dragstart: B,
+    dragenter: P,
+    dragover: h,
+    dragend: k
+  } = I, {
+    removeItem: u
+  } = D, t = L(() => ({
+    margin: s.value ? "10px 0" : "10px 0px 10px 14px"
   }));
-  function m(r, d = "") {
-    const P = r.target;
-    P.title = P.scrollWidth > P.clientWidth ? d : "";
-  }
-  function _(r) {
-    return t("div", {
-      style: n.value,
-      onMouseenter: (d) => m(d, r.raw[i.value || "name"])
-    }, [r.raw[i.value || "name"]]);
-  }
-  function B() {
-    return l.slots.itemContent ? l.slots.itemContent : _;
-  }
-  const G = B();
-  function y(r, d, P) {
-    return t("li", {
-      class: D(r, d),
-      id: p(r, d),
-      key: p(r, d),
-      onClick: (F) => T(r, d, F),
-      onMouseenter: (F) => u(F, r, d),
-      onMouseover: (F) => M(F, r, d),
-      onMouseout: (F) => k(F, r, d),
+  function M(p, d = "") {
+    const x = p.target;
+    x.title = x.scrollWidth > x.clientWidth ? d : "";
+  }
+  function j(p) {
+    return n("div", {
+      style: t.value,
+      onMouseenter: (d) => M(d, p.raw[i.value || "name"])
+    }, [p.raw[i.value || "name"]]);
+  }
+  function N() {
+    return o.slots.itemContent ? o.slots.itemContent : j;
+  }
+  const _ = N();
+  function F(p, d, x) {
+    return n("li", {
+      class: b(p, d),
+      id: f(p, d),
+      key: f(p, d),
+      onClick: (O) => R(p, d, O),
+      onMouseenter: (O) => l(O, p, d),
+      onMouseover: (O) => C(O, p, d),
+      onMouseout: (O) => S(O, p, d),
       draggable: "true",
-      onDragstart: (F) => H(F, r, d),
-      onDragenter: (F) => j(F, d),
-      onDragend: (F) => o(F, r),
-      onDragover: (F) => c(F)
-    }, [V.value && t("div", {
+      onDragstart: (O) => B(O, p, d),
+      onDragenter: (O) => P(O, d),
+      onDragend: (O) => k(O, p),
+      onDragover: (O) => h(O)
+    }, [s.value && n("div", {
       class: "f-list-select",
-      onClick: (F) => F.stopPropagation()
-    }, [t(K, {
-      id: "list-" + p(r, d),
+      onClick: (O) => O.stopPropagation()
+    }, [n(q, {
+      id: "list-" + f(p, d),
       customClass: "listview-checkbox",
-      disabled: r[I.value] || !r.checked,
-      checked: r.checked,
-      "onUpdate:checked": (F) => r.checked = F,
-      onChange: (F) => R(r, d, !F.checked)
-    }, null)]), t("div", {
+      disabled: p[r.value] || !p.checked,
+      checked: p.checked,
+      "onUpdate:checked": (O) => p.checked = O,
+      onChange: (O) => V(p, d, !O.checked)
+    }, null)]), n("div", {
       class: "f-list-content"
-    }, [G(r)]), t("div", {
+    }, [_(p)]), n("div", {
       class: "f-list-remove",
-      onClick: (F) => {
-        F.stopPropagation(), f(d);
+      onClick: (O) => {
+        O.stopPropagation(), u(d);
       }
-    }, [t("div", {
+    }, [n("div", {
       class: "f-list-remove-icon"
-    }, [t("i", {
+    }, [n("i", {
       class: "f-icon f-icon-remove_face"
-    }, null)])]), t("div", {
+    }, null)])]), n("div", {
       class: "f-list-handle"
-    }, [t("div", null, [t("i", {
+    }, [n("div", null, [n("i", {
       class: "f-icon f-icon-drag-vertical"
     }, null)])])]);
   }
   return {
-    renderItem: y
+    renderItem: F
   };
 }
-function We(e, l, w, S, C, a, s, h, O, g) {
-  var p;
-  const V = v(((p = e.group) == null ? void 0 : p.groupFields) || []), {
-    collpaseGroupIconClass: I
-  } = C, {
+function Ze(e, o, v, I, w, a, c, m, D, g) {
+  var f;
+  const s = y(((f = e.group) == null ? void 0 : f.groupFields) || []), {
+    collpaseGroupIconClass: r
+  } = w, {
     toggleGroupRow: i
   } = g;
-  function u(D, R) {
-    R.collapse = !R.collapse, w.value = i(R.collapse ? "collapse" : "expand", R, w.value);
-  }
-  function M(D, R, T) {
-    return l.slots.group ? t(z, null, [l.slots.content && l.slots.group({
-      item: D.raw,
-      index: R,
-      selectedItem: T
-    })]) : t("div", {
+  function l(b, V) {
+    V.collapse = !V.collapse, v.value = i(V.collapse ? "collapse" : "expand", V, v.value);
+  }
+  function C(b, V, R) {
+    return o.slots.group ? n($, null, [o.slots.content && o.slots.group({
+      item: b.raw,
+      index: V,
+      selectedItem: R
+    })]) : n("div", {
       class: "f-navlookup-recentHeader",
-      onClick: (H) => u(H, D)
-    }, [t("div", {
+      onClick: (B) => l(B, b)
+    }, [n("div", {
       class: "fv-grid-group-row-icon"
-    }, [t("span", {
-      class: I(D)
-    }, null)]), t("div", {
+    }, [n("span", {
+      class: r(b)
+    }, null)]), n("div", {
       class: "f-navlookup-recommandLabel"
-    }, [D.raw[V.value[D.layer]]])]);
+    }, [b.raw[s.value[b.layer]]])]);
   }
-  function k(D, R, T) {
-    return D.layer > -1 && M(D, R, T);
+  function S(b, V, R) {
+    return b.layer > -1 && C(b, V, R);
   }
   return {
-    renderItem: k
+    renderItem: S
   };
 }
-function Ke(e, l, w, S) {
-  const { dataView: C } = w, { updateSelectedItems: a } = S;
-  function s(h) {
-    if (h > -1 && h < C.value.length) {
-      if (e != null && e.checkBeforeRemoveItem && !e.checkBeforeRemoveItem(C.value[h]))
+function et(e, o, v, I) {
+  const { dataView: w } = v, { updateSelectedItems: a } = I;
+  function c(m) {
+    if (m > -1 && m < w.value.length) {
+      if (e != null && e.checkBeforeRemoveItem && !e.checkBeforeRemoveItem(w.value[m]))
         return;
-      const O = C.value.splice(h, 1);
-      a(), l.emit("removeItem", O[0]);
+      const D = w.value.splice(m, 1);
+      a(), o.emit("removeItem", D[0]);
     }
   }
-  return { removeItem: s };
+  return { removeItem: c };
 }
-function Xe(e, l, w, S, C, a, s, h, O, g) {
-  const V = v(e.view), I = v(e.view === "CardView"), i = v({}), u = Ke(e, l, S, O), M = x(() => ({
+function tt(e, o, v, I, w, a, c, m, D, g) {
+  const s = y(e.view), r = y(e.view === "CardView"), i = y({}), l = et(e, o, I, D), C = L(() => ({
     "f-list-view-group": !0,
     "f-list-view-group-multiselect": e.multiSelect,
-    "d-flex": I.value,
-    "flex-wrap": I.value
-  })), k = x(() => !!w.value && w.value.length > 0), p = x(() => w.value.length === 0);
-  x(() => p.value && !l.slots.empty);
-  function D() {
-    return V.value === "SingleView" ? q : V.value === "DraggableView" ? Ue : (V.value === "ContentView" || V.value === "CardView") && (e.contentTemplate || l.slots.content) ? Ne : q;
-  }
-  const R = D(), {
-    renderItem: T
-  } = R(e, l, w, g, C, a, O, s, u, h), {
-    renderItem: H
-  } = We(e, l, w, g, C, a, O, s, u, h), j = [T, H];
-  function c() {
-    return w.value.filter((n) => n.visible !== !1).map((n, m) => j[n.type](n, m, i));
-  }
-  function o() {
-    return t("div", {
+    "d-flex": r.value,
+    "flex-wrap": r.value
+  })), S = L(() => !!v.value && v.value.length > 0), f = L(() => v.value.length === 0);
+  L(() => f.value && !o.slots.empty);
+  function b() {
+    return s.value === "SingleView" ? J : s.value === "DraggableView" ? Qe : (s.value === "ContentView" || s.value === "CardView") && (e.contentTemplate || o.slots.content) ? Je : J;
+  }
+  const V = b(), {
+    renderItem: R
+  } = V(e, o, v, g, w, a, D, c, l, m), {
+    renderItem: B
+  } = Ze(e, o, v, g, w, a, D, c, l, m), P = [R, B];
+  function h() {
+    return v.value.filter((t) => t.visible !== !1).map((t, M) => P[t.type](t, M, i));
+  }
+  function k() {
+    return n("div", {
       class: "f-list-view-emptydata",
       style: "margin: 0 auto;"
-    }, [t("p", {
+    }, [n("p", {
       class: "f-empty-title"
-    }, [e.emptyTemplate ? e.emptyTemplate() : l.slots.empty ? l.slots.empty() : Ee.getLocaleValue("listView.emptyMessage")])]);
+    }, [e.emptyTemplate ? e.emptyTemplate() : o.slots.empty ? o.slots.empty() : We.getLocaleValue("listView.emptyMessage")])]);
   }
-  function f() {
-    return t("ul", {
-      class: M.value,
+  function u() {
+    return n("ul", {
+      class: C.value,
       style: "list-style: none;"
-    }, [k.value && c(), p.value && o()]);
+    }, [S.value && h(), f.value && k()]);
   }
   return {
-    renderListArea: f
+    renderListArea: u
   };
 }
-function Ye(e, l, w) {
-  function S() {
-    return l.slots.header && t("div", {
+function nt(e, o, v) {
+  function I() {
+    return o.slots.header && n("div", {
       class: "f-list-view-header"
-    }, [l.slots.header()]);
+    }, [o.slots.header()]);
   }
   return {
-    renderHeader: S
+    renderHeader: I
   };
 }
-function J(e, l, w) {
-  const S = v(e.headerClass), C = v(e.placeholder), a = v(""), s = x(() => !a.value), h = x(() => !!a.value);
-  function O(i) {
+function Q(e, o, v) {
+  const I = y(e.headerClass), w = y(e.placeholder), a = y(""), c = L(() => !a.value), m = L(() => !!a.value);
+  function D(i) {
     a.value = "";
   }
-  Z(a, (i) => {
-    e.enableHighlightSearch && w.search(i), l.emit("afterSearch", i);
+  ee(a, (i) => {
+    e.enableHighlightSearch && v.search(i), o.emit("afterSearch", i);
   });
-  const g = x(() => {
+  const g = L(() => {
     const i = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return S.value && S.value.split(" ").reduce((M, k) => (M[k] = !0, M), i), i;
+    return I.value && I.value.split(" ").reduce((C, S) => (C[S] = !0, C), i), i;
   });
-  function V(i) {
+  function s(i) {
   }
-  function I() {
-    return t("div", {
+  function r() {
+    return n("div", {
       class: "f-list-view-header",
-      onClick: we(() => V, ["prevent", "stop"])
-    }, [t("div", {
+      onClick: ke(() => s, ["prevent", "stop"])
+    }, [n("div", {
       class: g.value
-    }, [t("div", {
+    }, [n("div", {
       class: "farris-input-wrap"
-    }, [t("div", {
+    }, [n("div", {
       class: "f-cmp-inputgroup"
-    }, [t("div", {
+    }, [n("div", {
       class: "input-group f-state-editable"
-    }, [ye(t("input", {
+    }, [Ve(n("input", {
       class: "form-control f-utils-fill text-left",
       "onUpdate:modelValue": (i) => a.value = i,
       name: "input-group-value",
       type: "text",
-      placeholder: C.value,
+      placeholder: w.value,
       autocomplete: "off"
-    }, null), [[Se, a.value]]), t("div", {
+    }, null), [[Fe, a.value]]), n("div", {
       class: "input-group-append"
-    }, [h.value && t("span", {
+    }, [m.value && n("span", {
       class: "input-group-text input-group-clear",
-      onClick: (i) => O()
-    }, [t("i", {
+      onClick: (i) => D()
+    }, [n("i", {
       class: "f-icon f-icon-close-circle"
-    }, null)]), s.value && t("span", {
+    }, null)]), c.value && n("span", {
       class: "input-group-text"
-    }, [t("span", {
+    }, [n("span", {
       class: "f-icon f-icon-search"
     }, null)])])])])])])]);
   }
   return {
-    renderHeader: I
+    renderHeader: r
   };
 }
-function $e() {
-  const e = v(""), l = v(-1), w = v(""), S = v(-1), C = v(!1);
-  function a(I, i, u) {
-    S.value = u;
+function ot() {
+  const e = y(""), o = y(-1), v = y(""), I = y(-1), w = y(!1);
+  function a(r, i, l) {
+    I.value = l;
   }
-  function s(I, i, u) {
-    C.value || (S.value = u);
+  function c(r, i, l) {
+    w.value || (I.value = l);
   }
-  function h(I, i, u) {
-    S.value = -1;
+  function m(r, i, l) {
+    I.value = -1;
   }
-  function O() {
-    C.value = !0;
+  function D() {
+    w.value = !0;
   }
   function g() {
-    C.value = !1;
+    w.value = !1;
   }
-  function V() {
-    l.value = -1, e.value = "";
+  function s() {
+    o.value = -1, e.value = "";
   }
   return {
-    activeIndex: l,
-    focusedItemId: w,
-    hoverIndex: S,
-    clearActiveItem: V,
+    activeIndex: o,
+    focusedItemId: v,
+    hoverIndex: I,
+    clearActiveItem: s,
     onMouseenterItem: a,
-    onMouseoverItem: s,
-    onMouseoutItem: h,
+    onMouseoverItem: c,
+    onMouseoutItem: m,
     resumeHover: g,
-    suspendHover: O
+    suspendHover: D
   };
 }
-function qe(e, l, w, S) {
-  const C = v(e.idField), { dataView: a } = w, s = v(-1), h = v(!1), { activeIndex: O, focusedItemId: g, hoverIndex: V, resumeHover: I, suspendHover: i } = S;
-  let u, M = 0, k = 0;
-  function p(c, o) {
-    const f = c - M, n = o - k;
-    u.style.left = parseInt(u.style.left) + f + "px", u.style.top = parseInt(u.style.top) + n + "px", M = c, k = o;
-  }
-  function D(c) {
-    const { left: o, top: f } = c.getBoundingClientRect(), n = c.cloneNode(!0);
-    return n.style.cssText = `
+function at(e, o, v, I) {
+  const w = y(e.idField), { dataView: a } = v, c = y(-1), m = y(!1), { activeIndex: D, focusedItemId: g, hoverIndex: s, resumeHover: r, suspendHover: i } = I;
+  let l, C = 0, S = 0;
+  function f(h, k) {
+    const u = h - C, t = k - S;
+    l.style.left = parseInt(l.style.left) + u + "px", l.style.top = parseInt(l.style.top) + t + "px", C = h, S = k;
+  }
+  function b(h) {
+    const { left: k, top: u } = h.getBoundingClientRect(), t = h.cloneNode(!0);
+    return t.className = t.className + " f-listview-drag-moving", t.style.cssText = `
         position:absolute;
-        left:${o}px;
-        top:${document.documentElement.scrollTop ? f + document.documentElement.scrollTop : f}px;
+        left:${k}px;
+        top:${document.documentElement.scrollTop ? u + document.documentElement.scrollTop : u}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(c).width};
-        height:${getComputedStyle(c).height};
-        `, n.children[0].style.cssText = "overflow: hidden;flex: 1 1 auto;width: 100%;", n.children[0].children[0].style.cssText = `
+        width:${getComputedStyle(h).width};
+        height:${getComputedStyle(h).height};
+        `, t.children[0].style.cssText = "overflow: hidden;flex: 1 1 auto;width: 100%;", t.children[0].children[0].style.cssText = `
         margin: 10px 0px 10px 14px;
         overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
-        `, n.children[1].style.cssText = "width: 30px;color: #f4625f;padding: 0 14px 0 0", n.children[2].style.cssText = "padding: 0 14px 0 0;", document.body.appendChild(n), n;
+        `, t.children[1].style.cssText = "width: 30px;padding: 0 14px 0 0", t.children[2].style.cssText = "padding: 0 14px 0 0;", document.body.appendChild(t), t;
   }
-  function R(c, o, f) {
-    if (c.stopPropagation(), i(), o) {
-      if (u = D(c.target), c.dataTransfer) {
-        const n = new Image();
-        n.src = "", c.dataTransfer.setDragImage(n, 0, 0);
+  function V(h, k, u) {
+    if (h.stopPropagation(), i(), k) {
+      if (l = b(h.target), h.dataTransfer) {
+        const t = new Image();
+        t.src = "", h.dataTransfer.setDragImage(t, 0, 0);
       }
-      M = c.pageX, k = c.pageY, setTimeout(() => {
-        s.value = f, h.value = !0, o.moving = !0;
+      C = h.pageX, S = h.pageY, setTimeout(() => {
+        c.value = u, m.value = !0, k.moving = !0;
       });
     }
   }
-  function T(c, o) {
-    if (c.preventDefault(), s.value !== o) {
-      const f = a.value[s.value], n = a.value;
-      n.splice(s.value, 1), n.splice(o, 0, f), s.value = o, p(c.pageX, c.pageY);
+  function R(h, k) {
+    if (h.preventDefault(), c.value !== k) {
+      const u = a.value[c.value], t = a.value;
+      t.splice(c.value, 1), t.splice(k, 0, u), c.value = k, f(h.pageX, h.pageY);
     }
   }
-  function H(c) {
-    c.preventDefault(), c.dataTransfer && (c.dataTransfer.dropEffect = "move"), p(c.pageX, c.pageY);
+  function B(h) {
+    h.preventDefault(), h.dataTransfer && (h.dataTransfer.dropEffect = "move"), f(h.pageX, h.pageY);
   }
-  function j(c, o) {
-    o && (o.moving = !1, u && (document.body.removeChild(u), u = null)), a.value.forEach((f, n) => {
-      f.__fv_index__ = n;
-    }), h.value = !1, I(), V.value = o.raw.__fv_index__, O.value = o.raw.__fv_index__, g.value = o.raw[C.value], l.emit("change", a.value), l.emit("activeChange", [o.raw]);
+  function P(h, k) {
+    k && (k.moving = !1, l && (document.body.removeChild(l), l = null)), a.value.forEach((u, t) => {
+      u.__fv_index__ = t;
+    }), m.value = !1, r(), s.value = k.raw.__fv_index__, D.value = k.raw.__fv_index__, g.value = k.raw[w.value], o.emit("change", a.value), o.emit("activeChange", [k.raw]);
   }
   return {
-    dragstart: R,
-    dragenter: T,
-    dragover: H,
-    dragend: j,
-    isDragging: h
+    dragstart: V,
+    dragenter: R,
+    dragover: B,
+    dragend: P,
+    isDragging: m
   };
 }
-function Je(e, l, w, S, C, a) {
-  const s = v(e.idField), h = v(e.disableField), O = v(e.draggable);
-  v(e.itemClass);
-  const g = v(e.selection.multiSelect ?? !1), V = v(e.selection.multiSelectMode), { isDragging: I } = S, { activeIndex: i, focusedItemId: u, hoverIndex: M } = C, { clearSelection: k, getSelectedItems: p, toggleSelectItem: D, currentSelectedDataId: R } = a, T = v(p()), H = (y) => T.value.length === 0 ? !1 : T.value.some((r) => {
+function st(e, o, v, I, w, a) {
+  const c = y(e.idField), m = y(e.disableField), D = y(e.draggable);
+  y(e.itemClass);
+  const g = y(e.selection.multiSelect ?? !1), s = y(e.selection.multiSelectMode), { isDragging: r } = I, { activeIndex: i, focusedItemId: l, hoverIndex: C } = w, { clearSelection: S, getSelectedItems: f, toggleSelectItem: b, currentSelectedDataId: V } = a, R = y(f()), B = (F) => R.value.length === 0 ? !1 : R.value.some((p) => {
     let d = "";
-    return r.data ? d = r.data[s.value] : d = r[s.value], d === y;
+    return p.data ? d = p.data[c.value] : d = p[c.value], d === F;
   });
-  function j() {
-    T.value = p();
+  function P() {
+    R.value = f();
   }
-  function c(y, r) {
-    return y.raw[s.value] != null ? y.raw[s.value] : "";
+  function h(F, p) {
+    return F.raw[c.value] != null ? F.raw[c.value] : "";
   }
-  function o(y, r) {
+  function k(F, p) {
     const d = {
       "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": O.value,
-      "f-un-click": !y.checked,
-      "f-un-select": !!y.raw[h.value],
+      "f-list-view-draggable-item": D.value,
+      "f-un-click": !F.checked,
+      "f-un-select": !!F.raw[m.value],
       "f-listview-active": (
         // 多选
-        g.value && H(c(y)) || // 单选
-        !g.value && y.raw[s.value] === R.value
+        g.value && B(h(F)) || // 单选
+        !g.value && F.raw[c.value] === V.value
       ),
-      "f-listview-hover": !I.value && r === M.value,
-      moving: !!y.moving
+      "f-listview-hover": !r.value && p === C.value,
+      moving: !!F.moving
     };
     if (typeof e.itemClass == "string")
       return W(d, e.itemClass);
     if (typeof e.itemClass == "function") {
-      const P = e.itemClass(y);
-      return W(d, P);
+      const x = e.itemClass(F);
+      return W(d, x);
     }
     return d;
   }
-  function f(y, r) {
-    const d = (
-      // 多选
-      g.value && H(c(y)) || // 单选
-      !g.value && y.raw[s.value] === R.value
-    ), P = {};
-    if (d && (P.backgroundColor = "#dae9ff"), typeof e.itemStyle == "string")
-      return $(P, e.itemStyle);
+  function u(F, p) {
+    const d = {};
+    if (typeof e.itemStyle == "string")
+      return Y(d, e.itemStyle);
     if (typeof e.itemStyle == "function") {
-      const F = e.itemStyle(y);
-      return $(P, F);
+      const x = e.itemStyle(F);
+      return Y(d, x);
     }
-    return P;
+    return d;
   }
-  const n = x(() => !g.value);
-  function m(y, r, d) {
-    y.checked = d, !y.raw[h.value] && (n.value && (u.value = y.raw[s.value]), D(y));
+  const t = L(() => !g.value);
+  function M(F, p, d) {
+    F.checked = d, !F.raw[m.value] && (t.value && (l.value = F.raw[c.value]), b(F));
   }
-  const _ = x(() => g.value && V.value === "OnCheckClearByClick"), B = x(() => !g.value || g.value && (V.value === "OnCheckAndClick" || V.value === "OnClick"));
-  function G(y, r, d) {
-    if (y.raw[h.value]) {
+  const j = L(() => g.value && s.value === "OnCheckClearByClick"), N = L(() => !g.value || g.value && (s.value === "OnCheckAndClick" || s.value === "OnClick"));
+  function _(F, p, d) {
+    if (F.raw[m.value]) {
       d == null || d.preventDefault(), d == null || d.stopPropagation();
       return;
     }
-    u.value = y.raw[s.value], i.value = r, _.value && k(), B.value && (D(y), j()), l.emit("clickItem", { data: T.value, index: r, dataItem: y.raw }), l.emit("activeChange", T.value);
+    V.value = F.raw[c.value], l.value = F.raw[c.value], i.value = p, j.value && S(), N.value && (b(F), P()), o.emit("clickItem", { data: R.value, index: p, dataItem: F.raw }), o.emit("activeChange", R.value);
   }
   return {
-    getKey: c,
-    selectedItems: T,
-    listViewItemClass: o,
-    listViewItemStyle: f,
-    updateSelectedItems: j,
-    onCheckItem: m,
-    onClickItem: G
+    getKey: h,
+    selectedItems: R,
+    listViewItemClass: k,
+    listViewItemStyle: u,
+    updateSelectedItems: P,
+    onCheckItem: M,
+    onClickItem: _
   };
 }
-const U = /* @__PURE__ */ ee({
+const U = /* @__PURE__ */ te({
   name: "FListView",
-  props: te,
+  props: ne,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectItem", "unSelectItem", "selectionChange", "removeItem", "change", "activeChange", "pageIndexChanged", "pageSizeChanged", "changed", "selectionUpdate"],
-  setup(e, l) {
-    const w = v(), S = v(!0), C = v(!1), a = v([]), s = 0, h = v(e.columns), O = Ie(e, l), g = ke(e), V = be(e), I = Ve(e, g), i = Fe(e, /* @__PURE__ */ new Map(), O, V, g), u = De(e, i, g, a, l), M = ze(e, w), k = Re(e, i), p = x(() => i.dataView.value.length), D = Me(e, l, u, g), R = Te(e, l, g, D, a), T = Oe(e), H = Be(e, {}, T), j = He(e, i, R, V, g, T, H), c = Pe(e, g, H, j), o = xe(e, g, H, j), f = je(e, h, i, p, s, j, c, o), {
-      getVisualData: n
-    } = f;
-    a.value = n(0, p.value + s - 1);
-    const m = x(() => {
-      const b = {
+  setup(e, o) {
+    const v = y(), I = y(!0), w = y(!1), a = y([]), c = 0, m = y(e.columns), D = Te(e, o), g = Me(e), s = De(e), r = Re(e, g), i = Oe(e, /* @__PURE__ */ new Map(), D, s, g), l = Be(e, i, g, a, o), C = Ye(e, v), S = je(e, i), f = L(() => i.dataView.value.length), b = Ne(e, o, l, g), V = Pe(e, o, g, b, a), R = Le(e), B = xe(e, {}, R), P = He(e, i, V, s, g, R, B), h = _e(e, g, B, P), k = Ae(e, g, B, P), u = Ge(e, m, i, f, c, P, h, k), {
+      getVisualData: t
+    } = u;
+    a.value = t(0, f.value + c - 1);
+    const M = L(() => {
+      const T = {
         "f-list-view": !0,
         "f-list-view-multiple": e.multiSelect
       };
-      return e.size !== "default" && (b[`${e.size}-item`] = !0), W(b, e.customClass);
-    }), _ = x(() => !!l.slots.footer || S.value);
-    function B() {
-      return e.header === "SearchBar" ? J : e.header === "ContentHeader" ? Ye : J;
+      return e.size !== "default" && (T[`${e.size}-item`] = !0), W(T, e.customClass);
+    }), j = L(() => !!o.slots.footer || I.value);
+    function N() {
+      return e.header === "SearchBar" ? Q : e.header === "ContentHeader" ? nt : Q;
     }
-    const G = B(), {
-      renderHeader: y
-    } = G(e, l, M), r = $e(), d = qe(e, l, i, r), P = Je(e, l, a, d, r, u), {
-      renderListArea: F
-    } = Xe(e, l, a, i, I, r, u, f, P, d);
-    function ne(b) {
-      M.search(b);
+    const _ = N(), {
+      renderHeader: F
+    } = _(e, o, C), p = ot(), d = at(e, o, i, p), x = st(e, o, a, d, p, l), {
+      renderListArea: O
+    } = tt(e, o, a, i, r, p, l, u, x, d);
+    function ie(T) {
+      C.search(T);
     }
-    function le(b) {
-      b && (i.load(b), a.value = n(0, p.value + s - 1));
+    function ce(T) {
+      T && (i.load(T), a.value = t(0, f.value + c - 1));
     }
-    function ae() {
-      u.clearSelection(), r.clearActiveItem();
+    function re() {
+      l.clearSelection(), p.clearActiveItem();
     }
-    function oe() {
-      return P.selectedItems.value;
+    function ue() {
+      return x.selectedItems.value;
     }
-    function se() {
-      return P.selectedItems.value.map((b) => b[g.idField.value]);
+    function de() {
+      return x.selectedItems.value.map((T) => T[g.idField.value]);
     }
-    function X(b) {
-      u.selectedValues.value = b, P.updateSelectedItems();
+    function K(T) {
+      l.selectedValues.value = T, x.updateSelectedItems();
     }
-    function ie() {
-      return u.currentSelectedDataId.value;
+    function me() {
+      return l.currentSelectedDataId.value;
     }
-    function ue(b) {
-      D.activeRowById(b);
+    function fe(T) {
+      b.activeRowById(T);
     }
-    function ce(b) {
-      const L = g.idField.value, A = a.value.find((N) => N.raw[L] === b), E = a.value.findIndex((N) => N.raw[L] === b);
-      A && E > -1 && P.onClickItem(A, E);
+    function pe(T) {
+      const H = g.idField.value, A = a.value.find((z) => z.raw[H] === T), G = a.value.findIndex((z) => z.raw[H] === T);
+      A && G > -1 && x.onClickItem(A, G);
     }
-    function re(b) {
-      const L = g.idField.value, A = a.value.find((E) => E.raw[L] === b);
-      A && D.changeRow(A);
+    function ve(T) {
+      const H = g.idField.value, A = a.value.find((G) => G.raw[H] === T);
+      A && b.changeRow(A);
     }
-    function de(b) {
-      k.updatePagination(b);
+    function ge(T) {
+      S.updatePagination(T);
     }
-    function fe(b) {
-      return a.value.filter((L) => b.includes(L.raw[e.idField]));
+    function he(T) {
+      return a.value.filter((H) => T.includes(H.raw[e.idField]));
     }
-    l.expose({
-      search: ne,
-      updateDataSource: le,
-      clearSelection: ae,
-      getSelections: oe,
-      updateSelectionByIds: X,
-      getSelectionIds: se,
-      activeRowById: ue,
-      getCurrentRowId: ie,
-      clickRowItemById: ce,
-      updatePagination: de,
-      getVisibleDataByIds: fe,
-      selectRowById: re
+    o.expose({
+      search: ie,
+      updateDataSource: ce,
+      clearSelection: re,
+      getSelections: ue,
+      updateSelectionByIds: K,
+      getSelectionIds: de,
+      activeRowById: fe,
+      getCurrentRowId: me,
+      clickRowItemById: pe,
+      updatePagination: ge,
+      getVisibleDataByIds: he,
+      selectRowById: ve
     });
-    function ve(b) {
-      e.multiSelect && (b.preventDefault(), b.stopPropagation());
+    function Ce(T) {
+      e.multiSelect && (T.preventDefault(), T.stopPropagation());
     }
-    Z(() => e.selectionValues, (b, L) => {
-      b !== L && X(b);
+    ee(() => e.selectionValues, (T, H) => {
+      T !== H && K(T);
     });
-    const me = Le(e, u), {
-      sidebarWidth: ge,
-      showSidebarCheckBox: Qe
-    } = me, he = _e(e, l), {
-      applyColumnSorter: Ze,
-      columnContext: Ce,
-      updateColumnRenderContext: et
-    } = he, pe = Ge(e, i, a, Ce, f, p, s, ge, R), {
-      shouldRenderPagination: tt
-    } = k, {
-      renderDataGridPagination: nt
-    } = Ae(e, l, i, pe, k, u);
-    return () => t("div", {
-      class: m.value,
-      onClick: ve
-    }, [y(), t("div", {
-      ref: w,
+    const ye = Ee(e, l), {
+      sidebarWidth: we,
+      showSidebarCheckBox: wt
+    } = ye, Se = $e(e, o), {
+      applyColumnSorter: St,
+      columnContext: Ie,
+      updateColumnRenderContext: It
+    } = Se, be = ze(e, i, a, Ie, u, f, c, we, V), {
+      shouldRenderPagination: bt
+    } = S, {
+      renderDataGridPagination: kt
+    } = Ue(e, o, i, be, S, l);
+    return () => n("div", {
+      class: M.value,
+      onClick: Ce
+    }, [F(), n("div", {
+      ref: v,
       class: "f-list-view-content",
       onMouseover: () => {
-        C.value = !0;
+        w.value = !0;
       },
       onMouseleave: () => {
-        C.value = !1;
+        w.value = !1;
       }
-    }, [F()]), _.value && t("div", {
+    }, [O()]), j.value && n("div", {
       class: "f-list-view-footer"
-    }, [e.footerTemplate ? e.footerTemplate() : l.slots.footer && l.slots.footer()])]);
+    }, [e.footerTemplate ? e.footerTemplate() : o.slots.footer && o.slots.footer()])]);
   }
-}), Q = /* @__PURE__ */ ee({
+}), Z = /* @__PURE__ */ te({
   name: "FListViewTable",
-  props: te,
+  props: ne,
   emits: ["outputValue", "currentEvent", "selectionChanged"],
-  setup(e, l) {
-    const w = [{
+  setup(e, o) {
+    const v = [{
       name: "任芳",
       code: "1.PO20198989001",
       date: "2024-02-19",
@@ -756,47 +755,264 @@ const U = /* @__PURE__ */ ee({
       desc: "导游5",
       amount: 84.13,
       avatar: "./assets/avatar5.png"
-    }], S = x(() => e.data.length > 0 ? e.data : w);
+    }], I = L(() => e.data.length > 0 ? e.data : v);
     return () => {
-      var C;
-      return t(z, null, [(C = S.value) == null ? void 0 : C.map((a) => t("div", {
+      var w;
+      return n($, null, [(w = I.value) == null ? void 0 : w.map((a) => n("div", {
         class: "f-template-listview-row"
-      }, [t("div", {
+      }, [n("div", {
         class: "list-view-item-title"
-      }, [t("div", {
+      }, [n("div", {
         class: "item-title-img"
-      }, [t("img", {
+      }, [n("img", {
         src: a.avatar,
         alt: "",
         style: "width: 44px;"
-      }, null)]), t("div", {
+      }, null)]), n("div", {
         class: "item-title"
-      }, [t("p", {
+      }, [n("p", {
         class: "item-title-heading"
-      }, [a.code]), t("p", {
+      }, [a.code]), n("p", {
         class: "item-title-text"
-      }, [a.desc])])]), t("div", {
+      }, [a.desc])])]), n("div", {
         class: "list-view-item-content"
-      }, [t("div", {
+      }, [n("div", {
         class: "content-message"
-      }, [t("div", {
+      }, [n("div", {
         class: "ower"
-      }, [t("p", null, [Y("创建人")]), t("p", {
+      }, [n("p", null, [X("创建人")]), n("p", {
         class: "con"
-      }, [a.name])]), t("div", {
+      }, [a.name])]), n("div", {
         class: "date"
-      }, [t("p", null, [Y("创建时间")]), t("p", {
+      }, [n("p", null, [X("创建时间")]), n("p", {
         class: "con"
       }, [a.date])])])])]))]);
     };
   }
-});
+}), oe = /* @__PURE__ */ new Map([
+  ["appearance", qe]
+]), lt = "root-viewmodel";
+function it(e, o) {
+  const {
+    formSchemaUtils: v,
+    designViewModelUtils: I
+  } = o;
+  function w(s) {
+    return {
+      id: `${s.componentId}-component-viewmodel`,
+      code: `${s.componentId}-component-viewmodel`,
+      name: s.componentName,
+      bindTo: s.bindTo,
+      parent: lt,
+      fields: [],
+      commands: [],
+      states: [],
+      enableValidation: !0
+    };
+  }
+  function a(s) {
+    const r = e.getSchemaByType("component-ref");
+    return Object.assign(r, {
+      id: `${s.componentId}-component-ref`,
+      component: `${s.componentId}-component`
+    }), r;
+  }
+  function c(s, r, i) {
+    var f, b, V, R;
+    const l = (b = (f = r == null ? void 0 : r.parentComponentInstance) == null ? void 0 : f.schema) == null ? void 0 : b.type, C = (R = (V = v.getFormSchema()) == null ? void 0 : V.module) == null ? void 0 : R.templateId;
+    if (["double-list-template", "tree-list-template", "list-template"].includes(C))
+      return s;
+    const S = [E["content-container"].type, E["response-layout-item"].type, E["splitter-pane"].type, E.drawer.type];
+    if (l && S.includes(l)) {
+      const B = e.getSchemaByType(
+        "section",
+        {
+          parentComponentInstance: r.parentComponentInstance,
+          mainTitle: r.componentName
+        },
+        o
+      );
+      if (B && B.contents && B.contents.length) {
+        const P = B.contents[0];
+        return P.contents = [s], B;
+      }
+    }
+    return s;
+  }
+  function m(s) {
+    var C, S, f;
+    const r = e.getSchemaByType("list-view");
+    let i = !1;
+    const l = (f = (S = (C = s.parentComponentInstance) == null ? void 0 : C.schema) == null ? void 0 : S.appearance) == null ? void 0 : f.class;
+    return l && l.includes("f-page-main") && (i = !0), Object.assign(r, {
+      id: s.componentId + "-listView",
+      appearance: {
+        class: i ? "" : "f-grid-is-sub"
+      },
+      type: "list-view",
+      dataSource: s.dataSource || "",
+      pagination: {
+        enable: !1
+      }
+    }), [r];
+  }
+  function D(s) {
+    var S, f, b;
+    const r = e.getSchemaByType("component"), i = m(s);
+    let l = !1;
+    const C = (b = (f = (S = s.parentComponentInstance) == null ? void 0 : S.schema) == null ? void 0 : f.appearance) == null ? void 0 : b.class;
+    return C && C.includes("f-page-main") && (l = !0), Object.assign(r, {
+      id: `${s.componentId}-component`,
+      viewModel: `${s.componentId}-component-viewmodel`,
+      componentType: s.componentType,
+      contents: i,
+      appearance: {
+        class: l ? "f-struct-wrapper f-utils-fill-flex-column" : ""
+      }
+    }), r;
+  }
+  function g(s) {
+    const r = a(s), i = D(s), l = w(s), C = v.getFormSchema();
+    return C.module.viewmodels.push(l), C.module.components.push(i), I.assembleDesignViewModel(), c(r, s);
+  }
+  return { createComponent: g };
+}
+function ae(e, o, v, I) {
+  var a, c, m, D, g, s;
+  const w = v.parentComponentInstance;
+  if (w && I) {
+    const r = Math.random().toString(36).slice(2, 6), i = {
+      componentId: `list-view-${r}`,
+      componentName: ((a = v.bindingSourceContext) == null ? void 0 : a.entityTitle) || ((m = (c = v.bindingSourceContext) == null ? void 0 : c.bindingEntity) == null ? void 0 : m.name) || `列表-${r}`,
+      componentType: "list-view",
+      parentContainerId: w.schema.id,
+      parentComponentInstance: w,
+      // editable: true,
+      bindTo: ((D = v.bindingSourceContext) == null ? void 0 : D.bindTo) || "",
+      dataSource: (s = (g = v.bindingSourceContext) == null ? void 0 : g.bindingEntity) == null ? void 0 : s.label
+      // selectedFields: context.bindingSourceContext?.bindingEntityFields
+    }, { createComponent: l } = it(e, I);
+    return l(i);
+  } else
+    return o;
+}
+const ct = "https://json-schema.org/draft/2020-12/schema", rt = "https://farris-design.gitee.io/list-view-table.schema.json", ut = "list-view-table", dt = "A Farris Component", mt = "object", ft = {
+  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
+  }
+}, pt = [
+  "id",
+  "type"
+], se = {
+  $schema: ct,
+  $id: rt,
+  title: ut,
+  description: dt,
+  type: mt,
+  properties: ft,
+  required: pt
+}, vt = "list-view-table", gt = "A Farris Component", ht = "object", Ct = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, yt = {
+  title: vt,
+  description: gt,
+  type: ht,
+  categories: Ct
+}, le = {
+  data: { type: Array, default: [] }
+}, Bt = Ke(le, se, oe, ae, yt), jt = Xe(
+  le,
+  se,
+  oe,
+  ae
+);
 U.install = (e) => {
-  e.component(U.name, U), e.component(Q.name, Q);
+  e.component(U.name, U), e.component(Z.name, Z);
 };
 export {
   U as FListView,
-  Q as FListViewTable,
+  Z as FListViewTable,
   U as default,
-  te as listViewProps
+  ne as listViewProps,
+  le as listViewTableProps,
+  Bt as propsResolver2,
+  jt as propsResolverGenerator2
 };