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

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