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

package/designer/order/index.esm.js

@@ -0,0 +1,2196 @@
+import Re, { orderProps as de } from "../../components/order/index.esm.js";
+import { ref as g, computed as L, createVNode as m, Fragment as W, watch as $, withModifiers as Me, withDirectives as Le, vModelText as He, defineComponent as N, onMounted as J, inject as X } from "vue";
+import { getCustomStyle as ae, getCustomClass as Y, FormSchemaEntityFieldType$Type as Ae, withInstall as Ee } from "../../components/common/index.esm.js";
+import { useFilter as je, useIdentify as $e, useHierarchy as Ge, useGroupData as Ne, useDataView as _e, useSelection as ze, usePagination as Ue, useRow as We, useEdit as qe, useVisualDataBound as De, useVisualDataCell as Ke, useVisualDataRow as Xe, useVisualGroupRow as Ye, useVisualSummaryRow as Je, useVisualData as Qe, useSidebar as Ze, useColumn as et, useVirtualScroll as tt, getPagination as nt } from "../../components/data-view/index.esm.js";
+import { LocaleService as Q } from "../../components/locale/index.esm.js";
+import { FCheckbox as Z } from "../../components/checkbox/index.esm.js";
+import lt from "../../components/button-edit/index.esm.js";
+import { resolveAppearance as fe, createPropsResolver as ee, getPropsResolverGenerator as it } from "../../components/dynamic-resolver/index.esm.js";
+import { isUndefined as at } from "lodash-es";
+import ot from "../../components/list-view/index.esm.js";
+import st from "../button-edit/index.esm.js";
+import { useDesignerComponent as me } from "../../components/designer-canvas/index.esm.js";
+import { comboListProps as ve } from "../../components/combo-list/index.esm.js";
+import { InputBaseProperty as rt } from "../../components/property-panel/index.esm.js";
+const ut = {
+  /** 列集合 */
+  columns: {
+    type: Array,
+    default: [
+      { field: "name", title: "", dataType: "string" }
+    ]
+  },
+  customClass: { type: String, default: "" },
+  data: { type: Array, default: [] },
+  draggable: { type: Boolean, default: !1 },
+  multiSelect: { type: Boolean, default: !1 },
+  multiSelectMode: { type: String, default: "OnCheck" },
+  idField: { type: String, default: "id" },
+  valueField: { type: String, default: "id" },
+  textField: { type: String, default: "name" },
+  titleField: { type: String, default: "name" },
+  view: { type: String, default: "ContentView" },
+  size: { type: String, default: "default" },
+  placeholder: { type: String, default: "" },
+  header: { type: String, default: "ContentHeader" },
+  headerClass: { type: String, default: "" },
+  /** 可能根据数据每各项的样式不同 */
+  itemClass: {
+    type: [String, Function],
+    default: "",
+    validator: (e) => typeof e == "string" || typeof e == "function"
+  },
+  itemStyle: {
+    type: [String, Function],
+    default: "",
+    validator: (e) => typeof e == "string" || typeof e == "function"
+  },
+  itemContentClass: { type: String, default: "" },
+  selectionValues: { type: Array, default: [] },
+  /** 分组配置 */
+  group: { type: Object },
+  /** 选择配置 */
+  selection: {
+    type: Object,
+    default: {
+      enableSelectRow: !0,
+      multiSelect: !1,
+      multiSelectMode: "DependOnCheck",
+      showCheckbox: !1,
+      showSelectAll: !1,
+      showSelection: !0
+    }
+  },
+  keepOrder: { type: Boolean, default: !1 },
+  disableField: { type: String, default: "disabled" },
+  // 搜索启用高亮
+  enableHighlightSearch: { type: Boolean, default: !0 },
+  /** 虚拟化渲染数据 */
+  virtualized: { type: Boolean, default: !0 },
+  /** 删除数据前的检查方法，返回值为true时可以删除当前数据 */
+  checkBeforeRemoveItem: { type: Function, default: null },
+  /** 头部模板 */
+  headerTemplate: { type: Object },
+  /** 内容模板 */
+  contentTemplate: { type: Object },
+  /** 底部模板 */
+  footerTemplate: { type: Object },
+  /** 空数据模板 */
+  emptyTemplate: { type: Object },
+  /** 分页 */
+  pagination: { type: Object, default: { enable: !1, size: 20 } }
+};
+function ct(e, t) {
+  function n(a) {
+    const o = [];
+    let u = a.nextNode();
+    for (; u; )
+      o.push(u), u = a.nextNode();
+    return o;
+  }
+  function i(a, o) {
+    const u = document.createTreeWalker(a, NodeFilter.SHOW_TEXT);
+    return n(u).map((h) => ({ textNode: h, text: (h.textContent || "").toLocaleLowerCase() })).map(({ textNode: h, text: d }) => {
+      const v = [];
+      let O = 0;
+      for (; O < d.length; ) {
+        const c = d.indexOf(o, O);
+        if (c === -1)
+          break;
+        v.push(c), O = c + o.length;
+      }
+      return v.map((c) => {
+        const l = new Range();
+        return l.setStart(h, c), l.setEnd(h, c + o.length), l;
+      });
+    }).flat();
+  }
+  function r(a) {
+    if (!CSS.highlights || (CSS.highlights.clear(), !a || !t))
+      return;
+    const o = i(t.value, a.toLocaleLowerCase()), u = new Highlight(...o);
+    CSS.highlights.set("search-result", u);
+  }
+  return { search: r };
+}
+function oe(e, t, n, i, r, a, o, u, S, b) {
+  const V = g(e.size), h = g(e.textField), d = g(e.titleField), v = g(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: c,
+    onMouseoverItem: l,
+    onMouseoutItem: C
+  } = a, {
+    getKey: F,
+    listViewItemClass: y,
+    listViewItemStyle: T,
+    onCheckItem: k,
+    onClickItem: w
+  } = o, x = L(() => {
+    const s = {
+      "text-overflow": "ellipsis",
+      overflow: "hidden",
+      "white-space": "nowrap"
+    };
+    return e.itemClass ? s : {
+      margin: V.value === "small" ? "0.25rem 0" : "8px 0",
+      ...s
+    };
+  });
+  function I(s, R, A) {
+    return s.checked = u.findIndexInSelectedItems(s) > -1, m("li", {
+      class: y(s, R),
+      id: F(s, R),
+      key: F(s, R),
+      style: T(s, R),
+      onClick: (E) => w(s, R, E),
+      onMouseenter: (E) => c(E, s, R),
+      onMouseover: (E) => l(E, s, R),
+      onMouseout: (E) => C(E, s, R)
+    }, [O.value && m("div", {
+      class: "f-list-select",
+      onClick: (E) => E.stopPropagation()
+    }, [m(Z, {
+      id: "list-" + F(s, R),
+      customClass: "listview-checkbox float-left",
+      disabled: s[v.value],
+      checked: s.checked,
+      "onUpdate:checked": (E) => s.checked = E,
+      onChange: (E) => {
+        k(s, R, !E.checked);
+      }
+    }, null)]), m("div", {
+      class: "f-list-content"
+    }, [m("div", {
+      class: e.itemContentClass,
+      style: x.value,
+      title: s.raw[d.value] || s.raw[h.value]
+    }, [s.raw[h.value]])])]);
+  }
+  return {
+    renderItem: I
+  };
+}
+function dt(e, t, n, i, r, a, o, u, S, b) {
+  const V = g(e.multiSelect), h = g(e.disableField), d = g(e.textField), {
+    onMouseenterItem: v,
+    onMouseoverItem: O,
+    onMouseoutItem: c
+  } = a, {
+    getKey: l,
+    listViewItemClass: C,
+    listViewItemStyle: F,
+    onCheckItem: y,
+    onClickItem: T,
+    updateSelectedItems: k
+  } = o;
+  function w(I, s, R) {
+    return e.contentTemplate ? m(W, null, [e.contentTemplate({
+      item: I.raw,
+      index: s,
+      selectedItem: R
+    })]) : t.slots.content ? m(W, null, [t.slots.content && t.slots.content({
+      item: I.raw,
+      index: s,
+      selectedItem: R
+    })]) : m("div", {
+      style: "margin: 10px 0;"
+    }, [I.raw[d.value || "name"]]);
+  }
+  function x(I, s, R) {
+    return m("li", {
+      class: C(I, s),
+      id: l(I, s),
+      key: l(I, s),
+      style: F(I, s),
+      onClick: (A) => T(I, s, A),
+      onMouseenter: (A) => v(A, I, s),
+      onMouseover: (A) => O(A, I, s),
+      onMouseout: (A) => c(A, I, s)
+    }, [V.value && m("div", {
+      class: "f-list-select",
+      onClick: (A) => A.stopPropagation()
+    }, [m(Z, {
+      id: "list-" + l(I, s),
+      customClass: "listview-checkbox",
+      disabled: I[h.value],
+      checked: I.checked,
+      "onUpdate:checked": (A) => I.checked = A,
+      onChange: (A) => {
+        y(I, s, !A.checked), k();
+      }
+    }, null)]), m("div", {
+      class: "f-list-content"
+    }, [w(I, s, R)])]);
+  }
+  return {
+    renderItem: x
+  };
+}
+function ft(e, t, n, i, r, a, o, u, S, b) {
+  const V = g(e.multiSelect), h = g(e.disableField), d = g(e.textField), {
+    onMouseenterItem: v,
+    onMouseoverItem: O,
+    onMouseoutItem: c
+  } = a, {
+    getKey: l,
+    listViewItemClass: C,
+    onCheckItem: F,
+    onClickItem: y
+  } = o, {
+    dragstart: T,
+    dragenter: k,
+    dragover: w,
+    dragend: x
+  } = i, {
+    removeItem: I
+  } = S, s = L(() => ({
+    margin: V.value ? "10px 0" : "10px 0px 10px 14px"
+  }));
+  function R(f, p = "") {
+    const H = f.target;
+    H.title = H.scrollWidth > H.clientWidth ? p : "";
+  }
+  function A(f) {
+    return m("div", {
+      style: s.value,
+      onMouseenter: (p) => R(p, f.raw[d.value || "name"])
+    }, [f.raw[d.value || "name"]]);
+  }
+  function E() {
+    return t.slots.itemContent ? t.slots.itemContent : A;
+  }
+  const G = E();
+  function B(f, p, H) {
+    return m("li", {
+      class: C(f, p),
+      id: l(f, p),
+      key: l(f, p),
+      onClick: (P) => y(f, p, P),
+      onMouseenter: (P) => v(P, f, p),
+      onMouseover: (P) => O(P, f, p),
+      onMouseout: (P) => c(P, f, p),
+      draggable: "true",
+      onDragstart: (P) => T(P, f, p),
+      onDragenter: (P) => k(P, p),
+      onDragend: (P) => x(P, f),
+      onDragover: (P) => w(P)
+    }, [V.value && m("div", {
+      class: "f-list-select",
+      onClick: (P) => P.stopPropagation()
+    }, [m(Z, {
+      id: "list-" + l(f, p),
+      customClass: "listview-checkbox",
+      disabled: f[h.value] || !f.checked,
+      checked: f.checked,
+      "onUpdate:checked": (P) => f.checked = P,
+      onChange: (P) => F(f, p, !P.checked)
+    }, null)]), m("div", {
+      class: "f-list-content"
+    }, [G(f)]), m("div", {
+      class: "f-list-remove",
+      onClick: (P) => {
+        P.stopPropagation(), I(p);
+      }
+    }, [m("div", {
+      class: "f-list-remove-icon"
+    }, [m("i", {
+      class: "f-icon f-icon-remove_face"
+    }, null)])]), m("div", {
+      class: "f-list-handle"
+    }, [m("div", null, [m("i", {
+      class: "f-icon f-icon-drag-vertical"
+    }, null)])])]);
+  }
+  return {
+    renderItem: B
+  };
+}
+function mt(e, t, n, i, r, a, o, u, S, b) {
+  var l;
+  const V = g(((l = e.group) == null ? void 0 : l.groupFields) || []), {
+    collpaseGroupIconClass: h
+  } = r, {
+    toggleGroupRow: d
+  } = b;
+  function v(C, F) {
+    F.collapse = !F.collapse, n.value = d(F.collapse ? "collapse" : "expand", F, n.value);
+  }
+  function O(C, F, y) {
+    return t.slots.group ? m(W, null, [t.slots.content && t.slots.group({
+      item: C.raw,
+      index: F,
+      selectedItem: y
+    })]) : m("div", {
+      class: "f-navlookup-recentHeader",
+      onClick: (T) => v(T, C)
+    }, [m("div", {
+      class: "fv-grid-group-row-icon"
+    }, [m("span", {
+      class: h(C)
+    }, null)]), m("div", {
+      class: "f-navlookup-recommandLabel"
+    }, [C.raw[V.value[C.layer]]])]);
+  }
+  function c(C, F, y) {
+    return C.layer > -1 && O(C, F, y);
+  }
+  return {
+    renderItem: c
+  };
+}
+function vt(e, t, n, i) {
+  const { dataView: r } = n, { updateSelectedItems: a } = i;
+  function o(u) {
+    if (u > -1 && u < r.value.length) {
+      if (e != null && e.checkBeforeRemoveItem && !e.checkBeforeRemoveItem(r.value[u]))
+        return;
+      const S = r.value.splice(u, 1);
+      a(), t.emit("removeItem", S[0]);
+    }
+  }
+  return { removeItem: o };
+}
+function gt(e, t, n, i, r, a, o, u, S, b) {
+  const V = g(e.view), h = g(e.view === "CardView"), d = g({}), v = vt(e, t, i, S), O = L(() => ({
+    "f-list-view-group": !0,
+    "f-list-view-group-multiselect": e.multiSelect,
+    "d-flex": h.value,
+    "flex-wrap": h.value
+  })), c = L(() => !!n.value && n.value.length > 0), l = L(() => n.value.length === 0);
+  L(() => l.value && !t.slots.empty);
+  function C() {
+    return V.value === "SingleView" ? oe : V.value === "DraggableView" ? ft : (V.value === "ContentView" || V.value === "CardView") && (e.contentTemplate || t.slots.content) ? dt : oe;
+  }
+  const F = C(), {
+    renderItem: y
+  } = F(e, t, n, b, r, a, S, o, v, u), {
+    renderItem: T
+  } = mt(e, t, n, b, r, a, S, o, v, u), k = [y, T];
+  function w() {
+    return n.value.filter((s) => s.visible !== !1).map((s, R) => k[s.type](s, R, d));
+  }
+  function x() {
+    return m("div", {
+      class: "f-list-view-emptydata",
+      style: "margin: 0 auto;"
+    }, [m("p", {
+      class: "f-empty-title"
+    }, [e.emptyTemplate ? e.emptyTemplate() : t.slots.empty ? t.slots.empty() : Q.getLocaleValue("listView.emptyMessage")])]);
+  }
+  function I() {
+    return m("ul", {
+      class: O.value,
+      style: "list-style: none;"
+    }, [c.value && w(), l.value && x()]);
+  }
+  return {
+    renderListArea: I
+  };
+}
+function ht(e, t, n) {
+  function i() {
+    return t.slots.header && m("div", {
+      class: "f-list-view-header"
+    }, [t.slots.header()]);
+  }
+  return {
+    renderHeader: i
+  };
+}
+function se(e, t, n) {
+  const i = g(e.headerClass), r = g(e.placeholder), a = g(""), o = L(() => !a.value), u = L(() => !!a.value);
+  function S(d) {
+    a.value = "";
+  }
+  $(a, (d) => {
+    e.enableHighlightSearch && n.search(d), t.emit("afterSearch", d);
+  });
+  const b = L(() => {
+    const d = {
+      "form-group": !0,
+      "farris-form-group": !0
+    };
+    return i.value && i.value.split(" ").reduce((O, c) => (O[c] = !0, O), d), d;
+  });
+  function V(d) {
+  }
+  function h() {
+    return m("div", {
+      class: "f-list-view-header",
+      onClick: Me(() => V, ["prevent", "stop"])
+    }, [m("div", {
+      class: b.value
+    }, [m("div", {
+      class: "farris-input-wrap"
+    }, [m("div", {
+      class: "f-cmp-inputgroup"
+    }, [m("div", {
+      class: "input-group f-state-editable"
+    }, [Le(m("input", {
+      class: "form-control f-utils-fill text-left",
+      "onUpdate:modelValue": (d) => a.value = d,
+      name: "input-group-value",
+      type: "text",
+      placeholder: r.value,
+      autocomplete: "off"
+    }, null), [[He, a.value]]), m("div", {
+      class: "input-group-append"
+    }, [u.value && m("span", {
+      class: "input-group-text input-group-clear",
+      onClick: (d) => S()
+    }, [m("i", {
+      class: "f-icon f-icon-close-circle"
+    }, null)]), o.value && m("span", {
+      class: "input-group-text"
+    }, [m("span", {
+      class: "f-icon f-icon-search"
+    }, null)])])])])])])]);
+  }
+  return {
+    renderHeader: h
+  };
+}
+function pt() {
+  const e = g(""), t = g(-1), n = g(""), i = g(-1), r = g(!1);
+  function a(h, d, v) {
+    i.value = v;
+  }
+  function o(h, d, v) {
+    r.value || (i.value = v);
+  }
+  function u(h, d, v) {
+    i.value = -1;
+  }
+  function S() {
+    r.value = !0;
+  }
+  function b() {
+    r.value = !1;
+  }
+  function V() {
+    t.value = -1, e.value = "";
+  }
+  return {
+    activeIndex: t,
+    focusedItemId: n,
+    hoverIndex: i,
+    clearActiveItem: V,
+    onMouseenterItem: a,
+    onMouseoverItem: o,
+    onMouseoutItem: u,
+    resumeHover: b,
+    suspendHover: S
+  };
+}
+function yt(e, t, n, i) {
+  const r = g(e.idField), { dataView: a } = n, o = g(-1), u = g(!1), { activeIndex: S, focusedItemId: b, hoverIndex: V, resumeHover: h, suspendHover: d } = i;
+  let v, O = 0, c = 0;
+  function l(w, x) {
+    const I = w - O, s = x - c;
+    v.style.left = parseInt(v.style.left) + I + "px", v.style.top = parseInt(v.style.top) + s + "px", O = w, c = x;
+  }
+  function C(w) {
+    const { left: x, top: I } = w.getBoundingClientRect(), s = w.cloneNode(!0);
+    return s.className = s.className + " f-listview-drag-moving", s.style.cssText = `
+        position:absolute;
+        left:${x}px;
+        top:${document.documentElement.scrollTop ? I + document.documentElement.scrollTop : I}px;
+        z-index: 999999;
+        pointer-events: none;
+        border-radius: 10px;
+        margin: 4px 2px;    
+        display: flex;
+        align-items: center;
+        float: none;
+        text-align: initial;
+        width:${getComputedStyle(w).width};
+        height:${getComputedStyle(w).height};
+        `, 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;
+        `, 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 F(w, x, I) {
+    if (w.stopPropagation(), d(), x) {
+      if (v = C(w.target), w.dataTransfer) {
+        const s = new Image();
+        s.src = "", w.dataTransfer.setDragImage(s, 0, 0);
+      }
+      O = w.pageX, c = w.pageY, setTimeout(() => {
+        o.value = I, u.value = !0, x.moving = !0;
+      });
+    }
+  }
+  function y(w, x) {
+    if (w.preventDefault(), o.value !== x) {
+      const I = a.value[o.value], s = a.value;
+      s.splice(o.value, 1), s.splice(x, 0, I), o.value = x, l(w.pageX, w.pageY);
+    }
+  }
+  function T(w) {
+    w.preventDefault(), w.dataTransfer && (w.dataTransfer.dropEffect = "move"), l(w.pageX, w.pageY);
+  }
+  function k(w, x) {
+    x && (x.moving = !1, v && (document.body.removeChild(v), v = null)), a.value.forEach((I, s) => {
+      I.__fv_index__ = s;
+    }), u.value = !1, h(), V.value = x.raw.__fv_index__, S.value = x.raw.__fv_index__, b.value = x.raw[r.value], t.emit("change", a.value), t.emit("activeChange", [x.raw]);
+  }
+  return {
+    dragstart: F,
+    dragenter: y,
+    dragover: T,
+    dragend: k,
+    isDragging: u
+  };
+}
+function bt(e, t, n, i, r, a) {
+  const o = g(e.idField), u = g(e.disableField), S = g(e.draggable);
+  g(e.itemClass);
+  const b = g(e.selection.multiSelect ?? !1), V = g(e.selection.multiSelectMode), { isDragging: h } = i, { activeIndex: d, focusedItemId: v, hoverIndex: O } = r, { clearSelection: c, getSelectedItems: l, toggleSelectItem: C, currentSelectedDataId: F } = a, y = g(l()), T = (B) => y.value.length === 0 ? !1 : y.value.some((f) => {
+    let p = "";
+    return f.data ? p = f.data[o.value] : p = f[o.value], p === B;
+  });
+  function k() {
+    y.value = l();
+  }
+  function w(B, f) {
+    return B.raw[o.value] != null ? B.raw[o.value] : "";
+  }
+  function x(B, f) {
+    const p = {
+      "f-list-view-group-item": !0,
+      "f-list-view-draggable-item": S.value,
+      "f-un-click": !B.checked,
+      "f-un-select": !!B.raw[u.value],
+      "f-listview-active": (
+        // 多选
+        b.value && T(w(B)) || // 单选
+        !b.value && B.raw[o.value] === F.value
+      ),
+      "f-listview-hover": !h.value && f === O.value,
+      moving: !!B.moving
+    };
+    if (typeof e.itemClass == "string")
+      return Y(p, e.itemClass);
+    if (typeof e.itemClass == "function") {
+      const H = e.itemClass(B);
+      return Y(p, H);
+    }
+    return p;
+  }
+  function I(B, f) {
+    const p = {};
+    if (typeof e.itemStyle == "string")
+      return ae(p, e.itemStyle);
+    if (typeof e.itemStyle == "function") {
+      const H = e.itemStyle(B);
+      return ae(p, H);
+    }
+    return p;
+  }
+  const s = L(() => !b.value);
+  function R(B, f, p) {
+    B.checked = p, !B.raw[u.value] && (s.value && (v.value = B.raw[o.value]), C(B));
+  }
+  const A = L(() => b.value && V.value === "OnCheckClearByClick"), E = L(() => !b.value || b.value && (V.value === "OnCheckAndClick" || V.value === "OnClick"));
+  function G(B, f, p) {
+    if (B.raw[u.value]) {
+      p == null || p.preventDefault(), p == null || p.stopPropagation();
+      return;
+    }
+    F.value = B.raw[o.value], v.value = B.raw[o.value], d.value = f, A.value && c(), E.value && (C(B), k()), t.emit("clickItem", { data: y.value, index: f, dataItem: B.raw }), t.emit("activeChange", y.value);
+  }
+  return {
+    getKey: w,
+    selectedItems: y,
+    listViewItemClass: x,
+    listViewItemStyle: I,
+    updateSelectedItems: k,
+    onCheckItem: R,
+    onClickItem: G
+  };
+}
+const Ct = /* @__PURE__ */ N({
+  name: "FListView",
+  props: ut,
+  emits: ["afterSearch", "checkValuesChange", "clickItem", "selectItem", "unSelectItem", "selectionChange", "removeItem", "change", "activeChange", "pageIndexChanged", "pageSizeChanged", "changed", "selectionUpdate"],
+  setup(e, t) {
+    const n = g(), i = g(!0), r = g(!1), a = g([]), o = 0, u = g(e.columns), S = je(e, t), b = $e(e), V = Ge(e), h = Ne(e, b), d = _e(e, /* @__PURE__ */ new Map(), S, V, b), v = ze(e, d, b, a, t), O = ct(e, n), c = Ue(e, d), l = L(() => d.dataView.value.length), C = We(e, t, v, b), F = qe(e, t, b, C, a), y = De(e), T = Ke(e, {}, y), k = Xe(e, d, F, V, b, y, T), w = Ye(e, b, T, k), x = Je(e, b, T, k), I = Qe(e, u, d, l, o, k, w, x), {
+      getVisualData: s
+    } = I;
+    a.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" && (M[`${e.size}-item`] = !0), Y(M, e.customClass);
+    }), A = L(() => !!t.slots.footer || i.value);
+    function E() {
+      return e.header === "SearchBar" ? se : e.header === "ContentHeader" ? ht : se;
+    }
+    const G = E(), {
+      renderHeader: B
+    } = G(e, t, O), f = pt(), p = yt(e, t, d, f), H = bt(e, t, a, p, f, v), {
+      renderListArea: P
+    } = gt(e, t, a, d, h, f, v, I, H, p);
+    function _(M) {
+      O.search(M);
+    }
+    function he(M) {
+      M && (d.load(M), a.value = s(0, l.value + o - 1));
+    }
+    function pe() {
+      v.clearSelection(), f.clearActiveItem();
+    }
+    function ye() {
+      return H.selectedItems.value;
+    }
+    function be() {
+      return H.selectedItems.value.map((M) => M[b.idField.value]);
+    }
+    function ie(M) {
+      v.selectedValues.value = M, H.updateSelectedItems();
+    }
+    function Ce() {
+      return v.currentSelectedDataId.value;
+    }
+    function Se(M) {
+      C.activeRowById(M);
+    }
+    function we(M) {
+      const j = b.idField.value, z = a.value.find((K) => K.raw[j] === M), U = a.value.findIndex((K) => K.raw[j] === M);
+      z && U > -1 && H.onClickItem(z, U);
+    }
+    function Fe(M) {
+      const j = b.idField.value, z = a.value.find((U) => U.raw[j] === M);
+      z && C.changeRow(z);
+    }
+    function Ie(M) {
+      c.updatePagination(M);
+    }
+    function Ve(M) {
+      return a.value.filter((j) => M.includes(j.raw[e.idField]));
+    }
+    t.expose({
+      search: _,
+      updateDataSource: he,
+      clearSelection: pe,
+      getSelections: ye,
+      updateSelectionByIds: ie,
+      getSelectionIds: be,
+      activeRowById: Se,
+      getCurrentRowId: Ce,
+      clickRowItemById: we,
+      updatePagination: Ie,
+      getVisibleDataByIds: Ve,
+      selectRowById: Fe
+    });
+    function ke(M) {
+      e.multiSelect && (M.preventDefault(), M.stopPropagation());
+    }
+    $(() => e.selectionValues, (M, j) => {
+      M !== j && ie(M);
+    });
+    const Te = Ze(e, v), {
+      sidebarWidth: xe,
+      showSidebarCheckBox: on
+    } = Te, Oe = et(e, t), {
+      applyColumnSorter: sn,
+      columnContext: Be,
+      updateColumnRenderContext: rn
+    } = Oe, Pe = tt(e, d, a, Be, I, l, o, xe, F), {
+      shouldRenderPagination: un
+    } = c, {
+      renderDataGridPagination: cn
+    } = nt(e, t, d, Pe, c, v);
+    return () => m("div", {
+      class: R.value,
+      onClick: ke
+    }, [B(), m("div", {
+      ref: n,
+      class: "f-list-view-content",
+      onMouseover: () => {
+        r.value = !0;
+      },
+      onMouseleave: () => {
+        r.value = !1;
+      }
+    }, [P()]), A.value && m("div", {
+      class: "f-list-view-footer"
+    }, [e.footerTemplate ? e.footerTemplate() : t.slots.footer && t.slots.footer()])]);
+  }
+}), St = {
+  /**
+   * 组件标识
+   */
+  id: String,
+  /**
+   * 设置按钮类型
+   */
+  type: { type: String, default: "primary" },
+  /**
+   * 是否禁用
+   */
+  disabled: { type: Boolean, default: !1 },
+  /**
+   * 按钮尺寸
+   */
+  size: { type: String, default: "middle" },
+  /**
+   * 按钮图标
+   */
+  icon: { type: String },
+  /**
+   * 自定义class
+   */
+  customClass: { type: Object, default: {} }
+};
+function wt(e, t) {
+  function n(i) {
+    i.stopPropagation(), e.disabled || t.emit("click", i);
+  }
+  return {
+    onClickButton: n
+  };
+}
+function Ft(e) {
+  const t = L(() => {
+    const i = {
+      "f-icon": !0
+    };
+    if (e.icon) {
+      const r = e.icon.trim().split(" ");
+      r && r.length && r.reduce((a, o) => (a[o] = !0, a), i);
+    }
+    return i;
+  }), n = L(() => !!(e.icon && e.icon.trim()));
+  return { iconClass: t, shouldShowIcon: n };
+}
+const It = /* @__PURE__ */ N({
+  name: "FButton",
+  props: St,
+  emits: ["click"],
+  setup(e, t) {
+    const {
+      onClickButton: n
+    } = wt(e, t), {
+      iconClass: i,
+      shouldShowIcon: r
+    } = Ft(e), a = 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": r.value
+      };
+      return o[`btn-${e.type}`] = !0, e.customClass && Object.keys(e.customClass).reduce((u, S) => (u[S] = e.customClass[S], u), o), o;
+    });
+    return () => m("button", {
+      class: a.value,
+      disabled: e.disabled,
+      onClick: (o) => n(o)
+    }, [r.value && m("i", {
+      class: i.value
+    }, null), t.slots.default && t.slots.default()]);
+  }
+}), te = /* @__PURE__ */ new Map([
+  ["appearance", fe]
+]), Vt = "https://json-schema.org/draft/2020-12/schema", kt = "https://farris-design.gitee.io/combo-list.schema.json", Tt = "combo-list", xt = "A Farris Input Component", Ot = "object", Bt = {
+  id: {
+    description: "The unique identifier for a combo list",
+    type: "string"
+  },
+  type: {
+    description: "The type string of number combo list component",
+    type: "string",
+    default: "combo-list"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disabled: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  enableClear: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  enableLinkLabel: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  label: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  lableWidth: {
+    description: "",
+    type: "number"
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: "请选择"
+  },
+  idField: {
+    description: "",
+    type: "string",
+    default: "id"
+  },
+  valueField: {
+    description: "",
+    type: "string",
+    default: "id"
+  },
+  titleField: {
+    description: "",
+    type: "string",
+    default: "name"
+  },
+  textField: {
+    description: "",
+    type: "string",
+    default: "name"
+  },
+  dataSourceType: {
+    description: "",
+    type: "string",
+    default: "static"
+  },
+  data: {
+    description: "",
+    type: "array"
+  },
+  remote: {
+    description: "",
+    type: "string"
+  },
+  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"
+  },
+  multiSelect: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  maxLength: {
+    description: "",
+    type: "number",
+    default: null
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  onBlur: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  onClickLinkLabel: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  maxHeight: {
+    description: "",
+    type: "number",
+    default: 350
+  },
+  minPanelWidth: {
+    description: "",
+    type: "number",
+    default: 160
+  },
+  popupOnClick: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  separator: {
+    description: "",
+    type: "string",
+    default: ","
+  },
+  viewType: {
+    description: "",
+    type: "string",
+    default: "tag"
+  },
+  enableSearch: {
+    description: "启用搜索",
+    type: "boolean",
+    default: !0
+  },
+  enableHighlightSearch: {
+    description: "启用高亮搜索",
+    type: "boolean",
+    default: !1
+  },
+  beforeOpen: {
+    description: "打卡面板前回调",
+    type: "string"
+  },
+  onChange: {
+    description: "值变化事件",
+    type: "string",
+    default: ""
+  },
+  onInput: {
+    description: "输入事件",
+    type: "string",
+    default: ""
+  },
+  onClear: {
+    description: "清空事件",
+    type: "string",
+    default: ""
+  }
+}, Pt = [
+  "type"
+], Rt = [
+  "id",
+  "appearance",
+  "binding",
+  "visible"
+], Mt = {
+  onClear: "清空事件",
+  onChange: "值变化事件",
+  beforeOpen: "打开下拉面板前事件"
+}, ne = {
+  $schema: Vt,
+  $id: kt,
+  title: Tt,
+  description: xt,
+  type: Ot,
+  properties: Bt,
+  required: Pt,
+  ignore: Rt,
+  events: Mt
+};
+function le(e, t, n) {
+  return t;
+}
+function Lt() {
+  function e(t, n, i) {
+    const r = {};
+    return r.beforeOpen = (a) => n.call("beforeOpen", t, [a, t], i), r;
+  }
+  return {
+    resolve: e
+  };
+}
+const D = {
+  /**
+   * 组件标识
+   */
+  id: { type: String },
+  /**
+   * 下拉数据源
+   */
+  data: { type: Array, default: [] },
+  /**
+   * 可选，展示文本
+   * 默认为空字符串 -----内部需要根据value重新生成展示文本，此属性不生效
+   * displayText: { type: String, default: '' },
+  */
+  /**
+   * 可选，是否禁用
+   * 默认为`false`
+   */
+  disabled: { default: !1, type: Boolean },
+  /**
+   * 可选，下拉图标
+   * 默认为'<span class="f-icon f-icon-arrow-60-down"></span>'
+   */
+  dropDownIcon: { type: String, default: '<span class="f-icon f-icon-arrow-chevron-down"></span>' },
+  /**
+   * 可选，是否可编辑
+   * 默认`false`
+   */
+  editable: { default: !1, type: Boolean },
+  /**
+   * 可选，是否启用清空
+   * 默认启用
+   */
+  enableClear: { default: !0, type: Boolean },
+  /**
+   * 可选，启用搜索
+   * 默认为`false`
+   */
+  enableSearch: { type: Boolean, default: !1 },
+  /**
+   * 可选，鼠标悬停时是否显示控件值
+   * 默认显示
+   */
+  enableTitle: { default: !0, type: Boolean },
+  fitEditor: { default: !1, type: Boolean },
+  /**
+   * 可选，强制显示占位符
+   * 默认`false`
+   */
+  forcePlaceholder: { default: !1, type: Boolean },
+  /**
+   * 可选，清空值时隐藏面板
+   * 默认`true`
+   */
+  hidePanelOnClear: { default: !0, type: Boolean },
+  /**
+   * 可选，数据源id字段
+   * 默认为`id`
+   */
+  idField: { default: "id", type: String },
+  /**
+   * 可选，字段映射
+   */
+  mapFields: { type: Object },
+  /**
+   * 可选，最大高度
+   * 默认`350`
+   */
+  maxHeight: { default: 350, type: Number },
+  /**
+   * 最大输入长度
+   */
+  maxLength: { type: Number },
+  /**
+   * 可选，是否支持多选
+   * 默认`false`
+   */
+  multiSelect: { type: Boolean, default: !1 },
+  /**
+   * 绑定值
+   */
+  modelValue: {},
+  /**
+   * 占位符
+   */
+  placeholder: { type: String, default: "请选择" },
+  /**
+   * 可选，下拉面板展示位置
+   * 默认为`auto`
+   */
+  placement: {
+    type: String,
+    default: "auto"
+    /* auto */
+  },
+  /**
+   * 可选，是否只读
+   * 默认为`false`
+   */
+  readonly: { default: !1, type: Boolean },
+  /**
+   * 远端数据源信息
+   */
+  remote: { default: null, type: Object },
+  /**
+   * 可选，是否支持远端过滤
+   * 默认`false`
+   */
+  remoteSearch: { default: !1, type: Boolean },
+  /**
+   * 可选，分隔符
+   * 默认`,`
+   */
+  separator: { default: ",", type: String },
+  /**
+   * tabIndex
+   */
+  tabIndex: { type: Number, default: -1 },
+  /**
+   * 可选，数据源显示字段
+   * 默认为`name`
+   */
+  textField: { default: "name", type: String },
+  /**
+   * 可选，数据源的title
+   * 默认为`name`
+   */
+  titleField: { default: "name", type: String },
+  /**
+   * 可选，数据源值字段
+   * 默认为`id`
+   */
+  valueField: { default: "id", type: String },
+  /**
+   * 可选，启用多选下，下拉列表值在输入框中的展示方式
+   * 支持text | tag
+   * 因为ButtonEdit内部处理类型只有在批量的情况下才会有展示类型区分
+   */
+  viewType: { default: "tag", type: String },
+  /**
+   * 值变化事件
+   */
+  change: { type: Function, default: () => {
+  } },
+  /**
+   * 作为内嵌编辑器被创建后默认获得焦点
+   */
+  focusOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 作为内嵌编辑器被创建后默认选中文本
+   */
+  selectOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 此属性废弃
+   */
+  autoHeight: { type: Boolean, default: !0 },
+  /**
+   * 打开前
+   */
+  beforeOpen: { type: Function, default: null },
+  load: { type: Function },
+  searchOption: {
+    type: [Boolean, Function],
+    default: !1
+  },
+  // 搜索启用高亮
+  enableHighlightSearch: { type: Boolean, default: !0 },
+  minPanelWidth: { type: Number, default: 160 },
+  popupOnClick: { type: Boolean, default: !0 }
+};
+Object.assign({}, D, {
+  readonly: {}
+});
+ee(D, ne, te, le);
+const ge = it(
+  D,
+  ne,
+  te,
+  le
+), Ht = Lt(), At = {
+  dataSource: { type: Array, default: [] },
+  enableSearch: { type: Boolean, default: !1 },
+  idField: { type: String, default: "id" },
+  multiSelect: { type: Boolean, default: !1 },
+  selectedValues: { type: String, default: "" },
+  separator: { type: String, default: "," },
+  textField: { type: String, default: "name" },
+  titleField: { type: String, default: "name" },
+  width: { type: Number },
+  maxHeight: { type: Number },
+  valueField: { type: String, default: "id" },
+  /** 值变化事件 */
+  onSelectionChange: { type: Function, default: () => {
+  } },
+  searchOption: {
+    type: [Boolean, Function],
+    default: !1
+  },
+  // 搜索启用高亮
+  enableHighlightSearch: { type: Boolean, default: !0 }
+}, Et = /* @__PURE__ */ N({
+  name: "FComboListContainer",
+  props: At,
+  emits: ["selectionChange"],
+  setup(e, t) {
+    const n = g(), i = g(e.dataSource), r = g([]), a = g(e.separator), o = g(e.width), u = g(e.maxHeight), S = L(() => e.multiSelect), b = g(e.multiSelect ? String(e.selectedValues).split(a.value) : [e.selectedValues]), V = L(() => ({
+      enableSelectRow: !0,
+      multiSelect: e.multiSelect,
+      multiSelectMode: "OnCheckAndClick",
+      showCheckbox: S.value,
+      showSelectAll: !1,
+      showSelection: !0
+    }));
+    $(e.dataSource, () => {
+      i.value = e.dataSource;
+    }), L(() => e.enableSearch ? "SearchBar" : "ContentHeader");
+    const h = L(() => {
+      const l = {};
+      return o.value !== void 0 && (l.width = `${o.value}px`), u.value !== void 0 && u.value > 0 && (l.maxHeight = `${u.value}px`), l;
+    });
+    function d(l) {
+      n.value.search(l);
+    }
+    function v(l) {
+      r.value = l.map((C) => Object.assign({}, C)), b.value = l.map((C) => C[e.idField]), t.emit("selectionChange", r.value);
+    }
+    function O(l) {
+      if (e.enableHighlightSearch)
+        return;
+      let C = [];
+      const {
+        searchOption: F
+      } = e;
+      typeof F == "function" ? C = i.value.filter((y) => F(l, y)) : C = i.value.filter((y) => y[e.valueField].indexOf(l) > -1 || y[e.textField].indexOf(l) > -1), n.value.updateDataSource(C);
+    }
+    $([() => e.selectedValues], ([l]) => {
+      e.multiSelect ? b.value = l.split(a.value) : b.value = [l];
+    });
+    function c(l) {
+      n.value.activeRowById(l);
+    }
+    return J(() => {
+      var l, C;
+      if (!e.multiSelect) {
+        const F = (l = b.value) == null ? void 0 : l[0];
+        let y = F;
+        const T = i.value.map((k) => k[e.valueField || e.idField]);
+        if (!at(F) && T.includes(F)) {
+          const k = typeof F, w = typeof ((C = i.value[0]) == null ? void 0 : C[e.valueField || e.idField]);
+          w === "number" && k !== w && (y = Number(F)), w === "boolean" && k !== w && (y = F === "true" ? !0 : F === "false" ? !1 : F), c(y);
+        }
+      }
+    }), t.expose({
+      search: d,
+      activeRowById: c
+    }), () => m("div", {
+      class: "f-combo-list-container",
+      style: h.value
+    }, [m(ot, {
+      ref: n,
+      size: "small",
+      itemClass: "f-combo-list-item",
+      itemContentClass: "text-truncate",
+      header: "ContentHeader",
+      headerClass: "f-combo-list-search-box",
+      data: i.value,
+      idField: e.idField,
+      textField: e.textField,
+      titleField: e.titleField,
+      multiSelect: e.multiSelect,
+      selection: V.value,
+      enableHighlightSearch: e.enableHighlightSearch,
+      selectionValues: b.value,
+      onSelectionUpdate: v,
+      onAfterSearch: O
+    }, null)]);
+  }
+});
+function jt(e) {
+  const t = g(""), n = g(e.modelValue), i = g(e.data || []), r = g(e.editable);
+  function a(c) {
+    const l = e.multiSelect ? String(c).split(e.separator) : [String(c)], C = l.map((T) => [T, !0]), F = new Map(C);
+    return i.value.filter((T) => F.has(String(T[e.valueField]))).sort((T, k) => {
+      const w = l.indexOf(T[e.valueField]), x = l.indexOf(k[e.valueField]);
+      return w - x;
+    });
+  }
+  function o(c) {
+    const l = a(c).map((C) => C[e.textField]).join(e.separator);
+    t.value = r.value ? l || c : l;
+  }
+  function u(c) {
+    if (e.multiSelect) {
+      const l = c.split(e.separator).map((F) => [F, !0]), C = new Map(l);
+      return i.value.filter((F) => C.has(F[e.textField]));
+    }
+    return i.value.filter((l) => "" + l[e.textField] === c);
+  }
+  function S(c) {
+    const l = {};
+    return l[e.idField] = c, l[e.textField] = c, [l];
+  }
+  function b(c) {
+    let l = u(c);
+    const C = l && l.length > 0;
+    return r.value && !C && (l = S(c)), l;
+  }
+  function V() {
+    const { url: c, method: l = "GET", headers: C = { "Content-Type": "application/json;charset=utf-8;" }, body: F = null } = e.remote;
+    if (!c)
+      return;
+    const y = l.toLowerCase() === "get" ? { method: l, headers: C } : { method: l, headers: C, body: F };
+    let T = !1;
+    fetch(new Request(c, y)).then((k) => {
+      var x, I;
+      if (k.status === 200)
+        return T = !!((I = (x = k.headers) == null ? void 0 : x.get("content-type")) != null && I.includes("application/json")), T ? k.text() : k.json();
+      throw k.status === 405 ? new Error(Q.getLocaleValue("comboList.remoteError")) : new Error(k.statusText);
+    }).then((k) => {
+      k.length && (i.value = T ? JSON.parse(k) : k);
+    }).catch((k) => {
+      console.warn(k);
+    });
+  }
+  e.remote && (e.load ? e.load().then((c) => {
+    i.value = c;
+  }).catch((c) => {
+    console.log(c);
+  }) : V()), $(() => e.data, () => {
+    i.value = e.data;
+  }), $([i], ([c]) => {
+    if (e.modelValue != null) {
+      const l = c.find((C) => C[e.valueField] === e.modelValue);
+      l && (t.value = l[e.textField]);
+    }
+  }), $(() => e.modelValue, (c) => {
+    n.value = c, o(c);
+  });
+  function h(c) {
+    i.value = c;
+  }
+  function d() {
+    return i.value;
+  }
+  function v() {
+    return t.value;
+  }
+  function O() {
+    const c = typeof e.beforeOpen == "function";
+    return !e.beforeOpen || !c ? Promise.resolve(!0) : Promise.resolve().then(() => e.beforeOpen({ instance: { updateDataSource: h, getData: d, getDisplayText: v } })).then((l) => typeof (l == null ? void 0 : l.canOpen) == "boolean" ? l == null ? void 0 : l.canOpen : !0);
+  }
+  return o(e.modelValue), {
+    dataSource: i,
+    displayText: t,
+    editable: r,
+    modelValue: n,
+    beforeOpenList: O,
+    getItemsByDisplayText: u,
+    getItemsByValue: a,
+    getSelectedItemsByDisplayText: b
+  };
+}
+const q = /* @__PURE__ */ N({
+  name: "FComboList",
+  props: D,
+  emits: ["clear", "update:modelValue", "change", "input"],
+  setup(e, t) {
+    const n = g(), i = g(), r = g(e.disabled || e.readonly), a = g(e.enableClear), o = g(e.enableSearch), u = g(e.readonly), {
+      dataSource: S,
+      displayText: b,
+      editable: V,
+      modelValue: h,
+      getItemsByDisplayText: d,
+      getItemsByValue: v,
+      beforeOpenList: O
+    } = jt(e), c = g(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), C = L(() => i.value ? i.value.elementRef.getBoundingClientRect().width : 0);
+    function F() {
+      !l.value && i.value && i.value.hidePopup();
+    }
+    function y(f) {
+      b.value = f.map((H) => H[e.textField]).join(e.separator) || h.value;
+      let p = "";
+      f.length === 1 ? p = f[0][e.valueField] : p = f.map((H) => H[e.valueField]).join(e.separator), h.value !== p && (h.value = p, t.emit("update:modelValue", h.value), t.emit("change", f, h.value));
+    }
+    function T() {
+      const f = v(h.value);
+      y(f);
+    }
+    function k() {
+      u.value || b.value;
+    }
+    function w(f) {
+      var p;
+      h.value = "", (p = n.value) == null || p.activeRowById(""), t.emit("clear");
+    }
+    function x(f) {
+      var p, H;
+      e.enableSearch && e.enableHighlightSearch && ((p = n.value) == null || p.search(f)), (H = n.value) == null || H.activeRowById(f), t.emit("change", [h.value], h.value);
+    }
+    function I(f) {
+      if (e.multiSelect) {
+        const p = d(f);
+        e.viewType;
+        const P = p.map((_) => _[e.idField || e.valueField]).join(e.separator);
+        h.value !== P && (h.value = P, t.emit("update:modelValue", h.value), t.emit("change", p, h.value));
+      } else f !== h.value && (h.value = f, t.emit("update:modelValue", h.value), t.emit("change", [], f));
+    }
+    function s() {
+      return b.value;
+    }
+    function R(f) {
+      const {
+        value: p
+      } = f.target;
+      x(p), t.emit("input", p);
+    }
+    function A() {
+      i.value.hidePopup();
+    }
+    function E(f) {
+      S.value = f;
+    }
+    function G() {
+      return S.value;
+    }
+    const B = {
+      getDisplayText: s,
+      hidePopup: A,
+      updateDataSource: E,
+      getData: G
+    };
+    return t.expose(B), $([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([f, p, H, P, _]) => {
+      r.value = f, V.value = p, a.value = H, o.value = P, u.value = _;
+    }), () => m(lt, {
+      ref: i,
+      id: e.id,
+      disable: r.value,
+      readonly: u.value,
+      forcePlaceholder: e.forcePlaceholder,
+      editable: V.value,
+      buttonContent: c.value,
+      placeholder: e.placeholder === "请选择" ? Q.getLocaleValue("comboList.placeholder") : e.placeholder,
+      enableClear: a.value,
+      maxLength: e.maxLength,
+      tabIndex: e.tabIndex,
+      enableTitle: e.enableTitle,
+      multiSelect: e.multiSelect,
+      inputType: e.multiSelect ? e.viewType : "text",
+      modelValue: b.value,
+      "onUpdate:modelValue": (f) => b.value = f,
+      focusOnCreated: e.focusOnCreated,
+      selectOnCreated: e.selectOnCreated,
+      onClear: w,
+      onClick: k,
+      onChange: I,
+      onBlur: T,
+      onInput: R,
+      beforeOpen: O,
+      placement: e.placement,
+      popupMinWidth: e.minPanelWidth,
+      popupClass: "f-combo-list-wrapper",
+      popupOnClick: e.popupOnClick,
+      limitContentBySpace: !0
+    }, {
+      default: () => [m(Et, {
+        ref: n,
+        idField: e.idField,
+        valueField: e.valueField,
+        textField: e.textField,
+        titleField: e.titleField,
+        dataSource: S.value,
+        selectedValues: h.value,
+        separator: e.separator,
+        multiSelect: e.multiSelect,
+        enableSearch: o.value,
+        maxHeight: e.maxHeight,
+        enableHighlightSearch: e.enableHighlightSearch,
+        width: e.fitEditor ? C.value : void 0,
+        onSelectionChange: (f) => {
+          y(f), F();
+        }
+      }, null)]
+    });
+  }
+}), $t = Object.assign({}, ve, {
+  readonly: {}
+});
+ee(ve, ne, te, le);
+const re = {
+  convertFrom: (e, t) => (e.editor.remote || {})[t],
+  convertTo: (e, t, n) => {
+    e.editor.remote = e.editor.remote || {}, e.editor.remote[t] = n;
+  }
+};
+class Gt extends rt {
+  constructor(t, n) {
+    super(t, n);
+  }
+  getCommonEditorProperties(t) {
+    var n, i, r;
+    return {
+      viewType: {
+        visible: !!((n = t.editor) != null && n.multiSelect),
+        description: "数据展示类型，有标签和文本两种方式",
+        title: "数据展示类型",
+        type: "enum",
+        editor: {
+          data: [
+            { id: "tag", name: "标签" },
+            { id: "text", name: "文本" }
+          ]
+        },
+        refreshPanelAfterChanged: !0
+      },
+      separator: {
+        visible: !!((i = t.editor) != null && i.multiSelect) && ((r = t.editor) == null ? void 0 : r.viewType) === "text",
+        description: "下拉列表启用多选且数据展示类型为文本时的分隔符",
+        title: "分隔符",
+        type: "enum",
+        editor: {
+          data: [
+            { id: ",", name: "逗号（,）" },
+            { id: "#", name: "井号（#）" },
+            { id: ".", name: "句号（.）" },
+            { id: "|", name: "竖线（|）" }
+          ]
+        }
+      },
+      editable: {
+        description: "",
+        title: "允许编辑",
+        type: "boolean",
+        refreshPanelAfterChanged: !0,
+        readonly: !0
+        // readonly: !!propertyData.editor?.multiSelect && (propertyData.editor?.viewType === 'tag' || !propertyData.editor!.viewType)
+      }
+      // enableHighlightSearch: {
+      //     visible: !!propertyData.editor?.editable,
+      //     description: "编辑状态下启用高亮搜索",
+      //     title: "启用高亮搜索",
+      //     type: "boolean"
+      // },
+    };
+  }
+  getEditorProperties(t) {
+    var a, o;
+    const n = this;
+    let i = "";
+    if (((a = t == null ? void 0 : t.binding) == null ? void 0 : a.type) === "Form") {
+      const u = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
+      (o = u == null ? void 0 : u.schemaField) != null && o.type && (i = u.schemaField.type.$type);
+    }
+    return n.getComponentConfig(t, { type: "combo-list" }, {
+      // enableSearch: {
+      //     description: "编辑状态下启用搜索",
+      //     title: "允许编辑",
+      //     type: "boolean",
+      // },
+      enableClear: {
+        description: "",
+        title: "启用清空",
+        type: "boolean"
+      },
+      dataSourceType: {
+        description: "",
+        title: "数据源类型",
+        type: "enum",
+        editor: {
+          default: "static",
+          data: [
+            { id: "static", name: "静态" },
+            { id: "dynamic", name: "动态" }
+          ]
+        },
+        refreshPanelAfterChanged: !0
+      },
+      data: {
+        description: "",
+        title: "数据",
+        type: "array",
+        visible: !t.editor.dataSourceType || t.editor.dataSourceType === "static",
+        ...n.getItemCollectionEditor(t, t.editor.valueField, t.editor.textField),
+        // 这个属性，标记当属性变更得时候触发重新更新属性
+        refreshPanelAfterChanged: !0
+      },
+      url: {
+        visible: t.editor.dataSourceType === "dynamic",
+        $converter: re,
+        description: "",
+        title: "服务端API",
+        type: "string"
+      },
+      // method: {
+      //     visible: propertyData.editor.dataSourceType === "dynamic",
+      //     $converter: comboListRemoteConverter,
+      //     description: "",
+      //     title: "服务端API类型",
+      //     type: "enum",
+      //     editor: {
+      //         default: "GET",
+      //         data: [
+      //             { id: "GET", name: "GET" },
+      //             { id: "PUT", name: "PUT" },
+      //             { id: "POST", name: "POST" }
+      //         ]
+      //     },
+      // },
+      body: {
+        visible: !1,
+        $converter: re,
+        description: "",
+        title: "服务端API参数",
+        type: "string"
+      },
+      textField: {
+        description: "",
+        title: "数据源显示字段",
+        type: "string",
+        readonly: t.editor.dataSourceType !== "dynamic"
+      },
+      valueField: {
+        description: "",
+        title: "数据源值字段",
+        type: "string",
+        readonly: t.editor.dataSourceType !== "dynamic"
+      },
+      multiSelect: {
+        description: "",
+        title: "启用多选",
+        visible: !i || i === "StringType",
+        type: "boolean",
+        refreshPanelAfterChanged: !0
+      },
+      maxLength: {
+        description: "",
+        title: "最大输入长度",
+        type: "number",
+        editor: {
+          nullable: !0,
+          min: 0,
+          useThousands: !1,
+          needValid: !0
+        }
+      },
+      ...this.getCommonEditorProperties(t)
+    }, (u, S) => {
+      if (!u || !S.editor)
+        return;
+      const b = this;
+      switch (u.propertyID) {
+        case "dataSourceType": {
+          u.propertyValue === "static" ? (S.editor.valueField = "value", S.editor.textField = "name", S.editor.remote = null) : u.propertyValue === "dynamic" && (S.editor.remote = { method: "GET" }, S.editor.valueField = "value", S.editor.textField = "name");
+          break;
+        }
+        case "data": {
+          !b.checkEnumDataReadonly(S) && S.formatter && (S.formatter.data = [...u.propertyValue]);
+          break;
+        }
+        case "viewType":
+          u.propertyValue === "tag" && (S.editor.editable = !1);
+      }
+    });
+  }
+  getGridFieldEdtiorProperties(t, n) {
+    var o, u, S, b, V, h;
+    const i = this;
+    let r = "";
+    if (((o = t == null ? void 0 : t.binding) == null ? void 0 : o.type) === "Form") {
+      const d = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
+      (u = d == null ? void 0 : d.schemaField) != null && u.type && (r = d.schemaField.type.$type);
+    }
+    return i.getComponentConfig(t, { type: "combo-list" }, {
+      // editable: {
+      //     description: "",
+      //     title: "允许编辑",
+      //     type: "boolean",
+      //     readonly: propertyData.editor?.type === 'combo-list'
+      // },
+      enableClear: {
+        description: "",
+        title: "启用清空",
+        type: "boolean"
+      },
+      // dataSourceType: {
+      //     description: "",
+      //     title: "数据源类型",
+      //     type: "enum",
+      //     editor: {
+      //         default: "static",
+      //         data: [
+      //             { id: "static", name: "静态" },
+      //             { id: "dynamic", name: "动态" }
+      //         ]
+      //     },
+      //     refreshPanelAfterChanged: true
+      // },
+      data: {
+        description: "",
+        title: "数据",
+        type: "array",
+        visible: !((S = t.editor) != null && S.dataSourceType) || ((b = t.editor) == null ? void 0 : b.dataSourceType) === "static",
+        ...i.getItemCollectionEditor(t, (V = t.editor) == null ? void 0 : V.valueField, (h = t.editor) == null ? void 0 : h.textField),
+        // 这个属性，标记当属性变更得时候触发重新更新属性
+        refreshPanelAfterChanged: !0
+      },
+      textField: {
+        description: "",
+        title: "数据源显示字段",
+        type: "string",
+        readonly: !0
+      },
+      valueField: {
+        description: "",
+        title: "数据源值字段",
+        type: "string",
+        readonly: !0
+      },
+      multiSelect: {
+        description: "",
+        title: "启用多选",
+        visible: r === "StringType",
+        type: "boolean",
+        refreshPanelAfterChanged: !0
+      },
+      maxLength: {
+        description: "",
+        title: "最大输入长度",
+        type: "number",
+        editor: {
+          nullable: !0,
+          min: 0,
+          useThousands: !1,
+          needValid: !0
+        }
+      },
+      ...this.getCommonEditorProperties(t)
+    }, (d, v) => {
+      if (!d || !v.editor)
+        return;
+      const O = this;
+      switch (d.propertyID) {
+        case "dataSourceType": {
+          d.propertyValue === "static" ? (v.editor.valueField = "value", v.editor.textField = "name", v.editor.remote = null) : d.propertyValue === "dynamic" && (v.editor.remote = { method: "GET" }, v.editor.valueField = "value", v.editor.textField = "name");
+          break;
+        }
+        case "data": {
+          !O.checkEnumDataReadonly(v) && v.formatter && (v.formatter.data = [...d.propertyValue]);
+          break;
+        }
+      }
+    });
+  }
+  setEditorPropertyRelates(t, n, i) {
+    if (!t || !n.editor)
+      return;
+    const r = this;
+    switch (t.propertyID) {
+      case "dataSourceType": {
+        t.propertyValue === "static" && (n.editor.valueField = "value", n.editor.textField = "name", n.editor.remote = {});
+        break;
+      }
+      case "data": {
+        !r.checkEnumDataReadonly(n) && n.formatter && (n.formatter.data = [...t.propertyValue]);
+        break;
+      }
+    }
+  }
+  /**
+   * 切换绑定属性 
+   */
+  changeBindingField(t, n, i) {
+    var a;
+    super.changeBindingField(t, n);
+    const r = i;
+    t.editor && ((a = r == null ? void 0 : r.type) == null ? void 0 : a.$type) === Ae.EnumType && (t.editor.data = r.type.enumValues || []);
+  }
+  /**
+  * 组装输入类控件的交互面板：包含标签超链、绑定字段值变化前后事件等。
+  * @param propertyData 属性值
+  * @param viewModelId 视图模型id
+  * @param showPosition 面板展示位置
+  * @param customEvent 输入控件特有的事件配置
+  */
+  getEventPropertyConfig(t, n = "card", i, r) {
+    const a = this;
+    let o = [
+      {
+        label: "onChange",
+        name: "值变化事件"
+      },
+      // {
+      //     label: 'onClear',
+      //     name: '清空事件'
+      // },
+      {
+        label: "beforeOpen",
+        name: "下拉面板前事件"
+      }
+    ];
+    i && (o = o.concat(i)), this.appendFieldValueChangeEvents(t, o);
+    const u = a.eventsEditorUtils.formProperties(t, a.viewModelId, o);
+    return {
+      title: "事件",
+      hideTitle: !0,
+      properties: a.createBaseEventProperty(u),
+      tabId: "commands",
+      tabName: "交互",
+      setPropertyRelates(V, h) {
+        const d = V.propertyValue;
+        delete t[a.viewModelId], d && (d.setPropertyRelates = this.setPropertyRelates, a.eventsEditorUtils.saveRelatedParameters(t, a.viewModelId, d.events, d)), r && r(V, h, d);
+        const v = a.designViewModelUtils.getDgViewModel(a.viewModelId);
+        v && a.designViewModelField && v.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);
+      }
+    };
+  }
+}
+function Nt(e, t) {
+  const n = e.schema;
+  function i(r, a) {
+    return new Gt(r, t).getPropertyConfig(n, a);
+  }
+  return {
+    getPropsConfig: i
+  };
+}
+const _t = /* @__PURE__ */ N({
+  name: "FComboListDesign",
+  props: $t,
+  emits: ["clear", "update:modelValue", "change"],
+  setup(e, t) {
+    const n = g(), i = X("designer-host-service"), r = X("design-item-context"), a = Nt(r, i), o = me(n, r, a);
+    return J(() => {
+      n.value.componentInstance = o;
+    }), t.expose(o.value), () => m(st, {
+      ref: n,
+      buttonContent: e.dropDownIcon,
+      readonly: !0,
+      editable: !1,
+      forcePlaceholder: !0,
+      placeholder: e.placeholder,
+      enableClear: !0
+    }, null);
+  }
+});
+q.register = (e, t, n, i, r) => {
+  e["combo-list"] = q, t["combo-list"] = ge(r), i["combo-list"] = { callbackResolver: Ht };
+};
+q.registerDesigner = (e, t, n, i) => {
+  e["combo-list"] = _t, t["combo-list"] = ge(i);
+};
+const ue = Ee(q), zt = /* @__PURE__ */ N({
+  name: "FOrderDesign",
+  props: de,
+  emits: ["change"],
+  setup(e, t) {
+    const n = g(e.items), i = g("排序列"), r = g("排序方式"), a = g("添加排序列"), o = [{
+      id: "asc",
+      name: "升序"
+    }, {
+      id: "desc",
+      name: "降序"
+    }], u = g(/* @__PURE__ */ new Map()), S = g(), b = X("design-item-context"), V = me(S, b);
+    J(() => {
+      S.value.componentInstance = V;
+    }), t.expose(V.value);
+    function h() {
+      const y = n.value.map((T) => [T.id, !0]);
+      u.value = new Map(y);
+    }
+    h();
+    const d = L(() => e.dataSource.map((y) => (y.disabled = u.value.has(y.id), y))), v = L(() => ({
+      "f-order": !0
+    }));
+    function O(y) {
+      n.value = n.value.filter((T) => T.id !== y.id), h(), t.emit("change", n.value);
+    }
+    function c() {
+      n.value = [...n.value, {
+        id: Date.now().toString(),
+        name: "",
+        order: "asc"
+      }], h(), t.emit("change", n.value);
+    }
+    function l(y) {
+      h(), t.emit("change", n.value);
+    }
+    function C(y) {
+      if (y && y.length) {
+        const T = /* @__PURE__ */ new Map();
+        y.reduce((k, w) => (k.set(w.id, w), k), T), n.value = y.map((k) => T.get(k.id)), t.emit("change", n.value);
+      }
+    }
+    function F() {
+      return m(Ct, {
+        style: "flex:1",
+        data: n.value,
+        draggable: !0,
+        view: "DraggableView",
+        "keep-order": !0,
+        itemClass: "f-order-item",
+        onRemoveItem: O,
+        onChange: C
+      }, {
+        header: () => m("div", {
+          class: "f-order-header"
+        }, [m("span", {
+          class: "f-order-header-order-field"
+        }, [i.value]), m("span", {
+          class: "f-order-header-order-type"
+        }, [r.value])]),
+        itemContent: (y) => m("div", {
+          class: "f-order-item-content"
+        }, [m(ue, {
+          class: "f-order-item-content-order-field",
+          data: d.value,
+          valueField: "id",
+          textField: "name",
+          idField: "id",
+          modelValue: y.id,
+          "onUpdate:modelValue": (T) => y.id = T,
+          onChange: l,
+          onClear: l
+        }, null), m(ue, {
+          class: "f-order-item-content-order-type",
+          data: o,
+          valueField: "id",
+          textField: "name",
+          idField: "id",
+          modelValue: y.order,
+          "onUpdate:modelValue": (T) => y.order = T,
+          onChange: l
+        }, null)]),
+        footer: () => m("div", {
+          class: "f-order-footer"
+        }, [m(It, {
+          type: "link",
+          class: "f-order-add-button",
+          onClick: c
+        }, {
+          default: () => m(W, null, [m("span", {
+            class: "f-order-add-icon"
+          }, [m("i", {
+            class: "f-icon f-icon-add"
+          }, null)]), a.value])
+        })])
+      });
+    }
+    return () => m("div", {
+      ref: S,
+      class: v.value
+    }, [F()]);
+  }
+}), Ut = /* @__PURE__ */ new Map([
+  ["appearance", fe]
+]), Wt = "https://json-schema.org/draft/2020-12/schema", qt = "https://farris-design.gitee.io/order.schema.json", Dt = "order", Kt = "A Farris Component", Xt = "object", Yt = {
+  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: ""
+  }
+}, Jt = [
+  "id",
+  "type"
+], Qt = {
+  $schema: Wt,
+  $id: qt,
+  title: Dt,
+  description: Kt,
+  type: Xt,
+  properties: Yt,
+  required: Jt
+};
+function Zt(e, t, n) {
+  return t;
+}
+const en = "order", tn = "A Farris Component", nn = "object", ln = {
+  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: "右对齐"
+            }
+          ]
+        }
+      }
+    }
+  }
+}, an = {
+  title: en,
+  description: tn,
+  type: nn,
+  categories: ln
+}, ce = ee(de, Qt, Ut, Zt, an), Vn = {
+  register(e, t, n, i) {
+    e.order = Re, t.order = ce;
+  },
+  registerDesigner(e, t, n) {
+    e.order = zt, t.order = ce;
+  }
+};
+export {
+  Vn as default,
+  ce as propsResolver
+};