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

package/components/order/index.esm.js

@@ -1,22 +1,217 @@
-import { getCustomStyle as ne, getCustomClass as X, FormSchemaEntityFieldType$Type as Oe, withInstall as ue } from "../common/index.esm.js";
-import { ref as h, computed as L, createVNode as v, Fragment as W, watch as j, withModifiers as Pe, withDirectives as Be, vModelText as Re, defineComponent as _, onMounted as re, inject as le } from "vue";
-import { useFilter as Me, useIdentify as Le, useHierarchy as He, useGroupData as Ae, useDataView as Ee, useSelection as je, usePagination as Ge, useRow as Ne, useEdit as _e, useVisualDataBound as $e, useVisualDataCell as ze, useVisualDataRow as Ue, useVisualGroupRow as We, useVisualSummaryRow as De, useVisualData as qe, useSidebar as Ke, useColumn as Xe, useVirtualScroll as Ye, getPagination as Je } from "../data-view/index.esm.js";
-import { LocaleService as Y } from "../locale/index.esm.js";
-import { FCheckbox as J } from "../checkbox/index.esm.js";
-import Qe from "../button-edit/index.esm.js";
-import { resolveAppearance as Ze, createPropsResolver as ce, getPropsResolverGenerator as et } from "../dynamic-resolver/index.esm.js";
-import { isUndefined as tt } from "lodash-es";
-import nt from "../list-view/index.esm.js";
-import lt from "../../designer/button-edit/index.esm.js";
-import { useDesignerComponent as it } from "../designer-canvas/index.esm.js";
-import { comboListProps as de } from "../combo-list/index.esm.js";
-import { InputBaseProperty as at } from "../property-panel/index.esm.js";
-const ot = {
+import { ref as g, computed as R, createVNode as c, Fragment as U, watch as $, withModifiers as je, withDirectives as $e, vModelText as Ge, defineComponent as _, onMounted as ee, inject as Q } from "vue";
+import { resolveAppearance as ce, createPropsResolver as fe, getPropsResolverGenerator as Ne } from "../dynamic-resolver/index.esm.js";
+import { getCustomStyle as oe, getCustomClass as Z, FormSchemaEntityFieldType$Type as Y, withInstall as _e } from "../common/index.esm.js";
+import { useFilter as ze, useIdentify as Ue, useHierarchy as We, useGroupData as qe, useDataView as De, useSelection as Ke, usePagination as Xe, useRow as Ye, useEdit as Je, useVisualDataBound as Qe, useVisualDataCell as Ze, useVisualDataRow as et, useVisualGroupRow as tt, useVisualSummaryRow as nt, useVisualData as lt, useSidebar as it, useColumn as at, useVirtualScroll as ot, getPagination as st } from "../data-view/index.esm.js";
+import { LocaleService as te } from "../locale/index.esm.js";
+import { FCheckbox as ne } from "../checkbox/index.esm.js";
+import rt from "../button-edit/index.esm.js";
+import { isUndefined as ut } from "lodash-es";
+import dt from "../list-view/index.esm.js";
+import ct from "../../designer/button-edit/index.esm.js";
+import { useDesignerComponent as me } from "../designer-canvas/index.esm.js";
+import { InputBaseProperty as ft } from "../property-panel/index.esm.js";
+const mt = /* @__PURE__ */ new Map([
+  ["appearance", ce]
+]), vt = "https://json-schema.org/draft/2020-12/schema", gt = "https://farris-design.gitee.io/order.schema.json", ht = "order", yt = "A Farris Component", pt = "object", bt = {
+  id: {
+    description: "The unique identifier for a order",
+    type: "string"
+  },
+  type: {
+    description: "The type string of order component",
+    type: "string",
+    default: "order"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  enableLinkLabel: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  label: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  lableWidth: {
+    description: "",
+    type: "number"
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  required: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  textAlign: {
+    description: "",
+    type: "string",
+    enum: [
+      "left",
+      "middle",
+      "right"
+    ],
+    default: "left"
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  onBlur: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  onClickLinkLabel: {
+    description: "",
+    type: "string",
+    default: ""
+  }
+}, Ct = [
+  "id",
+  "type"
+], St = {
+  $schema: vt,
+  $id: gt,
+  title: ht,
+  description: yt,
+  type: pt,
+  properties: bt,
+  required: Ct
+};
+function wt(e, t, n) {
+  return t;
+}
+const Ft = "order", It = "A Farris Component", Vt = "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: []
+        }
+      }
+    }
+  },
+  behavior: {
+    description: "Basic Infomation",
+    title: "行为",
+    properties: {
+      editable: {
+        description: "",
+        title: "允许编辑",
+        type: "boolean"
+      },
+      readonly: {
+        description: "",
+        title: "只读",
+        type: "string"
+      },
+      required: {
+        description: "",
+        title: "必填",
+        type: "boolean"
+      },
+      visible: {
+        description: "",
+        title: "可见",
+        type: "boolean"
+      },
+      placeholder: {
+        description: "",
+        title: "提示文本",
+        type: "string"
+      },
+      tabindex: {
+        description: "",
+        title: "tab索引",
+        type: "number"
+      },
+      textAlign: {
+        description: "",
+        title: "对齐方式",
+        type: "enum",
+        editor: {
+          type: "combo-list",
+          textField: "name",
+          valueField: "value",
+          data: [
+            {
+              value: "left",
+              name: "左对齐"
+            },
+            {
+              value: "center",
+              name: "居中"
+            },
+            {
+              value: "right",
+              name: "右对齐"
+            }
+          ]
+        }
+      }
+    }
+  }
+}, Tt = {
+  title: Ft,
+  description: It,
+  type: Vt,
+  categories: kt
+}, le = {
   /** 排序列数据源 */
   dataSource: { type: Array, default: [] },
   /** 当前排序数组 */
   items: { type: Array, default: [] }
-}, st = {
+}, se = fe(le, St, mt, wt, Tt), xt = {
   /** 列集合 */
   columns: {
     type: Array,
@@ -84,423 +279,423 @@ const ot = {
   /** 分页 */
   pagination: { type: Object, default: { enable: !1, size: 20 } }
 };
-function ut(e, t) {
-  function a(i) {
-    const o = [];
-    let d = i.nextNode();
-    for (; d; )
-      o.push(d), d = i.nextNode();
-    return o;
-  }
-  function n(i, o) {
-    const d = document.createTreeWalker(i, NodeFilter.SHOW_TEXT);
-    return a(d).map((C) => ({ textNode: C, text: (C.textContent || "").toLocaleLowerCase() })).map(({ textNode: C, text: f }) => {
-      const g = [];
-      let O = 0;
-      for (; O < f.length; ) {
-        const c = f.indexOf(o, O);
-        if (c === -1)
+function Ot(e, t) {
+  function n(r) {
+    const f = [];
+    let h = r.nextNode();
+    for (; h; )
+      f.push(h), h = r.nextNode();
+    return f;
+  }
+  function l(r, f) {
+    const h = document.createTreeWalker(r, NodeFilter.SHOW_TEXT);
+    return n(h).map((v) => ({ textNode: v, text: (v.textContent || "").toLocaleLowerCase() })).map(({ textNode: v, text: S }) => {
+      const F = [];
+      let V = 0;
+      for (; V < S.length; ) {
+        const w = S.indexOf(f, V);
+        if (w === -1)
           break;
-        g.push(c), O = c + o.length;
+        F.push(w), V = w + f.length;
       }
-      return g.map((c) => {
-        const l = new Range();
-        return l.setStart(C, c), l.setEnd(C, c + o.length), l;
+      return F.map((w) => {
+        const a = new Range();
+        return a.setStart(v, w), a.setEnd(v, w + f.length), a;
       });
     }).flat();
   }
-  function r(i) {
-    if (!CSS.highlights || (CSS.highlights.clear(), !i || !t))
+  function u(r) {
+    if (!CSS.highlights || (CSS.highlights.clear(), !r || !t))
       return;
-    const o = n(t.value, i.toLocaleLowerCase()), d = new Highlight(...o);
-    CSS.highlights.set("search-result", d);
+    const f = l(t.value, r.toLocaleLowerCase()), h = new Highlight(...f);
+    CSS.highlights.set("search-result", h);
   }
-  return { search: r };
+  return { search: u };
 }
-function ie(e, t, a, n, r, i, o, d, w, b) {
-  const V = h(e.size), C = h(e.textField), f = h(e.titleField), g = h(e.disableField), O = L(() => {
-    var s, R;
-    return ((s = e.selection) == null ? void 0 : s.multiSelect) && ((R = e.selection) == null ? void 0 : R.showCheckbox);
+function re(e, t, n, l, u, r, f, h, k, T) {
+  const I = g(e.size), v = g(e.textField), S = g(e.titleField), F = g(e.disableField), V = R(() => {
+    var m, P;
+    return ((m = e.selection) == null ? void 0 : m.multiSelect) && ((P = e.selection) == null ? void 0 : P.showCheckbox);
   }), {
-    onMouseenterItem: c,
-    onMouseoverItem: l,
-    onMouseoutItem: S
-  } = i, {
-    getKey: u,
-    listViewItemClass: p,
-    listViewItemStyle: T,
-    onCheckItem: k,
-    onClickItem: I
-  } = o, x = L(() => {
-    const s = {
+    onMouseenterItem: w,
+    onMouseoverItem: a,
+    onMouseoutItem: s
+  } = r, {
+    getKey: i,
+    listViewItemClass: o,
+    listViewItemStyle: b,
+    onCheckItem: y,
+    onClickItem: d
+  } = f, O = R(() => {
+    const m = {
       "text-overflow": "ellipsis",
       overflow: "hidden",
       "white-space": "nowrap"
     };
-    return e.itemClass ? s : {
-      margin: V.value === "small" ? "0.25rem 0" : "8px 0",
-      ...s
+    return e.itemClass ? m : {
+      margin: I.value === "small" ? "0.25rem 0" : "8px 0",
+      ...m
     };
   });
-  function F(s, R, A) {
-    return s.checked = d.findIndexInSelectedItems(s) > -1, v("li", {
-      class: p(s, R),
-      id: u(s, R),
-      key: u(s, R),
-      style: T(s, R),
-      onClick: (E) => I(s, R, E),
-      onMouseenter: (E) => c(E, s, R),
-      onMouseover: (E) => l(E, s, R),
-      onMouseout: (E) => S(E, s, R)
-    }, [O.value && v("div", {
+  function x(m, P, H) {
+    return m.checked = h.findIndexInSelectedItems(m) > -1, c("li", {
+      class: o(m, P),
+      id: i(m, P),
+      key: i(m, P),
+      style: b(m, P),
+      onClick: (E) => d(m, P, E),
+      onMouseenter: (E) => w(E, m, P),
+      onMouseover: (E) => a(E, m, P),
+      onMouseout: (E) => s(E, m, P)
+    }, [V.value && c("div", {
       class: "f-list-select",
       onClick: (E) => E.stopPropagation()
-    }, [v(J, {
-      id: "list-" + u(s, R),
+    }, [c(ne, {
+      id: "list-" + i(m, P),
       customClass: "listview-checkbox float-left",
-      disabled: s[g.value],
-      checked: s.checked,
-      "onUpdate:checked": (E) => s.checked = E,
+      disabled: m[F.value],
+      checked: m.checked,
+      "onUpdate:checked": (E) => m.checked = E,
       onChange: (E) => {
-        k(s, R, !E.checked);
+        y(m, P, !E.checked);
       }
-    }, null)]), v("div", {
+    }, null)]), c("div", {
       class: "f-list-content"
-    }, [v("div", {
+    }, [c("div", {
       class: e.itemContentClass,
-      style: x.value,
-      title: s.raw[f.value] || s.raw[C.value]
-    }, [s.raw[C.value]])])]);
+      style: O.value,
+      title: m.raw[S.value] || m.raw[v.value]
+    }, [m.raw[v.value]])])]);
   }
   return {
-    renderItem: F
+    renderItem: x
   };
 }
-function rt(e, t, a, n, r, i, o, d, w, b) {
-  const V = h(e.multiSelect), C = h(e.disableField), f = h(e.textField), {
-    onMouseenterItem: g,
-    onMouseoverItem: O,
-    onMouseoutItem: c
-  } = i, {
-    getKey: l,
-    listViewItemClass: S,
-    listViewItemStyle: u,
-    onCheckItem: p,
-    onClickItem: T,
-    updateSelectedItems: k
-  } = o;
-  function I(F, s, R) {
-    return e.contentTemplate ? v(W, null, [e.contentTemplate({
-      item: F.raw,
-      index: s,
-      selectedItem: R
-    })]) : t.slots.content ? v(W, null, [t.slots.content && t.slots.content({
-      item: F.raw,
-      index: s,
-      selectedItem: R
-    })]) : v("div", {
+function Pt(e, t, n, l, u, r, f, h, k, T) {
+  const I = g(e.multiSelect), v = g(e.disableField), S = g(e.textField), {
+    onMouseenterItem: F,
+    onMouseoverItem: V,
+    onMouseoutItem: w
+  } = r, {
+    getKey: a,
+    listViewItemClass: s,
+    listViewItemStyle: i,
+    onCheckItem: o,
+    onClickItem: b,
+    updateSelectedItems: y
+  } = f;
+  function d(x, m, P) {
+    return e.contentTemplate ? c(U, null, [e.contentTemplate({
+      item: x.raw,
+      index: m,
+      selectedItem: P
+    })]) : t.slots.content ? c(U, null, [t.slots.content && t.slots.content({
+      item: x.raw,
+      index: m,
+      selectedItem: P
+    })]) : c("div", {
       style: "margin: 10px 0;"
-    }, [F.raw[f.value || "name"]]);
-  }
-  function x(F, s, R) {
-    return v("li", {
-      class: S(F, s),
-      id: l(F, s),
-      key: l(F, s),
-      style: u(F, s),
-      onClick: (A) => T(F, s, A),
-      onMouseenter: (A) => g(A, F, s),
-      onMouseover: (A) => O(A, F, s),
-      onMouseout: (A) => c(A, F, s)
-    }, [V.value && v("div", {
+    }, [x.raw[S.value || "name"]]);
+  }
+  function O(x, m, P) {
+    return c("li", {
+      class: s(x, m),
+      id: a(x, m),
+      key: a(x, m),
+      style: i(x, m),
+      onClick: (H) => b(x, m, H),
+      onMouseenter: (H) => F(H, x, m),
+      onMouseover: (H) => V(H, x, m),
+      onMouseout: (H) => w(H, x, m)
+    }, [I.value && c("div", {
       class: "f-list-select",
-      onClick: (A) => A.stopPropagation()
-    }, [v(J, {
-      id: "list-" + l(F, s),
+      onClick: (H) => H.stopPropagation()
+    }, [c(ne, {
+      id: "list-" + a(x, m),
       customClass: "listview-checkbox",
-      disabled: F[C.value],
-      checked: F.checked,
-      "onUpdate:checked": (A) => F.checked = A,
-      onChange: (A) => {
-        p(F, s, !A.checked), k();
+      disabled: x[v.value],
+      checked: x.checked,
+      "onUpdate:checked": (H) => x.checked = H,
+      onChange: (H) => {
+        o(x, m, !H.checked), y();
       }
-    }, null)]), v("div", {
+    }, null)]), c("div", {
       class: "f-list-content"
-    }, [I(F, s, R)])]);
+    }, [d(x, m, P)])]);
   }
   return {
-    renderItem: x
+    renderItem: O
   };
 }
-function ct(e, t, a, n, r, i, o, d, w, b) {
-  const V = h(e.multiSelect), C = h(e.disableField), f = h(e.textField), {
-    onMouseenterItem: g,
-    onMouseoverItem: O,
-    onMouseoutItem: c
-  } = i, {
-    getKey: l,
-    listViewItemClass: S,
-    onCheckItem: u,
-    onClickItem: p
-  } = o, {
-    dragstart: T,
-    dragenter: k,
-    dragover: I,
-    dragend: x
-  } = n, {
-    removeItem: F
-  } = w, s = L(() => ({
-    margin: V.value ? "10px 0" : "10px 0px 10px 14px"
+function Mt(e, t, n, l, u, r, f, h, k, T) {
+  const I = g(e.multiSelect), v = g(e.disableField), S = g(e.textField), {
+    onMouseenterItem: F,
+    onMouseoverItem: V,
+    onMouseoutItem: w
+  } = r, {
+    getKey: a,
+    listViewItemClass: s,
+    onCheckItem: i,
+    onClickItem: o
+  } = f, {
+    dragstart: b,
+    dragenter: y,
+    dragover: d,
+    dragend: O
+  } = l, {
+    removeItem: x
+  } = k, m = R(() => ({
+    margin: I.value ? "10px 0" : "10px 0px 10px 14px"
   }));
-  function R(m, y = "") {
-    const H = m.target;
-    H.title = H.scrollWidth > H.clientWidth ? y : "";
+  function P(p, C = "") {
+    const A = p.target;
+    A.title = A.scrollWidth > A.clientWidth ? C : "";
   }
-  function A(m) {
-    return v("div", {
-      style: s.value,
-      onMouseenter: (y) => R(y, m.raw[f.value || "name"])
-    }, [m.raw[f.value || "name"]]);
+  function H(p) {
+    return c("div", {
+      style: m.value,
+      onMouseenter: (C) => P(C, p.raw[S.value || "name"])
+    }, [p.raw[S.value || "name"]]);
   }
   function E() {
-    return t.slots.itemContent ? t.slots.itemContent : A;
+    return t.slots.itemContent ? t.slots.itemContent : H;
   }
   const N = E();
-  function P(m, y, H) {
-    return v("li", {
-      class: S(m, y),
-      id: l(m, y),
-      key: l(m, y),
-      onClick: (B) => p(m, y, B),
-      onMouseenter: (B) => g(B, m, y),
-      onMouseover: (B) => O(B, m, y),
-      onMouseout: (B) => c(B, m, y),
+  function B(p, C, A) {
+    return c("li", {
+      class: s(p, C),
+      id: a(p, C),
+      key: a(p, C),
+      onClick: (M) => o(p, C, M),
+      onMouseenter: (M) => F(M, p, C),
+      onMouseover: (M) => V(M, p, C),
+      onMouseout: (M) => w(M, p, C),
       draggable: "true",
-      onDragstart: (B) => T(B, m, y),
-      onDragenter: (B) => k(B, y),
-      onDragend: (B) => x(B, m),
-      onDragover: (B) => I(B)
-    }, [V.value && v("div", {
+      onDragstart: (M) => b(M, p, C),
+      onDragenter: (M) => y(M, C),
+      onDragend: (M) => O(M, p),
+      onDragover: (M) => d(M)
+    }, [I.value && c("div", {
       class: "f-list-select",
-      onClick: (B) => B.stopPropagation()
-    }, [v(J, {
-      id: "list-" + l(m, y),
+      onClick: (M) => M.stopPropagation()
+    }, [c(ne, {
+      id: "list-" + a(p, C),
       customClass: "listview-checkbox",
-      disabled: m[C.value] || !m.checked,
-      checked: m.checked,
-      "onUpdate:checked": (B) => m.checked = B,
-      onChange: (B) => u(m, y, !B.checked)
-    }, null)]), v("div", {
+      disabled: p[v.value] || !p.checked,
+      checked: p.checked,
+      "onUpdate:checked": (M) => p.checked = M,
+      onChange: (M) => i(p, C, !M.checked)
+    }, null)]), c("div", {
       class: "f-list-content"
-    }, [N(m)]), v("div", {
+    }, [N(p)]), c("div", {
       class: "f-list-remove",
-      onClick: (B) => {
-        B.stopPropagation(), F(y);
+      onClick: (M) => {
+        M.stopPropagation(), x(C);
       }
-    }, [v("div", {
+    }, [c("div", {
       class: "f-list-remove-icon"
-    }, [v("i", {
+    }, [c("i", {
       class: "f-icon f-icon-remove_face"
-    }, null)])]), v("div", {
+    }, null)])]), c("div", {
       class: "f-list-handle"
-    }, [v("div", null, [v("i", {
+    }, [c("div", null, [c("i", {
       class: "f-icon f-icon-drag-vertical"
     }, null)])])]);
   }
   return {
-    renderItem: P
+    renderItem: B
   };
 }
-function dt(e, t, a, n, r, i, o, d, w, b) {
-  var l;
-  const V = h(((l = e.group) == null ? void 0 : l.groupFields) || []), {
-    collpaseGroupIconClass: C
-  } = r, {
-    toggleGroupRow: f
-  } = b;
-  function g(S, u) {
-    u.collapse = !u.collapse, a.value = f(u.collapse ? "collapse" : "expand", u, a.value);
-  }
-  function O(S, u, p) {
-    return t.slots.group ? v(W, null, [t.slots.content && t.slots.group({
-      item: S.raw,
-      index: u,
-      selectedItem: p
-    })]) : v("div", {
+function Bt(e, t, n, l, u, r, f, h, k, T) {
+  var a;
+  const I = g(((a = e.group) == null ? void 0 : a.groupFields) || []), {
+    collpaseGroupIconClass: v
+  } = u, {
+    toggleGroupRow: S
+  } = T;
+  function F(s, i) {
+    i.collapse = !i.collapse, n.value = S(i.collapse ? "collapse" : "expand", i, n.value);
+  }
+  function V(s, i, o) {
+    return t.slots.group ? c(U, null, [t.slots.content && t.slots.group({
+      item: s.raw,
+      index: i,
+      selectedItem: o
+    })]) : c("div", {
       class: "f-navlookup-recentHeader",
-      onClick: (T) => g(T, S)
-    }, [v("div", {
+      onClick: (b) => F(b, s)
+    }, [c("div", {
       class: "fv-grid-group-row-icon"
-    }, [v("span", {
-      class: C(S)
-    }, null)]), v("div", {
+    }, [c("span", {
+      class: v(s)
+    }, null)]), c("div", {
       class: "f-navlookup-recommandLabel"
-    }, [S.raw[V.value[S.layer]]])]);
+    }, [s.raw[I.value[s.layer]]])]);
   }
-  function c(S, u, p) {
-    return S.layer > -1 && O(S, u, p);
+  function w(s, i, o) {
+    return s.layer > -1 && V(s, i, o);
   }
   return {
-    renderItem: c
+    renderItem: w
   };
 }
-function ft(e, t, a, n) {
-  const { dataView: r } = a, { updateSelectedItems: i } = n;
-  function o(d) {
-    if (d > -1 && d < r.value.length) {
-      if (e != null && e.checkBeforeRemoveItem && !e.checkBeforeRemoveItem(r.value[d]))
+function Rt(e, t, n, l) {
+  const { dataView: u } = n, { updateSelectedItems: r } = l;
+  function f(h) {
+    if (h > -1 && h < u.value.length) {
+      if (e != null && e.checkBeforeRemoveItem && !e.checkBeforeRemoveItem(u.value[h]))
         return;
-      const w = r.value.splice(d, 1);
-      i(), t.emit("removeItem", w[0]);
+      const k = u.value.splice(h, 1);
+      r(), t.emit("removeItem", k[0]);
     }
   }
-  return { removeItem: o };
+  return { removeItem: f };
 }
-function mt(e, t, a, n, r, i, o, d, w, b) {
-  const V = h(e.view), C = h(e.view === "CardView"), f = h({}), g = ft(e, t, n, w), O = L(() => ({
+function Lt(e, t, n, l, u, r, f, h, k, T) {
+  const I = g(e.view), v = g(e.view === "CardView"), S = g({}), F = Rt(e, t, l, k), V = R(() => ({
     "f-list-view-group": !0,
     "f-list-view-group-multiselect": e.multiSelect,
-    "d-flex": C.value,
-    "flex-wrap": C.value
-  })), c = L(() => !!a.value && a.value.length > 0), l = L(() => a.value.length === 0);
-  L(() => l.value && !t.slots.empty);
-  function S() {
-    return V.value === "SingleView" ? ie : V.value === "DraggableView" ? ct : (V.value === "ContentView" || V.value === "CardView") && (e.contentTemplate || t.slots.content) ? rt : ie;
-  }
-  const u = S(), {
-    renderItem: p
-  } = u(e, t, a, b, r, i, w, o, g, d), {
-    renderItem: T
-  } = dt(e, t, a, b, r, i, w, o, g, d), k = [p, T];
-  function I() {
-    return a.value.filter((s) => s.visible !== !1).map((s, R) => k[s.type](s, R, f));
+    "d-flex": v.value,
+    "flex-wrap": v.value
+  })), w = R(() => !!n.value && n.value.length > 0), a = R(() => n.value.length === 0);
+  R(() => a.value && !t.slots.empty);
+  function s() {
+    return I.value === "SingleView" ? re : I.value === "DraggableView" ? Mt : (I.value === "ContentView" || I.value === "CardView") && (e.contentTemplate || t.slots.content) ? Pt : re;
+  }
+  const i = s(), {
+    renderItem: o
+  } = i(e, t, n, T, u, r, k, f, F, h), {
+    renderItem: b
+  } = Bt(e, t, n, T, u, r, k, f, F, h), y = [o, b];
+  function d() {
+    return n.value.filter((m) => m.visible !== !1).map((m, P) => y[m.type](m, P, S));
   }
-  function x() {
-    return v("div", {
+  function O() {
+    return c("div", {
       class: "f-list-view-emptydata",
       style: "margin: 0 auto;"
-    }, [v("p", {
+    }, [c("p", {
       class: "f-empty-title"
-    }, [e.emptyTemplate ? e.emptyTemplate() : t.slots.empty ? t.slots.empty() : Y.getLocaleValue("listView.emptyMessage")])]);
+    }, [e.emptyTemplate ? e.emptyTemplate() : t.slots.empty ? t.slots.empty() : te.getLocaleValue("listView.emptyMessage")])]);
   }
-  function F() {
-    return v("ul", {
-      class: O.value,
+  function x() {
+    return c("ul", {
+      class: V.value,
       style: "list-style: none;"
-    }, [c.value && I(), l.value && x()]);
+    }, [w.value && d(), a.value && O()]);
   }
   return {
-    renderListArea: F
+    renderListArea: x
   };
 }
-function vt(e, t, a) {
-  function n() {
-    return t.slots.header && v("div", {
+function Ht(e, t, n) {
+  function l() {
+    return t.slots.header && c("div", {
       class: "f-list-view-header"
     }, [t.slots.header()]);
   }
   return {
-    renderHeader: n
+    renderHeader: l
   };
 }
-function ae(e, t, a) {
-  const n = h(e.headerClass), r = h(e.placeholder), i = h(""), o = L(() => !i.value), d = L(() => !!i.value);
-  function w(f) {
-    i.value = "";
+function ue(e, t, n) {
+  const l = g(e.headerClass), u = g(e.placeholder), r = g(""), f = R(() => !r.value), h = R(() => !!r.value);
+  function k(S) {
+    r.value = "";
   }
-  j(i, (f) => {
-    e.enableHighlightSearch && a.search(f), t.emit("afterSearch", f);
+  $(r, (S) => {
+    e.enableHighlightSearch && n.search(S), t.emit("afterSearch", S);
   });
-  const b = L(() => {
-    const f = {
+  const T = R(() => {
+    const S = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return n.value && n.value.split(" ").reduce((O, c) => (O[c] = !0, O), f), f;
+    return l.value && l.value.split(" ").reduce((V, w) => (V[w] = !0, V), S), S;
   });
-  function V(f) {
+  function I(S) {
   }
-  function C() {
-    return v("div", {
+  function v() {
+    return c("div", {
       class: "f-list-view-header",
-      onClick: Pe(() => V, ["prevent", "stop"])
-    }, [v("div", {
-      class: b.value
-    }, [v("div", {
+      onClick: je(() => I, ["prevent", "stop"])
+    }, [c("div", {
+      class: T.value
+    }, [c("div", {
       class: "farris-input-wrap"
-    }, [v("div", {
+    }, [c("div", {
       class: "f-cmp-inputgroup"
-    }, [v("div", {
+    }, [c("div", {
       class: "input-group f-state-editable"
-    }, [Be(v("input", {
+    }, [$e(c("input", {
       class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (f) => i.value = f,
+      "onUpdate:modelValue": (S) => r.value = S,
       name: "input-group-value",
       type: "text",
-      placeholder: r.value,
+      placeholder: u.value,
       autocomplete: "off"
-    }, null), [[Re, i.value]]), v("div", {
+    }, null), [[Ge, r.value]]), c("div", {
       class: "input-group-append"
-    }, [d.value && v("span", {
+    }, [h.value && c("span", {
       class: "input-group-text input-group-clear",
-      onClick: (f) => w()
-    }, [v("i", {
+      onClick: (S) => k()
+    }, [c("i", {
       class: "f-icon f-icon-close-circle"
-    }, null)]), o.value && v("span", {
+    }, null)]), f.value && c("span", {
       class: "input-group-text"
-    }, [v("span", {
+    }, [c("span", {
       class: "f-icon f-icon-search"
     }, null)])])])])])])]);
   }
   return {
-    renderHeader: C
+    renderHeader: v
   };
 }
-function gt() {
-  const e = h(""), t = h(-1), a = h(""), n = h(-1), r = h(!1);
-  function i(C, f, g) {
-    n.value = g;
+function At() {
+  const e = g(""), t = g(-1), n = g(""), l = g(-1), u = g(!1);
+  function r(v, S, F) {
+    l.value = F;
   }
-  function o(C, f, g) {
-    r.value || (n.value = g);
+  function f(v, S, F) {
+    u.value || (l.value = F);
   }
-  function d(C, f, g) {
-    n.value = -1;
+  function h(v, S, F) {
+    l.value = -1;
   }
-  function w() {
-    r.value = !0;
+  function k() {
+    u.value = !0;
   }
-  function b() {
-    r.value = !1;
+  function T() {
+    u.value = !1;
   }
-  function V() {
+  function I() {
     t.value = -1, e.value = "";
   }
   return {
     activeIndex: t,
-    focusedItemId: a,
-    hoverIndex: n,
-    clearActiveItem: V,
-    onMouseenterItem: i,
-    onMouseoverItem: o,
-    onMouseoutItem: d,
-    resumeHover: b,
-    suspendHover: w
+    focusedItemId: n,
+    hoverIndex: l,
+    clearActiveItem: I,
+    onMouseenterItem: r,
+    onMouseoverItem: f,
+    onMouseoutItem: h,
+    resumeHover: T,
+    suspendHover: k
   };
 }
-function ht(e, t, a, n) {
-  const r = h(e.idField), { dataView: i } = a, o = h(-1), d = h(!1), { activeIndex: w, focusedItemId: b, hoverIndex: V, resumeHover: C, suspendHover: f } = n;
-  let g, O = 0, c = 0;
-  function l(I, x) {
-    const F = I - O, s = x - c;
-    g.style.left = parseInt(g.style.left) + F + "px", g.style.top = parseInt(g.style.top) + s + "px", O = I, c = x;
-  }
-  function S(I) {
-    const { left: x, top: F } = I.getBoundingClientRect(), s = I.cloneNode(!0);
-    return s.className = s.className + " f-listview-drag-moving", s.style.cssText = `
+function Et(e, t, n, l) {
+  const u = g(e.idField), { dataView: r } = n, f = g(-1), h = g(!1), { activeIndex: k, focusedItemId: T, hoverIndex: I, resumeHover: v, suspendHover: S } = l;
+  let F, V = 0, w = 0;
+  function a(d, O) {
+    const x = d - V, m = O - w;
+    F.style.left = parseInt(F.style.left) + x + "px", F.style.top = parseInt(F.style.top) + m + "px", V = d, w = O;
+  }
+  function s(d) {
+    const { left: O, top: x } = d.getBoundingClientRect(), m = d.cloneNode(!0);
+    return m.className = m.className + " f-listview-drag-moving", m.style.cssText = `
         position:absolute;
-        left:${x}px;
-        top:${document.documentElement.scrollTop ? F + document.documentElement.scrollTop : F}px;
+        left:${O}px;
+        top:${document.documentElement.scrollTop ? x + document.documentElement.scrollTop : x}px;
         z-index: 999999;
         pointer-events: none;
         border-radius: 10px;
@@ -509,224 +704,225 @@ function ht(e, t, a, n) {
         align-items: center;
         float: none;
         text-align: initial;
-        width:${getComputedStyle(I).width};
-        height:${getComputedStyle(I).height};
-        `, s.children[0].style.cssText = "overflow: hidden;flex: 1 1 auto;width: 100%;", s.children[0].children[0].style.cssText = `
+        width:${getComputedStyle(d).width};
+        height:${getComputedStyle(d).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;
-        `, s.children[1].style.cssText = "width: 30px;padding: 0 14px 0 0", s.children[2].style.cssText = "padding: 0 14px 0 0;", document.body.appendChild(s), s;
+        `, 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 u(I, x, F) {
-    if (I.stopPropagation(), f(), x) {
-      if (g = S(I.target), I.dataTransfer) {
-        const s = new Image();
-        s.src = "", I.dataTransfer.setDragImage(s, 0, 0);
+  function i(d, O, x) {
+    if (d.stopPropagation(), S(), O) {
+      if (F = s(d.target), d.dataTransfer) {
+        const m = new Image();
+        m.src = "", d.dataTransfer.setDragImage(m, 0, 0);
       }
-      O = I.pageX, c = I.pageY, setTimeout(() => {
-        o.value = F, d.value = !0, x.moving = !0;
+      V = d.pageX, w = d.pageY, setTimeout(() => {
+        f.value = x, h.value = !0, O.moving = !0;
       });
     }
   }
-  function p(I, x) {
-    if (I.preventDefault(), o.value !== x) {
-      const F = i.value[o.value], s = i.value;
-      s.splice(o.value, 1), s.splice(x, 0, F), o.value = x, l(I.pageX, I.pageY);
+  function o(d, O) {
+    if (d.preventDefault(), f.value !== O) {
+      const x = r.value[f.value], m = r.value;
+      m.splice(f.value, 1), m.splice(O, 0, x), f.value = O, a(d.pageX, d.pageY);
     }
   }
-  function T(I) {
-    I.preventDefault(), I.dataTransfer && (I.dataTransfer.dropEffect = "move"), l(I.pageX, I.pageY);
+  function b(d) {
+    d.preventDefault(), d.dataTransfer && (d.dataTransfer.dropEffect = "move"), a(d.pageX, d.pageY);
   }
-  function k(I, x) {
-    x && (x.moving = !1, g && (document.body.removeChild(g), g = null)), i.value.forEach((F, s) => {
-      F.__fv_index__ = s;
-    }), d.value = !1, C(), V.value = x.raw.__fv_index__, w.value = x.raw.__fv_index__, b.value = x.raw[r.value], t.emit("change", i.value), t.emit("activeChange", [x.raw]);
+  function y(d, O) {
+    O && (O.moving = !1, F && (document.body.removeChild(F), F = null)), r.value.forEach((x, m) => {
+      x.__fv_index__ = m;
+    }), h.value = !1, v(), I.value = O.raw.__fv_index__, k.value = O.raw.__fv_index__, T.value = O.raw[u.value], t.emit("change", r.value), t.emit("activeChange", [O.raw]);
   }
   return {
-    dragstart: u,
-    dragenter: p,
-    dragover: T,
-    dragend: k,
-    isDragging: d
+    dragstart: i,
+    dragenter: o,
+    dragover: b,
+    dragend: y,
+    isDragging: h
   };
 }
-function yt(e, t, a, n, r, i) {
-  const o = h(e.idField), d = h(e.disableField), w = h(e.draggable);
-  h(e.itemClass);
-  const b = h(e.selection.multiSelect ?? !1), V = h(e.selection.multiSelectMode), { isDragging: C } = n, { activeIndex: f, focusedItemId: g, hoverIndex: O } = r, { clearSelection: c, getSelectedItems: l, toggleSelectItem: S, currentSelectedDataId: u } = i, p = h(l()), T = (P) => p.value.length === 0 ? !1 : p.value.some((m) => {
-    let y = "";
-    return m.data ? y = m.data[o.value] : y = m[o.value], y === P;
+function jt(e, t, n, l, u, r) {
+  const f = g(e.idField), h = g(e.disableField), k = g(e.draggable);
+  g(e.itemClass);
+  const T = g(e.selection.multiSelect ?? !1), I = g(e.selection.multiSelectMode), { isDragging: v } = l, { activeIndex: S, focusedItemId: F, hoverIndex: V } = u, { clearSelection: w, getSelectedItems: a, toggleSelectItem: s, currentSelectedDataId: i } = r, o = g(a()), b = (B) => o.value.length === 0 ? !1 : o.value.some((p) => {
+    let C = "";
+    return p.data ? C = p.data[f.value] : C = p[f.value], C === B;
   });
-  function k() {
-    p.value = l();
+  function y() {
+    o.value = a();
   }
-  function I(P, m) {
-    return P.raw[o.value] != null ? P.raw[o.value] : "";
+  function d(B, p) {
+    return B.raw[f.value] != null ? B.raw[f.value] : "";
   }
-  function x(P, m) {
-    const y = {
+  function O(B, p) {
+    const C = {
       "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": w.value,
-      "f-un-click": !P.checked,
-      "f-un-select": !!P.raw[d.value],
+      "f-list-view-draggable-item": k.value,
+      "f-un-click": !B.checked,
+      "f-un-select": !!B.raw[h.value],
       "f-listview-active": (
         // 多选
-        b.value && T(I(P)) || // 单选
-        !b.value && P.raw[o.value] === u.value
+        T.value && b(d(B)) || // 单选
+        !T.value && B.raw[f.value] === i.value
       ),
-      "f-listview-hover": !C.value && m === O.value,
-      moving: !!P.moving
+      "f-listview-hover": !v.value && p === V.value,
+      moving: !!B.moving
     };
     if (typeof e.itemClass == "string")
-      return X(y, e.itemClass);
+      return Z(C, e.itemClass);
     if (typeof e.itemClass == "function") {
-      const H = e.itemClass(P);
-      return X(y, H);
+      const A = e.itemClass(B);
+      return Z(C, A);
     }
-    return y;
+    return C;
   }
-  function F(P, m) {
-    const y = {};
+  function x(B, p) {
+    const C = {};
     if (typeof e.itemStyle == "string")
-      return ne(y, e.itemStyle);
+      return oe(C, e.itemStyle);
     if (typeof e.itemStyle == "function") {
-      const H = e.itemStyle(P);
-      return ne(y, H);
+      const A = e.itemStyle(B);
+      return oe(C, A);
     }
-    return y;
+    return C;
   }
-  const s = L(() => !b.value);
-  function R(P, m, y) {
-    P.checked = y, !P.raw[d.value] && (s.value && (g.value = P.raw[o.value]), S(P));
+  const m = R(() => !T.value);
+  function P(B, p, C) {
+    B.checked = C, !B.raw[h.value] && (m.value && (F.value = B.raw[f.value]), s(B));
   }
-  const A = L(() => b.value && V.value === "OnCheckClearByClick"), E = L(() => !b.value || b.value && (V.value === "OnCheckAndClick" || V.value === "OnClick"));
-  function N(P, m, y) {
-    if (P.raw[d.value]) {
-      y == null || y.preventDefault(), y == null || y.stopPropagation();
+  const H = R(() => T.value && I.value === "OnCheckClearByClick"), E = R(() => !T.value || T.value && (I.value === "OnCheckAndClick" || I.value === "OnClick"));
+  function N(B, p, C) {
+    if (B.raw[h.value]) {
+      C == null || C.preventDefault(), C == null || C.stopPropagation();
       return;
     }
-    u.value = P.raw[o.value], g.value = P.raw[o.value], f.value = m, A.value && c(), E.value && (S(P), k()), t.emit("clickItem", { data: p.value, index: m, dataItem: P.raw }), t.emit("activeChange", p.value);
+    i.value = B.raw[f.value], F.value = B.raw[f.value], S.value = p, H.value && w(), E.value && (s(B), y()), t.emit("clickItem", { data: o.value, index: p, dataItem: B.raw }), t.emit("activeChange", o.value);
   }
   return {
-    getKey: I,
-    selectedItems: p,
-    listViewItemClass: x,
-    listViewItemStyle: F,
-    updateSelectedItems: k,
-    onCheckItem: R,
+    getKey: d,
+    selectedItems: o,
+    listViewItemClass: O,
+    listViewItemStyle: x,
+    updateSelectedItems: y,
+    onCheckItem: P,
     onClickItem: N
   };
 }
-const Ct = /* @__PURE__ */ _({
+const ve = /* @__PURE__ */ _({
   name: "FListView",
-  props: st,
+  props: xt,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectItem", "unSelectItem", "selectionChange", "removeItem", "change", "activeChange", "pageIndexChanged", "pageSizeChanged", "changed", "selectionUpdate"],
   setup(e, t) {
-    const a = h(), n = h(!0), r = h(!1), i = h([]), o = 0, d = h(e.columns), w = Me(e, t), b = Le(e), V = He(e), C = Ae(e, b), f = Ee(e, /* @__PURE__ */ new Map(), w, V, b), g = je(e, f, b, i, t), O = ut(e, a), c = Ge(e, f), l = L(() => f.dataView.value.length), S = Ne(e, t, g, b), u = _e(e, t, b, S, i), p = $e(e), T = ze(e, {}, p), k = Ue(e, f, u, V, b, p, T), I = We(e, b, T, k), x = De(e, b, T, k), F = qe(e, d, f, l, o, k, I, x), {
-      getVisualData: s
-    } = F;
-    i.value = s(0, l.value + o - 1);
-    const R = L(() => {
-      const M = {
+    var ae;
+    const n = g(!1), l = g(), u = g(!0), r = g(((ae = e.rowOption) == null ? void 0 : ae.rowHeight) || 28), f = g(!1), h = g([]), k = 0, T = g(e.columns), I = ze(e, t), v = Ue(e), S = We(e), F = qe(e, v), V = De(e, /* @__PURE__ */ new Map(), I, S, v), w = Ke(e, V, v, h, t), a = Ot(e, l), s = Xe(e, V), i = R(() => V.dataView.value.length), o = Ye(e, t, w, v), b = Je(e, t, v, o, h), y = Qe(e, V, r), d = Ze(e, {}, y), O = et(e, V, b, S, v, y, d, r), x = tt(e, v, d, O), m = nt(e, v, d, O), P = lt(e, T, V, i, k, O, x, m), {
+      getVisualData: H
+    } = P;
+    h.value = H(0, i.value + k - 1);
+    const E = R(() => {
+      const L = {
         "f-list-view": !0,
         "f-list-view-multiple": e.multiSelect
       };
-      return e.size !== "default" && (M[`${e.size}-item`] = !0), X(M, e.customClass);
-    }), A = L(() => !!t.slots.footer || n.value);
-    function E() {
-      return e.header === "SearchBar" ? ae : e.header === "ContentHeader" ? vt : ae;
+      return e.size !== "default" && (L[`${e.size}-item`] = !0), Z(L, e.customClass);
+    }), N = R(() => !!t.slots.footer || u.value);
+    function B() {
+      return e.header === "SearchBar" ? ue : e.header === "ContentHeader" ? Ht : ue;
     }
-    const N = E(), {
-      renderHeader: P
-    } = N(e, t, O), m = gt(), y = ht(e, t, f, m), H = yt(e, t, i, y, m, g), {
-      renderListArea: B
-    } = mt(e, t, i, f, C, m, g, F, H, y);
-    function $(M) {
-      O.search(M);
+    const p = B(), {
+      renderHeader: C
+    } = p(e, t, a), A = At(), M = Et(e, t, V, A), j = jt(e, t, h, M, A, w), {
+      renderListArea: Ce
+    } = Lt(e, t, h, V, F, A, w, P, j, M);
+    function Se(L) {
+      a.search(L);
     }
-    function me(M) {
-      M && (f.load(M), i.value = s(0, l.value + o - 1));
+    function we(L) {
+      L && (V.load(L), h.value = H(0, i.value + k - 1));
     }
-    function ve() {
-      g.clearSelection(), m.clearActiveItem();
+    function Fe() {
+      w.clearSelection(), A.clearActiveItem();
     }
-    function ge() {
-      return H.selectedItems.value;
+    function Ie() {
+      return j.selectedItems.value;
     }
-    function he() {
-      return H.selectedItems.value.map((M) => M[b.idField.value]);
+    function Ve() {
+      return j.selectedItems.value.map((L) => L[v.idField.value]);
     }
-    function te(M) {
-      g.selectedValues.value = M, H.updateSelectedItems();
+    function ie(L) {
+      w.selectedValues.value = L, j.updateSelectedItems();
     }
-    function ye() {
-      return g.currentSelectedDataId.value;
+    function ke() {
+      return w.currentSelectedDataId.value;
     }
-    function Ce(M) {
-      S.activeRowById(M);
+    function Te(L) {
+      o.activeRowById(L);
     }
-    function be(M) {
-      const G = b.idField.value, z = i.value.find((K) => K.raw[G] === M), U = i.value.findIndex((K) => K.raw[G] === M);
-      z && U > -1 && H.onClickItem(z, U);
+    function xe(L) {
+      const G = v.idField.value, z = h.value.find((X) => X.raw[G] === L), W = h.value.findIndex((X) => X.raw[G] === L);
+      z && W > -1 && j.onClickItem(z, W);
     }
-    function pe(M) {
-      const G = b.idField.value, z = i.value.find((U) => U.raw[G] === M);
-      z && S.changeRow(z);
+    function Oe(L) {
+      const G = v.idField.value, z = h.value.find((W) => W.raw[G] === L);
+      z && o.changeRow(z);
     }
-    function Se(M) {
-      c.updatePagination(M);
+    function Pe(L) {
+      s.updatePagination(L);
     }
-    function we(M) {
-      return i.value.filter((G) => M.includes(G.raw[e.idField]));
+    function Me(L) {
+      return h.value.filter((G) => L.includes(G.raw[e.idField]));
     }
     t.expose({
-      search: $,
-      updateDataSource: me,
-      clearSelection: ve,
-      getSelections: ge,
-      updateSelectionByIds: te,
-      getSelectionIds: he,
-      activeRowById: Ce,
-      getCurrentRowId: ye,
-      clickRowItemById: be,
-      updatePagination: Se,
-      getVisibleDataByIds: we,
-      selectRowById: pe
+      search: Se,
+      updateDataSource: we,
+      clearSelection: Fe,
+      getSelections: Ie,
+      updateSelectionByIds: ie,
+      getSelectionIds: Ve,
+      activeRowById: Te,
+      getCurrentRowId: ke,
+      clickRowItemById: xe,
+      updatePagination: Pe,
+      getVisibleDataByIds: Me,
+      selectRowById: Oe
     });
-    function Ie(M) {
-      e.multiSelect && (M.preventDefault(), M.stopPropagation());
+    function Be(L) {
+      e.multiSelect && (L.preventDefault(), L.stopPropagation());
     }
-    j(() => e.selectionValues, (M, G) => {
-      M !== G && te(M);
+    $(() => e.selectionValues, (L, G) => {
+      L !== G && ie(L);
     });
-    const Fe = Ke(e, g), {
-      sidebarWidth: Ve,
-      showSidebarCheckBox: $t
-    } = Fe, ke = Xe(e, t), {
-      applyColumnSorter: zt,
-      columnContext: Te,
-      updateColumnRenderContext: Ut
-    } = ke, xe = Ye(e, f, i, Te, F, l, o, Ve, u), {
-      shouldRenderPagination: Wt
-    } = c, {
-      renderDataGridPagination: Dt
-    } = Je(e, t, f, xe, c, g);
-    return () => v("div", {
-      class: R.value,
-      onClick: Ie
-    }, [P(), v("div", {
-      ref: a,
+    const Re = it(e, w), {
+      sidebarWidth: Le,
+      showSidebarCheckBox: rn
+    } = Re, He = at(e, t), {
+      applyColumnSorter: un,
+      columnContext: Ae,
+      updateColumnRenderContext: dn
+    } = He, Ee = ot(e, V, h, Ae, P, i, k, Le, r, n, b), {
+      shouldRenderPagination: cn
+    } = s, {
+      renderDataGridPagination: fn
+    } = st(e, t, V, Ee, s, w);
+    return () => c("div", {
+      class: E.value,
+      onClick: Be
+    }, [C(), c("div", {
+      ref: l,
       class: "f-list-view-content",
       onMouseover: () => {
-        r.value = !0;
+        f.value = !0;
       },
       onMouseleave: () => {
-        r.value = !1;
+        f.value = !1;
       }
-    }, [B()]), A.value && v("div", {
+    }, [Ce()]), N.value && c("div", {
       class: "f-list-view-footer"
     }, [e.footerTemplate ? e.footerTemplate() : t.slots.footer && t.slots.footer()])]);
   }
-}), bt = {
+}), $t = {
   /**
    * 组件标识
    */
@@ -752,58 +948,58 @@ const Ct = /* @__PURE__ */ _({
    */
   customClass: { type: Object, default: {} }
 };
-function pt(e, t) {
-  function a(n) {
-    n.stopPropagation(), e.disabled || t.emit("click", n);
+function Gt(e, t) {
+  function n(l) {
+    l.stopPropagation(), e.disabled || t.emit("click", l);
   }
   return {
-    onClickButton: a
+    onClickButton: n
   };
 }
-function St(e) {
-  const t = L(() => {
-    const n = {
+function Nt(e) {
+  const t = R(() => {
+    const l = {
       "f-icon": !0
     };
     if (e.icon) {
-      const r = e.icon.trim().split(" ");
-      r && r.length && r.reduce((i, o) => (i[o] = !0, i), n);
+      const u = e.icon.trim().split(" ");
+      u && u.length && u.reduce((r, f) => (r[f] = !0, r), l);
     }
-    return n;
-  }), a = L(() => !!(e.icon && e.icon.trim()));
-  return { iconClass: t, shouldShowIcon: a };
+    return l;
+  }), n = R(() => !!(e.icon && e.icon.trim()));
+  return { iconClass: t, shouldShowIcon: n };
 }
-const wt = /* @__PURE__ */ _({
+const ge = /* @__PURE__ */ _({
   name: "FButton",
-  props: bt,
+  props: $t,
   emits: ["click"],
   setup(e, t) {
     const {
-      onClickButton: a
-    } = pt(e, t), {
-      iconClass: n,
-      shouldShowIcon: r
-    } = St(e), i = L(() => {
-      const o = {
+      onClickButton: n
+    } = Gt(e, t), {
+      iconClass: l,
+      shouldShowIcon: u
+    } = Nt(e), r = R(() => {
+      const f = {
         btn: !0,
         "btn-lg": e.size === "large",
         "btn-md": e.size !== "large" && e.size !== "small",
         "btn-sm": e.size === "small",
-        "btn-icontext": r.value
+        "btn-icontext": u.value
       };
-      return o[`btn-${e.type}`] = !0, e.customClass && Object.keys(e.customClass).reduce((d, w) => (d[w] = e.customClass[w], d), o), o;
+      return f[`btn-${e.type}`] = !0, e.customClass && Object.keys(e.customClass).reduce((h, k) => (h[k] = e.customClass[k], h), f), f;
     });
-    return () => v("button", {
-      class: i.value,
+    return () => c("button", {
+      class: r.value,
       disabled: e.disabled,
-      onClick: (o) => a(o)
-    }, [r.value && v("i", {
-      class: n.value
+      onClick: (f) => n(f)
+    }, [u.value && c("i", {
+      class: l.value
     }, null), t.slots.default && t.slots.default()]);
   }
-}), Q = /* @__PURE__ */ new Map([
-  ["appearance", Ze]
-]), It = "https://json-schema.org/draft/2020-12/schema", Ft = "https://farris-design.gitee.io/combo-list.schema.json", Vt = "combo-list", kt = "A Farris Input Component", Tt = "object", xt = {
+}), he = /* @__PURE__ */ new Map([
+  ["appearance", ce]
+]), _t = "https://json-schema.org/draft/2020-12/schema", zt = "https://farris-design.gitee.io/combo-list.schema.json", Ut = "combo-list", Wt = "A Farris Input Component", qt = "object", Dt = {
   id: {
     description: "The unique identifier for a combo list",
     type: "string"
@@ -894,6 +1090,10 @@ const wt = /* @__PURE__ */ _({
     description: "",
     type: "array"
   },
+  dataSource: {
+    description: "",
+    type: "string"
+  },
   remote: {
     description: "",
     type: "string"
@@ -1002,41 +1202,41 @@ const wt = /* @__PURE__ */ _({
     type: "string",
     default: ""
   }
-}, Ot = [
+}, Kt = [
   "type"
-], Pt = [
+], Xt = [
   "id",
   "appearance",
   "binding",
   "visible"
-], Bt = {
+], Yt = {
   onClear: "清空事件",
   onChange: "值变化事件",
   beforeOpen: "打开下拉面板前事件"
-}, Z = {
-  $schema: It,
-  $id: Ft,
-  title: Vt,
-  description: kt,
-  type: Tt,
-  properties: xt,
-  required: Ot,
-  ignore: Pt,
-  events: Bt
+}, ye = {
+  $schema: _t,
+  $id: zt,
+  title: Ut,
+  description: Wt,
+  type: qt,
+  properties: Dt,
+  required: Kt,
+  ignore: Xt,
+  events: Yt
 };
-function ee(e, t, a) {
+function pe(e, t, n) {
   return t;
 }
-function Rt() {
-  function e(t, a, n) {
-    const r = {};
-    return r.beforeOpen = (i) => a.call("beforeOpen", t, [i, t], n), r;
+function Jt() {
+  function e(t, n, l) {
+    const u = {};
+    return u.beforeOpen = (r) => n.call("beforeOpen", t, [r, t], l), u;
   }
   return {
     resolve: e
   };
 }
-const q = {
+const K = {
   /**
    * 组件标识
    */
@@ -1205,17 +1405,16 @@ const q = {
   enableHighlightSearch: { type: Boolean, default: !0 },
   minPanelWidth: { type: Number, default: 160 },
   popupOnClick: { type: Boolean, default: !0 }
-};
-Object.assign({}, q, {
+}, Qt = Object.assign({}, K, {
   readonly: {}
 });
-ce(q, Z, Q, ee);
-const fe = et(
-  q,
-  Z,
-  Q,
-  ee
-), Mt = Rt(), Lt = {
+fe(K, ye, he, pe);
+const be = Ne(
+  K,
+  ye,
+  he,
+  pe
+), Zt = Jt(), en = {
   dataSource: { type: Array, default: [] },
   enableSearch: { type: Boolean, default: !1 },
   idField: { type: String, default: "id" },
@@ -1236,311 +1435,307 @@ const fe = et(
   },
   // 搜索启用高亮
   enableHighlightSearch: { type: Boolean, default: !0 }
-}, Ht = /* @__PURE__ */ _({
+}, tn = /* @__PURE__ */ _({
   name: "FComboListContainer",
-  props: Lt,
+  props: en,
   emits: ["selectionChange"],
   setup(e, t) {
-    const a = h(), n = h(e.dataSource), r = h([]), i = h(e.separator), o = h(e.width), d = h(e.maxHeight), w = L(() => e.multiSelect), b = h(e.multiSelect ? String(e.selectedValues).split(i.value) : [e.selectedValues]), V = L(() => ({
+    const n = g(), l = g(e.dataSource), u = g([]), r = g(e.separator), f = g(e.width), h = g(e.maxHeight), k = R(() => e.multiSelect), T = g(e.multiSelect ? String(e.selectedValues).split(r.value) : [e.selectedValues]), I = R(() => ({
       enableSelectRow: !0,
       multiSelect: e.multiSelect,
       multiSelectMode: "OnCheckAndClick",
-      showCheckbox: w.value,
+      showCheckbox: k.value,
       showSelectAll: !1,
       showSelection: !0
     }));
-    j(e.dataSource, () => {
-      n.value = e.dataSource;
-    }), L(() => e.enableSearch ? "SearchBar" : "ContentHeader");
-    const C = L(() => {
-      const l = {};
-      return o.value !== void 0 && (l.width = `${o.value}px`), d.value !== void 0 && d.value > 0 && (l.maxHeight = `${d.value}px`), l;
+    $(e.dataSource, () => {
+      l.value = e.dataSource;
+    }), R(() => e.enableSearch ? "SearchBar" : "ContentHeader");
+    const v = R(() => {
+      const a = {};
+      return f.value !== void 0 && (a.width = `${f.value}px`), h.value !== void 0 && h.value > 0 && (a.maxHeight = `${h.value}px`), a;
     });
-    function f(l) {
-      a.value.search(l);
+    function S(a) {
+      n.value.search(a);
     }
-    function g(l) {
-      r.value = l.map((S) => Object.assign({}, S)), b.value = l.map((S) => S[e.idField]), t.emit("selectionChange", r.value);
+    function F(a) {
+      u.value = a.map((s) => Object.assign({}, s)), T.value = a.map((s) => s[e.idField]), t.emit("selectionChange", u.value);
     }
-    function O(l) {
+    function V(a) {
       if (e.enableHighlightSearch)
         return;
-      let S = [];
+      let s = [];
       const {
-        searchOption: u
+        searchOption: i
       } = e;
-      typeof u == "function" ? S = n.value.filter((p) => u(l, p)) : S = n.value.filter((p) => p[e.valueField].indexOf(l) > -1 || p[e.textField].indexOf(l) > -1), a.value.updateDataSource(S);
+      typeof i == "function" ? s = l.value.filter((o) => i(a, o)) : s = l.value.filter((o) => o[e.valueField].indexOf(a) > -1 || o[e.textField].indexOf(a) > -1), n.value.updateDataSource(s);
     }
-    j([() => e.selectedValues], ([l]) => {
-      e.multiSelect ? b.value = l.split(i.value) : b.value = [l];
+    $([() => e.selectedValues], ([a]) => {
+      e.multiSelect ? T.value = a.split(r.value) : T.value = [a];
     });
-    function c(l) {
-      a.value.activeRowById(l);
+    function w(a) {
+      n.value.activeRowById(a);
     }
-    return re(() => {
-      var l, S;
+    return ee(() => {
+      var a, s;
       if (!e.multiSelect) {
-        const u = (l = b.value) == null ? void 0 : l[0];
-        let p = u;
-        const T = n.value.map((k) => k[e.valueField || e.idField]);
-        if (!tt(u) && T.includes(u)) {
-          const k = typeof u, I = typeof ((S = n.value[0]) == null ? void 0 : S[e.valueField || e.idField]);
-          I === "number" && k !== I && (p = Number(u)), I === "boolean" && k !== I && (p = u === "true" ? !0 : u === "false" ? !1 : u), c(p);
+        const i = (a = T.value) == null ? void 0 : a[0];
+        let o = i;
+        const b = l.value.map((y) => y[e.valueField || e.idField]);
+        if (!ut(i) && b.includes(i)) {
+          const y = typeof i, d = typeof ((s = l.value[0]) == null ? void 0 : s[e.valueField || e.idField]);
+          d === "number" && y !== d && (o = Number(i)), d === "boolean" && y !== d && (o = i === "true" ? !0 : i === "false" ? !1 : i), w(o);
         }
       }
     }), t.expose({
-      search: f,
-      activeRowById: c
-    }), () => v("div", {
+      search: S,
+      activeRowById: w
+    }), () => c("div", {
       class: "f-combo-list-container",
-      style: C.value
-    }, [v(nt, {
-      ref: a,
+      style: v.value
+    }, [c(dt, {
+      ref: n,
       size: "small",
       itemClass: "f-combo-list-item",
       itemContentClass: "text-truncate",
       header: "ContentHeader",
       headerClass: "f-combo-list-search-box",
-      data: n.value,
+      data: l.value,
       idField: e.idField,
       textField: e.textField,
       titleField: e.titleField,
       multiSelect: e.multiSelect,
-      selection: V.value,
+      selection: I.value,
       enableHighlightSearch: e.enableHighlightSearch,
-      selectionValues: b.value,
-      onSelectionUpdate: g,
-      onAfterSearch: O
+      selectionValues: T.value,
+      onSelectionUpdate: F,
+      onAfterSearch: V
     }, null)]);
   }
 });
-function At(e) {
-  const t = h(""), a = h(e.modelValue), n = h(e.data || []), r = h(e.editable);
-  function i(c) {
-    const l = e.multiSelect ? String(c).split(e.separator) : [String(c)], S = l.map((T) => [T, !0]), u = new Map(S);
-    return n.value.filter((T) => u.has(String(T[e.valueField]))).sort((T, k) => {
-      const I = l.indexOf(T[e.valueField]), x = l.indexOf(k[e.valueField]);
-      return I - x;
+function nn(e, t) {
+  const n = g(""), l = g(e.modelValue), u = g(e.data || []), r = g(e.editable);
+  function f(a) {
+    const s = e.multiSelect ? String(a).split(e.separator) : [String(a)], i = s.map((y) => [y, !0]), o = new Map(i);
+    return u.value.filter((y) => o.has(String(y[e.valueField]))).sort((y, d) => {
+      const O = s.indexOf(y[e.valueField]), x = s.indexOf(d[e.valueField]);
+      return O - x;
     });
   }
-  function o(c) {
-    const l = i(c).map((S) => S[e.textField]).join(e.separator);
-    t.value = r.value ? l || c : l;
+  function h(a) {
+    const s = f(a).map((i) => i[e.textField]).join(e.separator);
+    n.value = r.value ? s || a : s;
   }
-  function d(c) {
+  function k(a) {
     if (e.multiSelect) {
-      const l = c.split(e.separator).map((u) => [u, !0]), S = new Map(l);
-      return n.value.filter((u) => S.has(u[e.textField]));
+      const s = a.split(e.separator).map((o) => [o, !0]), i = new Map(s);
+      return u.value.filter((o) => i.has(o[e.textField]));
     }
-    return n.value.filter((l) => "" + l[e.textField] === c);
+    return u.value.filter((s) => "" + s[e.textField] === a);
   }
-  function w(c) {
-    const l = {};
-    return l[e.idField] = c, l[e.textField] = c, [l];
+  function T(a) {
+    const s = {};
+    return s[e.idField] = a, s[e.textField] = a, [s];
   }
-  function b(c) {
-    let l = d(c);
-    const S = l && l.length > 0;
-    return r.value && !S && (l = w(c)), l;
+  function I(a) {
+    let s = k(a);
+    const i = s && s.length > 0;
+    return r.value && !i && (s = T(a)), s;
   }
-  function V() {
-    const { url: c, method: l = "GET", headers: S = { "Content-Type": "application/json;charset=utf-8;" }, body: u = null } = e.remote;
-    if (!c)
+  function v() {
+    const { url: a, method: s = "GET", headers: i = { "Content-Type": "application/json;charset=utf-8;" }, body: o = null } = e.remote;
+    if (!a)
       return;
-    const p = l.toLowerCase() === "get" ? { method: l, headers: S } : { method: l, headers: S, body: u };
-    let T = !1;
-    fetch(new Request(c, p)).then((k) => {
-      var x, F;
-      if (k.status === 200)
-        return T = !!((F = (x = k.headers) == null ? void 0 : x.get("content-type")) != null && F.includes("application/json")), T ? k.text() : k.json();
-      throw k.status === 405 ? new Error(Y.getLocaleValue("comboList.remoteError")) : new Error(k.statusText);
-    }).then((k) => {
-      k.length && (n.value = T ? JSON.parse(k) : k);
-    }).catch((k) => {
-      console.warn(k);
+    const b = s.toLowerCase() === "get" ? { method: s, headers: i } : { method: s, headers: i, body: o };
+    let y = !1;
+    fetch(new Request(a, b)).then((d) => {
+      var x, m;
+      if (d.status === 200)
+        return y = !!((m = (x = d.headers) == null ? void 0 : x.get("content-type")) != null && m.includes("application/json")), y ? d.text() : d.json();
+      throw d.status === 405 ? new Error(te.getLocaleValue("comboList.remoteError")) : new Error(d.statusText);
+    }).then((d) => {
+      d.length && (u.value = y ? JSON.parse(d) : d);
+    }).catch((d) => {
+      console.warn(d);
     });
   }
-  e.remote && (e.load ? e.load().then((c) => {
-    n.value = c;
-  }).catch((c) => {
-    console.log(c);
-  }) : V()), j(() => e.data, () => {
-    n.value = e.data;
-  }), j([n], ([c]) => {
-    if (e.modelValue != null) {
-      const l = c.find((S) => S[e.valueField] === e.modelValue);
-      l && (t.value = l[e.textField]);
+  e.remote && (e.load ? e.load().then((a) => {
+    u.value = a;
+  }).catch((a) => {
+    console.log(a);
+  }) : v()), $(() => e.data, () => {
+    u.value = e.data;
+  }), $([u], ([a], [s]) => {
+    if (e.modelValue != null && !e.multiSelect) {
+      const i = a.find((o) => o[e.valueField] === l.value);
+      i ? i[e.valueField] !== l.value ? (l.value = i[e.valueField], n.value = i[e.textField], t.emit("update:modelValue", i[e.valueField]), t.emit("change", [i], i[e.valueField])) : n.value !== i[e.textField] && (n.value = i[e.textField]) : l.value !== "" && (l.value = "", n.value = "", t.emit("update:modelValue", ""), t.emit("change", [], ""));
     }
-  }), j(() => e.modelValue, (c) => {
-    a.value = c, o(c);
+  }), $(() => e.modelValue, (a, s) => {
+    s !== a && (l.value = a, h(a));
   });
-  function C(c) {
-    n.value = c;
+  function S(a) {
+    u.value = a;
   }
-  function f() {
-    return n.value;
+  function F() {
+    return u.value;
   }
-  function g() {
-    return t.value;
+  function V() {
+    return n.value;
   }
-  function O() {
-    const c = typeof e.beforeOpen == "function";
-    return !e.beforeOpen || !c ? Promise.resolve(!0) : Promise.resolve().then(() => e.beforeOpen({ instance: { updateDataSource: C, getData: f, getDisplayText: g } })).then((l) => typeof (l == null ? void 0 : l.canOpen) == "boolean" ? l == null ? void 0 : l.canOpen : !0);
+  function w() {
+    const a = typeof e.beforeOpen == "function";
+    return !e.beforeOpen || !a ? Promise.resolve(!0) : Promise.resolve().then(() => e.beforeOpen({ instance: { updateDataSource: S, getData: F, getDisplayText: V } })).then((s) => typeof (s == null ? void 0 : s.canOpen) == "boolean" ? s == null ? void 0 : s.canOpen : !0);
   }
-  return o(e.modelValue), {
-    dataSource: n,
-    displayText: t,
+  return h(e.modelValue), {
+    dataSource: u,
+    displayText: n,
     editable: r,
-    modelValue: a,
-    beforeOpenList: O,
-    getItemsByDisplayText: d,
-    getItemsByValue: i,
-    getSelectedItemsByDisplayText: b
+    modelValue: l,
+    beforeOpenList: w,
+    getItemsByDisplayText: k,
+    getItemsByValue: f,
+    getSelectedItemsByDisplayText: I
   };
 }
-const D = /* @__PURE__ */ _({
+const q = /* @__PURE__ */ _({
   name: "FComboList",
-  props: q,
+  props: K,
   emits: ["clear", "update:modelValue", "change", "input"],
   setup(e, t) {
-    const a = h(), n = h(), r = h(e.disabled || e.readonly), i = h(e.enableClear), o = h(e.enableSearch), d = h(e.readonly), {
-      dataSource: w,
-      displayText: b,
-      editable: V,
-      modelValue: C,
-      getItemsByDisplayText: f,
-      getItemsByValue: g,
-      beforeOpenList: O
-    } = At(e), c = h(e.dropDownIcon);
-    c.value === '<span class="f-icon f-icon-arrow-chevron-down"></span>' && (c.value = '<span id="' + e.id + '-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');
-    const l = L(() => e.multiSelect), S = L(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
-    function u() {
-      !l.value && n.value && n.value.hidePopup();
+    const n = g(), l = g(), u = g(e.disabled || e.readonly), r = g(e.enableClear), f = g(e.enableSearch), h = g(e.readonly), {
+      dataSource: k,
+      displayText: T,
+      editable: I,
+      modelValue: v,
+      getItemsByDisplayText: S,
+      getItemsByValue: F,
+      beforeOpenList: V
+    } = nn(e, t), w = g(e.dropDownIcon);
+    w.value === '<span class="f-icon f-icon-arrow-chevron-down"></span>' && (w.value = '<span id="' + e.id + '-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');
+    const a = R(() => e.multiSelect), s = R(() => l.value ? l.value.elementRef.getBoundingClientRect().width : 0);
+    function i() {
+      !a.value && l.value && l.value.hidePopup();
     }
-    function p(m) {
-      b.value = m.map((H) => H[e.textField]).join(e.separator) || C.value;
-      let y = "";
-      m.length === 1 ? y = m[0][e.valueField] : y = m.map((H) => H[e.valueField]).join(e.separator), C.value !== y && (C.value = y, t.emit("update:modelValue", C.value), t.emit("change", m, C.value));
+    function o(p) {
+      T.value = p.map((A) => A[e.textField]).join(e.separator) || v.value;
+      let C = "";
+      p.length === 1 ? C = p[0][e.valueField] : C = p.map((A) => A[e.valueField]).join(e.separator), v.value !== C && (v.value = C, t.emit("update:modelValue", v.value), t.emit("change", p, v.value));
     }
-    function T() {
-      const m = g(C.value);
-      p(m);
+    function b() {
+      const p = F(v.value);
+      o(p);
     }
-    function k() {
-      d.value || b.value;
+    function y() {
+      h.value || T.value;
     }
-    function I(m) {
-      var y;
-      C.value = "", (y = a.value) == null || y.activeRowById(""), t.emit("clear");
+    function d(p) {
+      var C;
+      v.value = "", (C = n.value) == null || C.activeRowById(""), t.emit("clear");
     }
-    function x(m) {
-      var y, H;
-      e.enableSearch && e.enableHighlightSearch && ((y = a.value) == null || y.search(m)), (H = a.value) == null || H.activeRowById(m), t.emit("change", [C.value], C.value);
+    function O(p) {
+      var C, A;
+      e.enableSearch && e.enableHighlightSearch && ((C = n.value) == null || C.search(p)), (A = n.value) == null || A.activeRowById(p), t.emit("change", [v.value], v.value);
     }
-    function F(m) {
+    function x(p) {
       if (e.multiSelect) {
-        const y = f(m);
+        const C = S(p);
         e.viewType;
-        const B = y.map(($) => $[e.idField || e.valueField]).join(e.separator);
-        C.value !== B && (C.value = B, t.emit("update:modelValue", C.value), t.emit("change", y, C.value));
-      } else m !== C.value && (C.value = m, t.emit("update:modelValue", C.value), t.emit("change", [], m));
+        const M = C.map((j) => j[e.idField || e.valueField]).join(e.separator);
+        v.value !== M && (v.value = M, t.emit("update:modelValue", v.value), t.emit("change", C, v.value));
+      } else p !== v.value && (v.value = p, t.emit("update:modelValue", v.value), t.emit("change", [], p));
     }
-    function s() {
-      return b.value;
+    function m() {
+      return T.value;
     }
-    function R(m) {
+    function P(p) {
       const {
-        value: y
-      } = m.target;
-      x(y), t.emit("input", y);
+        value: C
+      } = p.target;
+      O(C), t.emit("input", C);
     }
-    function A() {
-      n.value.hidePopup();
+    function H() {
+      l.value.hidePopup();
     }
-    function E(m) {
-      w.value = m;
+    function E(p) {
+      k.value = p;
     }
     function N() {
-      return w.value;
+      return k.value;
     }
-    const P = {
-      getDisplayText: s,
-      hidePopup: A,
+    const B = {
+      getDisplayText: m,
+      hidePopup: H,
       updateDataSource: E,
       getData: N
     };
-    return t.expose(P), j([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([m, y, H, B, $]) => {
-      r.value = m, V.value = y, i.value = H, o.value = B, d.value = $;
-    }), () => v(Qe, {
-      ref: n,
+    return t.expose(B), $([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([p, C, A, M, j]) => {
+      u.value = p, I.value = C, r.value = A, f.value = M, h.value = j;
+    }), () => c(rt, {
+      ref: l,
       id: e.id,
-      disable: r.value,
-      readonly: d.value,
+      disable: u.value,
+      readonly: h.value,
       forcePlaceholder: e.forcePlaceholder,
-      editable: V.value,
-      buttonContent: c.value,
-      placeholder: e.placeholder === "请选择" ? Y.getLocaleValue("comboList.placeholder") : e.placeholder,
-      enableClear: i.value,
+      editable: I.value,
+      buttonContent: w.value,
+      placeholder: e.placeholder === "请选择" ? te.getLocaleValue("comboList.placeholder") : e.placeholder,
+      enableClear: r.value,
       maxLength: e.maxLength,
       tabIndex: e.tabIndex,
       enableTitle: e.enableTitle,
       multiSelect: e.multiSelect,
       inputType: e.multiSelect ? e.viewType : "text",
-      modelValue: b.value,
-      "onUpdate:modelValue": (m) => b.value = m,
+      modelValue: T.value,
+      "onUpdate:modelValue": (p) => T.value = p,
       focusOnCreated: e.focusOnCreated,
       selectOnCreated: e.selectOnCreated,
-      onClear: I,
-      onClick: k,
-      onChange: F,
-      onBlur: T,
-      onInput: R,
-      beforeOpen: O,
+      onClear: d,
+      onClick: y,
+      onChange: x,
+      onBlur: b,
+      onInput: P,
+      beforeOpen: V,
       placement: e.placement,
       popupMinWidth: e.minPanelWidth,
       popupClass: "f-combo-list-wrapper",
       popupOnClick: e.popupOnClick,
       limitContentBySpace: !0
     }, {
-      default: () => [v(Ht, {
-        ref: a,
+      default: () => [c(tn, {
+        ref: n,
         idField: e.idField,
         valueField: e.valueField,
         textField: e.textField,
         titleField: e.titleField,
-        dataSource: w.value,
-        selectedValues: C.value,
+        dataSource: k.value,
+        selectedValues: v.value,
         separator: e.separator,
         multiSelect: e.multiSelect,
-        enableSearch: o.value,
+        enableSearch: f.value,
         maxHeight: e.maxHeight,
         enableHighlightSearch: e.enableHighlightSearch,
-        width: e.fitEditor ? S.value : void 0,
-        onSelectionChange: (m) => {
-          p(m), u();
+        width: e.fitEditor ? s.value : void 0,
+        onSelectionChange: (p) => {
+          o(p), i();
         }
       }, null)]
     });
   }
-}), Et = Object.assign({}, de, {
-  readonly: {}
-});
-ce(de, Z, Q, ee);
-const oe = {
+}), de = {
   convertFrom: (e, t) => (e.editor.remote || {})[t],
-  convertTo: (e, t, a) => {
-    e.editor.remote = e.editor.remote || {}, e.editor.remote[t] = a;
+  convertTo: (e, t, n) => {
+    e.editor.remote = e.editor.remote || {}, e.editor.remote[t] = n;
   }
 };
-class jt extends at {
-  constructor(t, a) {
-    super(t, a);
+class ln extends ft {
+  constructor(t, n) {
+    super(t, n);
   }
   getCommonEditorProperties(t) {
-    var a, n, r;
+    var n, l, u;
     return {
       viewType: {
-        visible: !!((a = t.editor) != null && a.multiSelect),
+        visible: !!((n = t.editor) != null && n.multiSelect),
         description: "数据展示类型，有标签和文本两种方式",
         title: "数据展示类型",
         type: "enum",
@@ -1553,7 +1748,7 @@ class jt extends at {
         refreshPanelAfterChanged: !0
       },
       separator: {
-        visible: !!((n = t.editor) != null && n.multiSelect) && ((r = t.editor) == null ? void 0 : r.viewType) === "text",
+        visible: !!((l = t.editor) != null && l.multiSelect) && ((u = t.editor) == null ? void 0 : u.viewType) === "text",
         description: "下拉列表启用多选且数据展示类型为文本时的分隔符",
         title: "分隔符",
         type: "enum",
@@ -1583,14 +1778,15 @@ class jt extends at {
     };
   }
   getEditorProperties(t) {
-    var i, o;
-    const a = this;
-    let n = "";
-    if (((i = t == null ? void 0 : t.binding) == null ? void 0 : i.type) === "Form") {
-      const d = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (o = d == null ? void 0 : d.schemaField) != null && o.type && (n = d.schemaField.type.$type);
+    var k, T, I, v, S, F, V, w, a, s, i, o;
+    const n = this;
+    let l = "";
+    if (((k = t == null ? void 0 : t.binding) == null ? void 0 : k.type) === "Form") {
+      const b = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
+      (T = b == null ? void 0 : b.schemaField) != null && T.type && (l = b.schemaField.type.$type);
     }
-    return a.getComponentConfig(t, { type: "combo-list" }, {
+    const u = this.getPropertyEditorParams(t, ["Variable"]), r = !t.editor.dataSourceType || t.editor.dataSourceType === "static", f = ((v = (I = this.designViewModelField) == null ? void 0 : I.type) == null ? void 0 : v.$type) === Y.StringType && ((S = t.editor) == null ? void 0 : S.type) === "combo-list" && ((F = t.editor) == null ? void 0 : F.dataSourceType) === "dynamic" && !((w = (V = t.editor) == null ? void 0 : V.remote) != null && w.url) && !((a = t.editor) != null && a.multiSelect);
+    return n.getComponentConfig(t, { type: "combo-list" }, {
       // enableSearch: {
       //     description: "编辑状态下启用搜索",
       //     title: "允许编辑",
@@ -1614,21 +1810,33 @@ class jt extends at {
         },
         refreshPanelAfterChanged: !0
       },
+      dataSource: {
+        description: "动态数据源绑定变量",
+        visible: f,
+        title: "数据",
+        editor: {
+          ...u,
+          controlName: "",
+          enableClear: !0
+        },
+        refreshPanelAfterChanged: !0
+      },
       data: {
         description: "",
         title: "数据",
         type: "array",
-        visible: !t.editor.dataSourceType || t.editor.dataSourceType === "static",
-        ...a.getItemCollectionEditor(t, t.editor.valueField, t.editor.textField),
+        visible: r,
+        ...n.getItemCollectionEditor(t, t.editor.valueField, t.editor.textField),
         // 这个属性，标记当属性变更得时候触发重新更新属性
         refreshPanelAfterChanged: !0
       },
       url: {
-        visible: t.editor.dataSourceType === "dynamic",
-        $converter: oe,
+        visible: t.editor.dataSourceType === "dynamic" && !((s = t.editor) != null && s.dataSource),
+        $converter: de,
         description: "",
         title: "服务端API",
-        type: "string"
+        type: "string",
+        refreshPanelAfterChanged: !0
       },
       // method: {
       //     visible: propertyData.editor.dataSourceType === "dynamic",
@@ -1647,7 +1855,7 @@ class jt extends at {
       // },
       body: {
         visible: !1,
-        $converter: oe,
+        $converter: de,
         description: "",
         title: "服务端API参数",
         type: "string"
@@ -1667,7 +1875,8 @@ class jt extends at {
       multiSelect: {
         description: "",
         title: "启用多选",
-        visible: !n || n === "StringType",
+        visible: !l || l === "StringType",
+        readonly: ((i = t.editor) == null ? void 0 : i.dataSourceType) === "dynamic" && !!((o = t.editor) != null && o.dataSource),
         type: "boolean",
         refreshPanelAfterChanged: !0
       },
@@ -1683,33 +1892,38 @@ class jt extends at {
         }
       },
       ...this.getCommonEditorProperties(t)
-    }, (d, w) => {
-      if (!d || !w.editor)
+    }, (b, y) => {
+      if (!b || !y.editor)
         return;
-      const b = this;
-      switch (d.propertyID) {
+      const d = this;
+      switch (b.propertyID) {
         case "dataSourceType": {
-          d.propertyValue === "static" ? (w.editor.valueField = "value", w.editor.textField = "name", w.editor.remote = null) : d.propertyValue === "dynamic" && (w.editor.remote = { method: "GET" }, w.editor.valueField = "value", w.editor.textField = "name");
+          b.propertyValue === "static" ? (y.editor.valueField = "value", y.editor.textField = "name", y.editor.remote = null) : b.propertyValue === "dynamic" && (y.editor.remote = { method: "GET" }, y.editor.valueField = "value", y.editor.textField = "name");
           break;
         }
         case "data": {
-          !b.checkEnumDataReadonly(w) && w.formatter && (w.formatter.data = [...d.propertyValue]);
+          !d.checkEnumDataReadonly(y) && y.formatter && (y.formatter.data = [...b.propertyValue]);
+          break;
+        }
+        case "viewType": {
+          b.propertyValue === "tag" && (y.editor.editable = !1);
           break;
         }
-        case "viewType":
-          d.propertyValue === "tag" && (w.editor.editable = !1);
+        case "dataSource":
+          d.afterMutilEditorChanged(y, b);
       }
     });
   }
-  getGridFieldEdtiorProperties(t, a) {
-    var o, d, w, b, V, C;
-    const n = this;
-    let r = "";
-    if (((o = t == null ? void 0 : t.binding) == null ? void 0 : o.type) === "Form") {
-      const f = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (d = f == null ? void 0 : f.schemaField) != null && d.type && (r = f.schemaField.type.$type);
+  getGridFieldEdtiorProperties(t, n) {
+    var k, T, I, v, S, F, V, w, a, s, i, o, b;
+    const l = this;
+    let u = "";
+    if (((k = t == null ? void 0 : t.binding) == null ? void 0 : k.type) === "Form") {
+      const y = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
+      (T = y == null ? void 0 : y.schemaField) != null && T.type && (u = y.schemaField.type.$type);
     }
-    return n.getComponentConfig(t, { type: "combo-list" }, {
+    const r = ((v = (I = this.designViewModelField) == null ? void 0 : I.type) == null ? void 0 : v.$type) === Y.StringType && ((S = t.editor) == null ? void 0 : S.type) === "combo-list" && ((F = t.editor) == null ? void 0 : F.dataSourceType) === "dynamic" && !((V = t.editor) != null && V.multiSelect), f = this.getPropertyEditorParams(t, ["Variable"]);
+    return l.getComponentConfig(t, { type: "combo-list" }, {
       // editable: {
       //     description: "",
       //     title: "允许编辑",
@@ -1721,25 +1935,36 @@ class jt extends at {
         title: "启用清空",
         type: "boolean"
       },
-      // dataSourceType: {
-      //     description: "",
-      //     title: "数据源类型",
-      //     type: "enum",
-      //     editor: {
-      //         default: "static",
-      //         data: [
-      //             { id: "static", name: "静态" },
-      //             { id: "dynamic", name: "动态" }
-      //         ]
-      //     },
-      //     refreshPanelAfterChanged: true
-      // },
+      dataSourceType: {
+        description: "",
+        title: "数据源类型",
+        type: "enum",
+        editor: {
+          default: "static",
+          data: [
+            { id: "static", name: "静态" },
+            { id: "dynamic", name: "动态" }
+          ]
+        },
+        refreshPanelAfterChanged: !0
+      },
+      dataSource: {
+        description: "动态数据源绑定变量",
+        visible: r,
+        title: "数据",
+        editor: {
+          ...f,
+          controlName: "",
+          enableClear: !0
+        },
+        refreshPanelAfterChanged: !0
+      },
       data: {
         description: "",
         title: "数据",
         type: "array",
-        visible: !((w = t.editor) != null && w.dataSourceType) || ((b = t.editor) == null ? void 0 : b.dataSourceType) === "static",
-        ...n.getItemCollectionEditor(t, (V = t.editor) == null ? void 0 : V.valueField, (C = t.editor) == null ? void 0 : C.textField),
+        visible: !((w = t.editor) != null && w.dataSourceType) || ((a = t.editor) == null ? void 0 : a.dataSourceType) === "static",
+        ...l.getItemCollectionEditor(t, (s = t.editor) == null ? void 0 : s.valueField, (i = t.editor) == null ? void 0 : i.textField),
         // 这个属性，标记当属性变更得时候触发重新更新属性
         refreshPanelAfterChanged: !0
       },
@@ -1758,7 +1983,8 @@ class jt extends at {
       multiSelect: {
         description: "",
         title: "启用多选",
-        visible: r === "StringType",
+        visible: u === "StringType",
+        readonly: ((o = t.editor) == null ? void 0 : o.dataSourceType) === "dynamic" && !!((b = t.editor) != null && b.dataSource),
         type: "boolean",
         refreshPanelAfterChanged: !0
       },
@@ -1774,33 +2000,35 @@ class jt extends at {
         }
       },
       ...this.getCommonEditorProperties(t)
-    }, (f, g) => {
-      if (!f || !g.editor)
+    }, (y, d) => {
+      if (!y || !d.editor)
         return;
       const O = this;
-      switch (f.propertyID) {
+      switch (y.propertyID) {
         case "dataSourceType": {
-          f.propertyValue === "static" ? (g.editor.valueField = "value", g.editor.textField = "name", g.editor.remote = null) : f.propertyValue === "dynamic" && (g.editor.remote = { method: "GET" }, g.editor.valueField = "value", g.editor.textField = "name");
+          y.propertyValue === "static" ? (d.editor.valueField = "value", d.editor.textField = "name", d.editor.remote = null) : y.propertyValue === "dynamic" && (d.editor.remote = { method: "GET" }, d.editor.valueField = "value", d.editor.textField = "name");
           break;
         }
         case "data": {
-          !O.checkEnumDataReadonly(g) && g.formatter && (g.formatter.data = [...f.propertyValue]);
+          !O.checkEnumDataReadonly(d) && d.formatter && (d.formatter.data = [...y.propertyValue]);
           break;
         }
+        case "dataSource":
+          O.afterMutilEditorChanged(d, y);
       }
     });
   }
-  setEditorPropertyRelates(t, a, n) {
-    if (!t || !a.editor)
+  setEditorPropertyRelates(t, n, l) {
+    if (!t || !n.editor)
       return;
-    const r = this;
+    const u = this;
     switch (t.propertyID) {
       case "dataSourceType": {
-        t.propertyValue === "static" && (a.editor.valueField = "value", a.editor.textField = "name", a.editor.remote = {});
+        t.propertyValue === "static" && (n.editor.valueField = "value", n.editor.textField = "name", n.editor.remote = {});
         break;
       }
       case "data": {
-        !r.checkEnumDataReadonly(a) && a.formatter && (a.formatter.data = [...t.propertyValue]);
+        !u.checkEnumDataReadonly(n) && n.formatter && (n.formatter.data = [...t.propertyValue]);
         break;
       }
     }
@@ -1808,11 +2036,11 @@ class jt extends at {
   /**
    * 切换绑定属性 
    */
-  changeBindingField(t, a, n) {
-    var i;
-    super.changeBindingField(t, a);
-    const r = n;
-    t.editor && ((i = r == null ? void 0 : r.type) == null ? void 0 : i.$type) === Oe.EnumType && (t.editor.data = r.type.enumValues || []);
+  changeBindingField(t, n, l) {
+    var r;
+    super.changeBindingField(t, n);
+    const u = l;
+    t.editor && ((r = u == null ? void 0 : u.type) == null ? void 0 : r.$type) === Y.EnumType && (t.editor.data = u.type.enumValues || []);
   }
   /**
   * 组装输入类控件的交互面板：包含标签超链、绑定字段值变化前后事件等。
@@ -1821,9 +2049,9 @@ class jt extends at {
   * @param showPosition 面板展示位置
   * @param customEvent 输入控件特有的事件配置
   */
-  getEventPropertyConfig(t, a = "card", n, r) {
-    const i = this;
-    let o = [
+  getEventPropertyConfig(t, n = "card", l, u) {
+    const r = this;
+    let f = [
       {
         label: "onChange",
         name: "值变化事件"
@@ -1837,42 +2065,42 @@ class jt extends at {
         name: "下拉面板前事件"
       }
     ];
-    n && (o = o.concat(n)), this.appendFieldValueChangeEvents(t, o);
-    const d = i.eventsEditorUtils.formProperties(t, i.viewModelId, o);
+    l && (f = f.concat(l)), this.appendFieldValueChangeEvents(t, f);
+    const h = r.eventsEditorUtils.formProperties(t, r.viewModelId, f);
     return {
       title: "事件",
       hideTitle: !0,
-      properties: i.createBaseEventProperty(d),
+      properties: r.createBaseEventProperty(h),
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(V, C) {
-        const f = V.propertyValue;
-        delete t[i.viewModelId], f && (f.setPropertyRelates = this.setPropertyRelates, i.eventsEditorUtils.saveRelatedParameters(t, i.viewModelId, f.events, f)), r && r(V, C, f);
-        const g = i.designViewModelUtils.getDgViewModel(i.viewModelId);
-        g && i.designViewModelField && g.changeField(i.designViewModelField.id, { valueChanging: t.fieldValueChanging, valueChanged: t.fieldValueChanged }), t.editor.beforeOpen !== t.beforeOpen && (t.editor.beforeOpen = t.beforeOpen), t.editor.onChange !== t.onChange && (t.editor.onChange = t.onChange), t.editor.onClear !== t.onClear && (t.editor.onClear = t.onClear);
+      setPropertyRelates(I, v) {
+        const S = I.propertyValue;
+        delete t[r.viewModelId], S && (S.setPropertyRelates = this.setPropertyRelates, r.eventsEditorUtils.saveRelatedParameters(t, r.viewModelId, S.events, S)), u && u(I, v, S);
+        const F = r.designViewModelUtils.getDgViewModel(r.viewModelId);
+        F && r.designViewModelField && F.changeField(r.designViewModelField.id, { valueChanging: t.fieldValueChanging, valueChanged: t.fieldValueChanged }), t.editor.beforeOpen !== t.beforeOpen && (t.editor.beforeOpen = t.beforeOpen), t.editor.onChange !== t.onChange && (t.editor.onChange = t.onChange), t.editor.onClear !== t.onClear && (t.editor.onClear = t.onClear);
       }
     };
   }
 }
-function Gt(e, t) {
-  const a = e.schema;
-  function n(r, i) {
-    return new jt(r, t).getPropertyConfig(a, i);
+function an(e, t) {
+  const n = e.schema;
+  function l(u, r) {
+    return new ln(u, t).getPropertyConfig(n, r);
   }
   return {
-    getPropsConfig: n
+    getPropsConfig: l
   };
 }
-const Nt = /* @__PURE__ */ _({
+const on = /* @__PURE__ */ _({
   name: "FComboListDesign",
-  props: Et,
+  props: Qt,
   emits: ["clear", "update:modelValue", "change"],
   setup(e, t) {
-    const a = h(), n = le("designer-host-service"), r = le("design-item-context"), i = Gt(r, n), o = it(a, r, i);
-    return re(() => {
-      a.value.componentInstance = o;
-    }), t.expose(o.value), () => v(lt, {
-      ref: a,
+    const n = g(), l = Q("designer-host-service"), u = Q("design-item-context"), r = an(u, l), f = me(n, u, r);
+    return ee(() => {
+      n.value.componentInstance = f;
+    }), t.expose(f.value), () => c(ct, {
+      ref: n,
       buttonContent: e.dropDownIcon,
       readonly: !0,
       editable: !1,
@@ -1882,125 +2110,238 @@ const Nt = /* @__PURE__ */ _({
     }, null);
   }
 });
-D.register = (e, t, a, n, r) => {
-  e["combo-list"] = D, t["combo-list"] = fe(r), n["combo-list"] = { callbackResolver: Mt };
+q.register = (e, t, n, l, u) => {
+  e["combo-list"] = q, t["combo-list"] = be(u), l["combo-list"] = { callbackResolver: Zt };
 };
-D.registerDesigner = (e, t, a, n) => {
-  e["combo-list"] = Nt, t["combo-list"] = fe(n);
+q.registerDesigner = (e, t, n, l) => {
+  e["combo-list"] = on, t["combo-list"] = be(l);
 };
-const se = ue(D), _t = /* @__PURE__ */ _({
+const D = _e(q), J = /* @__PURE__ */ _({
   name: "FOrder",
-  props: ot,
+  props: le,
   emits: ["change"],
   setup(e, t) {
-    const a = h(), n = h(e.items);
-    function r() {
-      var p;
-      const u = Array.isArray(e.items) ? e.items : [];
-      n.value = [...u], (p = a.value) == null || p.updateDataSource(n.value);
+    const n = g(), l = g(e.items);
+    function u() {
+      var o;
+      const i = Array.isArray(e.items) ? e.items : [];
+      l.value = [...i], (o = n.value) == null || o.updateDataSource(l.value);
     }
-    j(() => e.items, r);
-    const i = h("排序列"), o = h("排序方式"), d = h("添加排序列"), w = [{
+    $(() => e.items, u);
+    const r = g("排序列"), f = g("排序方式"), h = g("添加排序列"), k = [{
       id: "asc",
       name: "升序"
     }, {
       id: "desc",
       name: "降序"
-    }], b = h(/* @__PURE__ */ new Map());
+    }], T = g(/* @__PURE__ */ new Map());
+    function I() {
+      const i = l.value.map((o) => [o.id, !0]);
+      T.value = new Map(i);
+    }
+    I();
+    const v = R(() => e.dataSource.map((i) => (i.disabled = T.value.has(i.id), i))), S = R(() => ({
+      "f-order": !0
+    }));
+    function F(i) {
+      l.value = l.value.filter((o) => o.id !== i.id), I(), t.emit("change", l.value);
+    }
     function V() {
-      const u = n.value.map((p) => [p.id, !0]);
-      b.value = new Map(u);
+      l.value = [...l.value, {
+        id: Date.now().toString(),
+        name: "",
+        order: "asc"
+      }], I(), t.emit("change", l.value);
+    }
+    function w(i) {
+      if (i && i.length === 1) {
+        const o = i[0], b = l.value.find((y) => y.id === o.id);
+        b && (b.name = o.name);
+      }
+      I(), t.emit("change", l.value);
+    }
+    function a(i) {
+      if (i && i.length) {
+        const o = /* @__PURE__ */ new Map();
+        i.reduce((b, y) => (b.set(y.id, y), b), o), l.value = i.map((b) => o.get(b.id)), t.emit("change", l.value);
+      }
+    }
+    function s() {
+      return c(ve, {
+        ref: n,
+        style: "flex:1",
+        data: l.value,
+        draggable: !0,
+        view: "DraggableView",
+        "keep-order": !0,
+        itemClass: "f-order-item",
+        onRemoveItem: F,
+        onChange: a
+      }, {
+        header: () => c("div", {
+          class: "f-order-header"
+        }, [c("span", {
+          class: "f-order-header-order-field"
+        }, [r.value]), c("span", {
+          class: "f-order-header-order-type"
+        }, [f.value])]),
+        itemContent: (i) => c("div", {
+          class: "f-order-item-content"
+        }, [c(D, {
+          class: "f-order-item-content-order-field",
+          data: v.value,
+          valueField: "id",
+          textField: "name",
+          idField: "id",
+          modelValue: i.raw.id,
+          "onUpdate:modelValue": (o) => i.raw.id = o,
+          onChange: w,
+          onClear: w
+        }, null), c(D, {
+          class: "f-order-item-content-order-type",
+          data: k,
+          valueField: "id",
+          textField: "name",
+          idField: "id",
+          modelValue: i.raw.order,
+          "onUpdate:modelValue": (o) => i.raw.order = o,
+          onChange: w
+        }, null)]),
+        footer: () => c("div", {
+          class: "f-order-footer"
+        }, [c(ge, {
+          type: "link",
+          class: "f-order-add-button",
+          onClick: V
+        }, {
+          default: () => c(U, null, [c("span", {
+            class: "f-order-add-icon"
+          }, [c("i", {
+            class: "f-icon f-icon-add"
+          }, null)]), h.value])
+        })])
+      });
+    }
+    return () => c("div", {
+      class: S.value
+    }, [s()]);
+  }
+}), sn = /* @__PURE__ */ _({
+  name: "FOrderDesign",
+  props: le,
+  emits: ["change"],
+  setup(e, t) {
+    const n = g(e.items), l = g("排序列"), u = g("排序方式"), r = g("添加排序列"), f = [{
+      id: "asc",
+      name: "升序"
+    }, {
+      id: "desc",
+      name: "降序"
+    }], h = g(/* @__PURE__ */ new Map()), k = g(), T = Q("design-item-context"), I = me(k, T);
+    ee(() => {
+      k.value.componentInstance = I;
+    }), t.expose(I.value);
+    function v() {
+      const o = n.value.map((b) => [b.id, !0]);
+      h.value = new Map(o);
     }
-    V();
-    const C = L(() => e.dataSource.map((u) => (u.disabled = b.value.has(u.id), u))), f = L(() => ({
+    v();
+    const S = R(() => e.dataSource.map((o) => (o.disabled = h.value.has(o.id), o))), F = R(() => ({
       "f-order": !0
     }));
-    function g(u) {
-      n.value = n.value.filter((p) => p.id !== u.id), V(), t.emit("change", n.value);
+    function V(o) {
+      n.value = n.value.filter((b) => b.id !== o.id), v(), t.emit("change", n.value);
     }
-    function O() {
+    function w() {
       n.value = [...n.value, {
         id: Date.now().toString(),
         name: "",
         order: "asc"
-      }], V(), t.emit("change", n.value);
+      }], v(), t.emit("change", n.value);
     }
-    function c(u) {
-      if (u && u.length === 1) {
-        const p = u[0], T = n.value.find((k) => k.id === p.id);
-        T && (T.name = p.name);
-      }
-      V(), t.emit("change", n.value);
+    function a(o) {
+      v(), t.emit("change", n.value);
     }
-    function l(u) {
-      if (u && u.length) {
-        const p = /* @__PURE__ */ new Map();
-        u.reduce((T, k) => (T.set(k.id, k), T), p), n.value = u.map((T) => p.get(T.id)), t.emit("change", n.value);
+    function s(o) {
+      if (o && o.length) {
+        const b = /* @__PURE__ */ new Map();
+        o.reduce((y, d) => (y.set(d.id, d), y), b), n.value = o.map((y) => b.get(y.id)), t.emit("change", n.value);
       }
     }
-    function S() {
-      return v(Ct, {
-        ref: a,
+    function i() {
+      return c(ve, {
         style: "flex:1",
         data: n.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
         itemClass: "f-order-item",
-        onRemoveItem: g,
-        onChange: l
+        onRemoveItem: V,
+        onChange: s
       }, {
-        header: () => v("div", {
+        header: () => c("div", {
           class: "f-order-header"
-        }, [v("span", {
+        }, [c("span", {
           class: "f-order-header-order-field"
-        }, [i.value]), v("span", {
+        }, [l.value]), c("span", {
           class: "f-order-header-order-type"
-        }, [o.value])]),
-        itemContent: (u) => v("div", {
+        }, [u.value])]),
+        itemContent: (o) => c("div", {
           class: "f-order-item-content"
-        }, [v(se, {
+        }, [c(D, {
           class: "f-order-item-content-order-field",
-          data: C.value,
+          data: S.value,
           valueField: "id",
           textField: "name",
           idField: "id",
-          modelValue: u.raw.id,
-          "onUpdate:modelValue": (p) => u.raw.id = p,
-          onChange: c,
-          onClear: c
-        }, null), v(se, {
+          modelValue: o.id,
+          "onUpdate:modelValue": (b) => o.id = b,
+          onChange: a,
+          onClear: a
+        }, null), c(D, {
           class: "f-order-item-content-order-type",
-          data: w,
+          data: f,
           valueField: "id",
           textField: "name",
           idField: "id",
-          modelValue: u.raw.order,
-          "onUpdate:modelValue": (p) => u.raw.order = p,
-          onChange: c
+          modelValue: o.order,
+          "onUpdate:modelValue": (b) => o.order = b,
+          onChange: a
         }, null)]),
-        footer: () => v("div", {
+        footer: () => c("div", {
           class: "f-order-footer"
-        }, [v(wt, {
+        }, [c(ge, {
           type: "link",
           class: "f-order-add-button",
-          onClick: O
+          onClick: w
         }, {
-          default: () => v(W, null, [v("span", {
+          default: () => c(U, null, [c("span", {
             class: "f-order-add-icon"
-          }, [v("i", {
+          }, [c("i", {
             class: "f-icon f-icon-add"
-          }, null)]), d.value])
+          }, null)]), r.value])
         })])
       });
     }
-    return () => v("div", {
-      class: f.value
-    }, [S()]);
+    return () => c("div", {
+      ref: k,
+      class: F.value
+    }, [i()]);
+  }
+}), Vn = {
+  install(e) {
+    e.component(J.name, J);
+  },
+  register(e, t, n, l) {
+    e.order = J, t.order = se;
+  },
+  registerDesigner(e, t, n) {
+    e.order = sn, t.order = se;
   }
-}), sn = ue(_t);
+};
 export {
-  _t as FOrder,
-  sn as default,
-  ot as orderProps
+  J as FOrder,
+  Vn as default,
+  le as orderProps,
+  se as propsResolver
 };