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

package/components/order/index.esm.js

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