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

package/designer/order/index.esm.js

@@ -1,2196 +0,0 @@
-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
-};