@farris/ui-vue 1.1.0 → 1.1.1

package/list-view/index.esm.js

@@ -1,1191 +0,0 @@
-import { ref as u, computed as I, watch as A, defineComponent as B, createVNode as a, withDirectives as K, vModelCheckbox as Ce, Fragment as R, withModifiers as be, vModelText as Se, inject as x, onMounted as ee, createTextVNode as H } from "vue";
-import { cloneDeep as Ve } from "lodash-es";
-const te = {}, ne = {};
-function X(t) {
-  const { properties: e, title: n } = t, s = Object.keys(e).reduce((v, l) => (v[l] = e[l].type === "object" && e[l].properties ? X(e[l]) : Ve(e[l].default), v), {});
-  return s.id = `${n}-${Date.now()}`, s;
-}
-function J(t, e = {}) {
-  const n = te[t];
-  if (n) {
-    let s = X(n);
-    const v = ne[t];
-    return s = v ? v({ getSchemaByType: J }, s, e) : s, s;
-  }
-  return null;
-}
-function ke(t, e) {
-  const n = X(e);
-  return Object.keys(t).reduce((s, v) => (s[v] = t[v], s), n), n;
-}
-function Me(t, e) {
-  return Object.keys(t).filter((s) => t[s] != null).reduce((s, v) => {
-    if (e.has(v)) {
-      const l = e.get(v);
-      if (typeof l == "string")
-        s[l] = t[v];
-      else {
-        const d = l(v, t[v], t);
-        Object.assign(s, d);
-      }
-    } else
-      s[v] = t[v];
-    return s;
-  }, {});
-}
-function Fe(t, e, n = /* @__PURE__ */ new Map()) {
-  const s = ke(t, e);
-  return Me(s, n);
-}
-function De(t = {}) {
-  function e(o, i, c, r) {
-    if (typeof c == "number")
-      return r[o].length === c;
-    if (typeof c == "object") {
-      const h = Object.keys(c)[0], p = c[h];
-      if (h === "not")
-        return Number(r[o].length) !== Number(p);
-      if (h === "moreThan")
-        return Number(r[o].length) >= Number(p);
-      if (h === "lessThan")
-        return Number(r[o].length) <= Number(p);
-    }
-    return !1;
-  }
-  function n(o, i, c, r) {
-    return r[i] && r[i].propertyValue && String(r[i].propertyValue.value) === String(c);
-  }
-  const s = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["getProperty", n]
-  ]);
-  Object.keys(t).reduce((o, i) => (o.set(i, t[i]), o), s);
-  function v(o, i) {
-    const c = o;
-    return typeof i == "number" ? [{ target: c, operator: "length", param: null, value: Number(i) }] : typeof i == "boolean" ? [{ target: c, operator: "getProperty", param: o, value: !!i }] : typeof i == "object" ? Object.keys(i).map((r) => {
-      if (r === "length")
-        return { target: c, operator: "length", param: null, value: i[r] };
-      const h = r, p = i[r];
-      return { target: c, operator: o, param: h, value: p };
-    }) : [];
-  }
-  function l(o) {
-    return Object.keys(o).reduce((c, r) => {
-      const h = v(r, o[r]);
-      return c.push(...h), c;
-    }, []);
-  }
-  function d(o, i) {
-    if (s.has(o.operator)) {
-      const c = s.get(o.operator);
-      return c && c(o.target, o.param, o.value, i) || !1;
-    }
-    return !1;
-  }
-  function m(o, i) {
-    return l(o).reduce((h, p) => h && d(p, i), !0);
-  }
-  function g(o, i) {
-    const c = Object.keys(o), r = c.includes("allOf"), h = c.includes("anyOf"), p = r || h, M = (p ? o[p ? r ? "allOf" : "anyOf" : "allOf"] : [o]).map((y) => m(y, i));
-    return r ? !M.includes(!1) : M.includes(!0);
-  }
-  return { parseValueSchema: g };
-}
-const Te = {}, Ie = {};
-De();
-function ae(t, e, n = /* @__PURE__ */ new Map(), s = (d, m, g) => m, v = {}, l = (d) => d) {
-  return te[e.title] = e, ne[e.title] = s, Te[e.title] = v, Ie[e.title] = l, (d = {}) => {
-    const m = Fe(d, e, n), g = Object.keys(t).reduce((o, i) => (o[i] = t[i].default, o), {});
-    return Object.assign(g, m);
-  };
-}
-function Oe(t, e) {
-  return { customClass: e.class };
-}
-const oe = /* @__PURE__ */ new Map([
-  ["appearance", Oe]
-]);
-function le(t, e, n) {
-  return e;
-}
-const Ee = "https://json-schema.org/draft/2020-12/schema", _e = "https://farris-design.gitee.io/list-view.schema.json", $e = "list-view", je = "A Farris Component", Pe = "object", Ae = {
-  id: {
-    description: "The unique identifier for list-view",
-    type: "string"
-  },
-  type: {
-    description: "The type string of list-view",
-    type: "string",
-    default: "list-view"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  }
-}, Be = [
-  "id",
-  "type"
-], He = {
-  $schema: Ee,
-  $id: _e,
-  title: $e,
-  description: je,
-  type: Pe,
-  properties: Ae,
-  required: Be
-}, Ne = "list-view", Le = "A Farris Component", qe = "object", ze = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, We = {
-  title: Ne,
-  description: Le,
-  type: qe,
-  categories: ze
-}, q = {
-  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, default: "" },
-  selectionValues: { type: Array, default: [] },
-  keepOrder: { type: Boolean, default: !1 },
-  disableField: { type: String, default: "disabled" }
-}, Y = ae(q, He, oe, le, We);
-function se(t, e, n, s, v) {
-  const l = u(t.idField), d = u(t.disableField), m = u(t.draggable), g = u(t.itemClass), o = u(t.multiSelect), i = u(t.multiSelectMode);
-  u(!0);
-  const { isDragging: c } = n, { activeIndex: r, focusedItemId: h, hoverIndex: p } = s, { clearSelection: b, selectedItems: T, toggleSelectItem: M } = v;
-  function V(w, E) {
-    const C = {
-      "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": m.value,
-      "f-un-click": !!w.unClick,
-      "f-un-select": !!w[d.value],
-      "f-listview-active": w.__fv_index__ === r.value,
-      "f-listview-hover": !c.value && E === p.value,
-      moving: !!w.moving
-    };
-    return g.value.split(" ").reduce((P, F) => (P[F] = !0, P), C), C;
-  }
-  function y(w, E) {
-    return w[l.value] || "";
-  }
-  const k = I(() => !o.value);
-  function _(w, E) {
-    w.unClick || w[d.value] || (k.value && (h.value = w[l.value]), M(w, E));
-  }
-  const f = I(() => o.value && i.value === "OnCheckClearByClick"), S = I(() => !o.value || o.value && (i.value === "OnCheckAndClick" || i.value === "OnClick"));
-  function D(w, E, C) {
-    if (E.unClick || E[d.value]) {
-      w.preventDefault(), w.stopPropagation();
-      return;
-    }
-    h.value = E[l.value], r.value = C, f.value && b(), S.value && M(E, C), e.emit("clickItem", { data: T.value, index: C }), e.emit("activeChange", T.value);
-  }
-  return {
-    getKey: y,
-    listViewItemClass: V,
-    onCheckItem: _,
-    onClickItem: D
-  };
-}
-function ie(t, e, n) {
-  const s = u(t.idField), v = u(t.multiSelect);
-  u(t.multiSelectMode);
-  const { getSelectionItems: l } = n, d = u(l(t.selectionValues));
-  A(() => t.selectionValues, (r) => {
-    d.value = u(l(r)).value;
-  });
-  const m = I(() => !v.value);
-  function g(r) {
-    return r[s.value] || "";
-  }
-  function o(r) {
-    return d.value.findIndex((p) => g(p) === g(r));
-  }
-  function i() {
-    d.value.forEach((r) => {
-      r.checked = !1;
-    }), d.value = [];
-  }
-  function c(r, h) {
-    m.value && i();
-    const p = o(r);
-    p > -1 ? (d.value.splice(p, 1), r.checked = !1) : (d.value.push(r), r.checked = !0), e.emit("selectionChange", d.value);
-  }
-  return { clearSelection: i, findIndexInSelectedItems: o, selectedItems: d, toggleSelectItem: c };
-}
-function ce(t, e) {
-  function n(l) {
-    const d = [];
-    let m = l.nextNode();
-    for (; m; )
-      d.push(m), m = l.nextNode();
-    return d;
-  }
-  function s(l, d) {
-    const m = document.createTreeWalker(l, NodeFilter.SHOW_TEXT);
-    return n(m).map((c) => ({ textNode: c, text: (c.textContent || "").toLocaleLowerCase() })).map(({ textNode: c, text: r }) => {
-      const h = [];
-      let p = 0;
-      for (; p < r.length; ) {
-        const b = r.indexOf(d, p);
-        if (b === -1)
-          break;
-        h.push(b), p = b + d.length;
-      }
-      return h.map((b) => {
-        const T = new Range();
-        return T.setStart(c, b), T.setEnd(c, b + d.length), T;
-      });
-    }).flat();
-  }
-  function v(l) {
-    if (!CSS.highlights || (CSS.highlights.clear(), !l || !e))
-      return;
-    const d = s(e.value, l.toLocaleLowerCase()), m = new Highlight(...d);
-    CSS.highlights.set("search-result", m);
-  }
-  return { search: v };
-}
-const Ge = {
-  /** 组件唯一标识 */
-  id: { Type: String, default: "" },
-  /** 自定义样式 */
-  customClass: { Type: String, default: "" },
-  /** 禁用状态 */
-  disable: { Type: Boolean, default: !1 },
-  /** 中间状态 */
-  indeterminate: { Type: Boolean, default: !1 },
-  /** 选择状态 */
-  modelValue: { Type: Boolean, default: !1 }
-}, Q = /* @__PURE__ */ B({
-  name: "FCheckBox",
-  props: Ge,
-  emits: ["change", "update:modelValue"],
-  setup(t, e) {
-    const n = u(t.id), s = u(t.customClass), v = u(t.disable), l = u(t.modelValue), d = u(t.indeterminate), m = I(() => {
-      const o = {
-        "custom-control": !0,
-        "custom-checkbox": !0
-      };
-      return s.value && s.value.split(" ").reduce((i, c) => (i[c] = !0, i), o), o;
-    });
-    function g(o) {
-      o.stopPropagation(), o.preventDefault(), v.value || (l.value = !l.value, e.emit("update:modelValue", l.value), e.emit("change", {
-        originalEvent: o,
-        checked: l.value
-      }));
-    }
-    return A(() => t.modelValue, (o) => {
-      l.value = o;
-    }), A(() => t.indeterminate, (o) => {
-      d.value = o;
-    }), () => a("div", {
-      class: m.value
-    }, [K(a("input", {
-      id: n.value,
-      title: n.value,
-      type: "checkbox",
-      class: "custom-control-input",
-      "onUpdate:modelValue": (o) => l.value = o,
-      indeterminate: d.value
-    }, null), [[Ce, l.value]]), a("label", {
-      for: n.value,
-      class: "custom-control-label",
-      onClick: g
-    }, null)]);
-  }
-});
-function N(t, e, n, s, v, l, d, m) {
-  const g = u(t.size), o = u(t.textField), i = u(t.titleField), c = u(t.multiSelect), r = u(t.disableField), {
-    onMouseenterItem: h,
-    onMouseoverItem: p,
-    onMouseoutItem: b
-  } = v, {
-    getKey: T,
-    listViewItemClass: M,
-    onCheckItem: V,
-    onClickItem: y
-  } = l, k = I(() => ({
-    margin: g.value === "small" ? "0.25rem 0" : "10px 0"
-  }));
-  function _(f, S, D) {
-    return f.checked = d.findIndexInSelectedItems(f) > -1, a("li", {
-      class: M(f, S),
-      id: T(f, S),
-      key: T(f, S),
-      onClick: (w) => y(w, f, S),
-      onMouseenter: (w) => h(w, f, S),
-      onMouseover: (w) => p(w, f, S),
-      onMouseout: (w) => b(w, f, S)
-    }, [c.value && a("div", {
-      class: "f-list-select",
-      onClick: (w) => w.stopPropagation()
-    }, [a(Q, {
-      id: "list-" + T(f, S),
-      customClass: "listview-checkbox",
-      disable: f[r.value] || f.unClick,
-      modelValue: f.checked,
-      "onUpdate:modelValue": (w) => f.checked = w,
-      onChange: (w) => V(f, S)
-    }, null)]), a("div", {
-      class: "f-list-content"
-    }, [a("div", {
-      style: k.value,
-      title: f[i.value] || f[o.value]
-    }, [f[o.value]])])]);
-  }
-  return {
-    renderItem: _
-  };
-}
-function re(t, e, n, s, v, l, d, m) {
-  const g = u(t.multiSelect), o = u(t.disableField), {
-    onMouseenterItem: i,
-    onMouseoverItem: c,
-    onMouseoutItem: r
-  } = v, {
-    getKey: h,
-    listViewItemClass: p,
-    onCheckItem: b,
-    onClickItem: T
-  } = l;
-  function M(y, k, _) {
-    return e.slots.content ? a(R, null, [e.slots.content && e.slots.content({
-      item: y,
-      index: k,
-      selectedItem: _
-    })]) : a("div", {
-      style: "margin: 10px 0;"
-    }, [y.name]);
-  }
-  function V(y, k, _) {
-    return a("li", {
-      class: p(y, k),
-      id: h(y, k),
-      key: h(y, k),
-      onClick: (f) => T(f, y, k),
-      onMouseenter: (f) => i(f, y, k),
-      onMouseover: (f) => c(f, y, k),
-      onMouseout: (f) => r(f, y, k)
-    }, [g.value && a("div", {
-      class: "f-list-select",
-      onClick: (f) => f.stopPropagation()
-    }, [a(Q, {
-      id: "list-" + h(y, k),
-      customClass: "listview-checkbox",
-      disable: y[o.value] || y.unClick,
-      modelValue: y.checked,
-      "onUpdate:modelValue": (f) => y.checked = f,
-      onChange: (f) => b(y, k)
-    }, null)]), a("div", {
-      class: "f-list-content"
-    }, [M(y, k, _)])]);
-  }
-  return {
-    renderItem: V
-  };
-}
-function ue(t, e, n, s, v, l, d, m) {
-  const g = u(t.multiSelect), o = u(t.disableField), {
-    onMouseenterItem: i,
-    onMouseoverItem: c,
-    onMouseoutItem: r
-  } = v, {
-    getKey: h,
-    listViewItemClass: p,
-    onCheckItem: b,
-    onClickItem: T
-  } = l, {
-    dragstart: M,
-    dragenter: V,
-    dragover: y,
-    dragend: k
-  } = s, {
-    removeItem: _
-  } = m, f = I(() => ({
-    margin: g.value ? "10px 0" : "10px 0px 10px 14px"
-  }));
-  function S(C) {
-    return a("div", {
-      style: f.value
-    }, [C.name]);
-  }
-  function D() {
-    return e.slots.itemContent ? e.slots.itemContent : S;
-  }
-  const w = D();
-  function E(C, O, P) {
-    return a("li", {
-      class: p(C, O),
-      id: h(C, O),
-      key: h(C, O),
-      onClick: (F) => T(F, C, O),
-      onMouseenter: (F) => i(F, C, O),
-      onMouseover: (F) => c(F, C, O),
-      onMouseout: (F) => r(F, C, O),
-      draggable: "true",
-      onDragstart: (F) => M(F, C, O),
-      onDragenter: (F) => V(F, O),
-      onDragend: (F) => k(F, C),
-      onDragover: (F) => y(F, O)
-    }, [g.value && a("div", {
-      class: "f-list-select",
-      onClick: (F) => F.stopPropagation()
-    }, [a(Q, {
-      id: "list-" + h(C, O),
-      customClass: "listview-checkbox",
-      disable: C[o.value] || C.unClick,
-      modelValue: C.checked,
-      "onUpdate:modelValue": (F) => C.checked = F,
-      onChange: (F) => b(C, O)
-    }, null)]), a("div", {
-      class: "f-list-content"
-    }, [w(C)]), a("div", {
-      class: "f-list-remove",
-      onClick: (F) => _(O)
-    }, [a("div", {
-      class: "f-list-remove-icon"
-    }, [a("i", {
-      class: "f-icon f-icon-remove_face"
-    }, null)])]), a("div", {
-      class: "f-list-handle"
-    }, [a("div", null, [a("i", {
-      class: "f-icon f-icon-drag-vertical"
-    }, null)])])]);
-  }
-  return {
-    renderItem: E
-  };
-}
-function de(t, e, n) {
-  function s() {
-    return e.slots.header && a("div", {
-      class: "f-list-view-header"
-    }, [e.slots.header()]);
-  }
-  return {
-    renderHeader: s
-  };
-}
-function L(t, e, n) {
-  const s = u(t.headerClass), v = u(t.placeholder), l = u(""), d = I(() => !l.value), m = I(() => !!l.value);
-  function g(r) {
-    l.value = "";
-  }
-  A(l, (r) => {
-    n.search(r);
-  });
-  const o = I(() => {
-    const r = {
-      "form-group": !0,
-      "farris-form-group": !0
-    };
-    return s.value && s.value.split(" ").reduce((p, b) => (p[b] = !0, p), r), r;
-  });
-  function i(r) {
-  }
-  function c() {
-    return a("div", {
-      class: "f-list-view-header",
-      onClick: be(i, ["prevent", "stop"])
-    }, [a("div", {
-      class: o.value
-    }, [a("div", {
-      class: "farris-input-wrap"
-    }, [a("div", {
-      class: "f-cmp-inputgroup"
-    }, [a("div", {
-      class: "input-group f-state-editable"
-    }, [K(a("input", {
-      class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (r) => l.value = r,
-      name: "input-group-value",
-      type: "text",
-      placeholder: v.value,
-      autocomplete: "off"
-    }, null), [[Se, l.value]]), a("div", {
-      class: "input-group-append"
-    }, [m.value && a("span", {
-      class: "input-group-text input-group-clear",
-      onClick: (r) => g()
-    }, [a("i", {
-      class: "f-icon f-icon-close-circle"
-    }, null)]), d.value && a("span", {
-      class: "input-group-text"
-    }, [a("span", {
-      class: "f-icon f-icon-search"
-    }, null)])])])])])])]);
-  }
-  return {
-    renderHeader: c
-  };
-}
-function fe(t, e) {
-  const n = u(t.idField), s = u(t.data), v = u(t.data), l = u(t.keepOrder);
-  function d() {
-    const o = s.value.map((i, c) => typeof i != "object" ? { __fv_index__: c, name: i } : (i.__fv_index__ = c, i));
-    return v.value = o, o;
-  }
-  const m = u(d());
-  A(
-    () => t.data,
-    (o) => {
-      if (l.value) {
-        const i = o.reduce((p, b) => (p.set(b.id, !0), p), /* @__PURE__ */ new Map()), c = s.value.reduce((p, b) => (p.set(b.id, !0), p), /* @__PURE__ */ new Map()), r = m.value.filter((p) => i.has(p.id)), h = o.filter((p) => !c.has(p.id));
-        s.value = [...r, ...h];
-      } else
-        s.value = o;
-      m.value = d();
-    }
-  );
-  function g(o) {
-    return o.map((c) => {
-      const r = v.value.findIndex((h) => h[n.value] === c);
-      return r > -1 ? v.value[r] : null;
-    }).filter((c) => c != null);
-  }
-  return {
-    dataView: m,
-    getSelectionItems: g
-  };
-}
-function ve(t, e, n, s) {
-  const v = u(t.idField), { dataView: l } = n, d = u(-1), m = u(!1), { activeIndex: g, focusedItemId: o, hoverIndex: i, resumeHover: c, suspendHover: r } = s;
-  function h(M, V, y) {
-    M.stopPropagation(), r(), V && setTimeout(() => {
-      d.value = y, m.value = !0, V.moving = !0;
-    });
-  }
-  function p(M, V) {
-    if (M.preventDefault(), d.value !== V) {
-      const y = l.value[d.value], k = l.value;
-      k.splice(d.value, 1), k.splice(V, 0, y), d.value = V;
-    }
-  }
-  function b(M, V) {
-    M.preventDefault(), M.dataTransfer && (M.dataTransfer.dropEffect = "move");
-  }
-  function T(M, V) {
-    V && (V.moving = !1), l.value.forEach((y, k) => {
-      y.__fv_index__ = k;
-    }), m.value = !1, c(), i.value = V.__fv_index__, g.value = V.__fv_index__, o.value = V[v.value], e.emit("change", l.value), e.emit("activeChange", V);
-  }
-  return {
-    dragstart: h,
-    dragenter: p,
-    dragover: b,
-    dragend: T,
-    isDragging: m
-  };
-}
-function pe(t, e, n) {
-  const { dataView: s } = n;
-  function v(l) {
-    if (l > -1 && l < s.value.length) {
-      const d = s.value.splice(l, 1);
-      e.emit("removeItem", d[0]);
-    }
-  }
-  return { removeItem: v };
-}
-function me() {
-  const t = u(-1), e = u(""), n = u(-1), s = u(!1);
-  function v(o, i, c) {
-    n.value = c;
-  }
-  function l(o, i, c) {
-    s.value || (n.value = c);
-  }
-  function d(o, i, c) {
-    n.value = -1;
-  }
-  function m() {
-    s.value = !0;
-  }
-  function g() {
-    s.value = !1;
-  }
-  return {
-    activeIndex: t,
-    focusedItemId: e,
-    hoverIndex: n,
-    onMouseenterItem: v,
-    onMouseoverItem: l,
-    onMouseoutItem: d,
-    resumeHover: g,
-    suspendHover: m
-  };
-}
-const G = /* @__PURE__ */ B({
-  name: "FListView",
-  props: q,
-  emits: ["checkValuesChange", "clickItem", "selectionChange", "removeItem", "change", "activeChange"],
-  setup(t, e) {
-    const n = u(), s = u(t.view), v = u(t.header), l = u(t.multiSelect), d = u(t.view === "CardView"), m = u(!0), g = u({}), o = u("暂无数据"), i = fe(t), {
-      dataView: c
-    } = i, r = I(() => {
-      const $ = {
-        "f-list-view": !0,
-        "f-list-view-multiple": l.value
-      };
-      return t.size !== "default" && ($[`${t.size}-item`] = !0), $;
-    }), h = I(() => ({
-      "f-list-view-group": !0,
-      "d-flex": d.value,
-      "flex-wrap": d.value
-    })), p = I(() => !!c.value && c.value.length > 0), b = me(), T = ie(t, e, i), M = ve(t, e, i, b), V = pe(t, e, i), y = se(t, e, M, b, T), k = ce(t, n), _ = I(() => c.value.length === 0), f = I(() => _.value && !e.slots.empty), S = I(() => !!e.slots.footer || m.value);
-    function D() {
-      return s.value === "SingleView" ? N : s.value === "DraggableView" ? ue : s.value === "ContentView" && e.slots.content ? re : N;
-    }
-    const w = D(), {
-      renderItem: E
-    } = w(t, e, i, M, b, y, T, V);
-    function C() {
-      return v.value === "SearchBar" ? L : v.value === "ContentHeader" ? de : L;
-    }
-    const O = C(), {
-      renderHeader: P
-    } = O(t, e, k);
-    function F($) {
-      k.search($);
-    }
-    e.expose({
-      search: F
-    });
-    function z($) {
-      l.value && ($.preventDefault(), $.stopPropagation());
-    }
-    return () => a("div", {
-      class: r.value,
-      onClick: z
-    }, [P(), a("div", {
-      ref: n,
-      class: "f-list-view-content"
-    }, [a("ul", {
-      class: h.value,
-      style: "list-style: none;"
-    }, [p.value && c.value.map(($, W) => E($, W, g)), f.value && a("div", {
-      class: "f-list-view-emptydata"
-    }, [a("p", {
-      class: "f-empty-title"
-    }, [o.value])]), e.slots.empty && e.slots.empty()])]), S.value && a("div", {
-      class: "f-list-view-footer"
-    }, [e.slots.footer && e.slots.footer()])]);
-  }
-});
-function he(t, e, n) {
-  var _;
-  function s() {
-    n != null && n.resolveComponentContext && n.resolveComponentContext();
-  }
-  s();
-  const v = n && n.getStyles && n.getStyles() || "", l = n && n.getDesignerClass && n.getDesignerClass() || "", d = u();
-  function m() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
-  }
-  function g() {
-    return !1;
-  }
-  function o() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
-  }
-  function i() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
-  }
-  function c(f) {
-    if (!f || !f.value)
-      return null;
-    if (f.value.schema && f.value.schema.type === "component")
-      return f.value;
-    const S = u(f == null ? void 0 : f.value.parent), D = c(S);
-    return D || null;
-  }
-  function r(f = e) {
-    const { componentInstance: S, designerItemElementRef: D } = f;
-    return !S || !S.value ? null : S.value.canMove ? D : r(f.parent);
-  }
-  function h(f) {
-    return !!n && n.canAccepts(f);
-  }
-  function p() {
-    return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
-  }
-  function b() {
-  }
-  function T(f, S) {
-    S && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(S);
-  }
-  function M(f) {
-    const { componentType: S } = f;
-    let D = J(S, f);
-    n && n.onResolveNewComponentSchema && (D = n.onResolveNewComponentSchema(f, D));
-    const w = S.toLowerCase().replace("-", "_");
-    return D && !D.id && D.type === S && (D.id = `${w}_${Math.random().toString().slice(2, 6)}`), D;
-  }
-  function V(f, S) {
-    const D = String(f.getAttribute("data-controltype")), w = f.getAttribute("data-feature"), E = w ? JSON.parse(w) : {};
-    E.parentComponentInstance = d.value;
-    let C = J(D, E);
-    n && n.onAcceptNewChildElement && (C = n.onAcceptNewChildElement(f, S, C));
-    const O = D.toLowerCase().replace("-", "_");
-    return C && !C.id && C.type === D && (C.id = `${O}_${Math.random().toString().slice(2, 6)}`), C;
-  }
-  function y(f) {
-  }
-  function k() {
-    return n && n.getPropsConfig ? n.getPropsConfig() : [];
-  }
-  return d.value = {
-    canMove: m(),
-    canSelectParent: g(),
-    canDelete: o(),
-    canNested: !i(),
-    contents: e == null ? void 0 : e.schema.contents,
-    elementRef: t,
-    parent: (_ = e == null ? void 0 : e.parent) == null ? void 0 : _.componentInstance,
-    schema: e == null ? void 0 : e.schema,
-    styles: v,
-    designerClass: l,
-    canAccepts: h,
-    getBelongedComponentInstance: c,
-    getDraggableDesignItemElement: r,
-    getDraggingDisplayText: p,
-    getPropConfig: k,
-    getDragScopeElement: b,
-    onAcceptMovedChildElement: T,
-    onAcceptNewChildElement: V,
-    onChildElementMovedOut: y,
-    addNewChildComponentSchema: M,
-    updateDragAndDropRules: s,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || u(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || u(!1)
-  }, d;
-}
-const Ue = /* @__PURE__ */ B({
-  name: "FListViewDesign",
-  props: q,
-  emits: ["checkValuesChange", "clickItem", "selectionChange", "removeItem", "change"],
-  setup(t, e) {
-    const n = u(), s = u(t.view), v = u(t.header), l = u(t.multiSelect), d = u(t.view === "CardView"), m = u(!0), g = u({}), o = u("暂无数据");
-    u(!0), u(!1), u("id");
-    const i = fe(t), c = u(), r = x("design-item-context"), h = he(c, r);
-    ee(() => {
-      c.value.componentInstance = h;
-    }), e.expose(h.value);
-    const {
-      dataView: p
-    } = i, b = I(() => {
-      const j = {
-        "f-list-view": !0,
-        "f-list-view-multiple": l.value
-      };
-      return t.size !== "default" && (j[`${t.size}-item`] = !0), j;
-    }), T = I(() => ({
-      "f-list-view-group": !0,
-      "d-flex": d.value,
-      "flex-wrap": d.value
-    })), M = I(() => !!p.value && p.value.length > 0), V = me(), y = ie(t, e, i), k = ve(t, e, i, V), _ = pe(t, e, i), f = se(t, e, k, V, y), S = ce(t, n), D = I(() => p.value.length === 0), w = I(() => D.value && !e.slots.empty), E = I(() => !!e.slots.footer || m.value);
-    function C() {
-      return s.value === "SingleView" ? N : s.value === "DraggableView" ? ue : s.value === "ContentView" && e.slots.content ? re : N;
-    }
-    const O = C(), {
-      renderItem: P
-    } = O(t, e, i, k, V, f, y, _);
-    function F() {
-      return v.value === "SearchBar" ? L : v.value === "ContentHeader" ? de : L;
-    }
-    const z = F(), {
-      renderHeader: $
-    } = z(t, e, S);
-    function W(j) {
-      S.search(j);
-    }
-    e.expose({
-      search: W
-    });
-    function ye(j) {
-      l.value && (j.preventDefault(), j.stopPropagation());
-    }
-    return () => a("div", {
-      ref: c,
-      class: b.value,
-      onClick: ye
-    }, [$(), a("div", {
-      ref: n,
-      class: "f-list-view-content"
-    }, [a("ul", {
-      class: T.value,
-      style: "list-style: none;"
-    }, [M.value && p.value.map((j, we) => P(j, we, g)), w.value && a("div", {
-      class: "f-list-view-emptydata"
-    }, [a("p", {
-      class: "f-empty-title"
-    }, [o.value])]), e.slots.empty && e.slots.empty()])]), E.value && a("div", {
-      class: "f-list-view-footer"
-    }, [e.slots.footer && e.slots.footer()])]);
-  }
-}), U = /* @__PURE__ */ B({
-  name: "FListViewTable",
-  props: q,
-  emits: ["outputValue", "currentEvent", "selectionChanged"],
-  setup(t, e) {
-    const n = [{
-      name: "任芳",
-      code: "1.PO20198989001",
-      date: "2024-02-19",
-      desc: "导游1",
-      amount: 63.85,
-      avatar: "./assets/avatar1.png"
-    }, {
-      name: "戴秀兰",
-      code: "2.PO20198989002",
-      date: "2024-03-17",
-      desc: "导游2",
-      amount: 60.13,
-      avatar: "./assets/avatar2.png"
-    }, {
-      name: "尹磊",
-      code: "3.PO20198989003",
-      date: "2024-04-09",
-      desc: "导游3",
-      amount: 36.54,
-      avatar: "./assets/avatar3.png"
-    }, {
-      name: "赵明",
-      code: "4.PO20198989004",
-      date: "2024-03-27",
-      desc: "导游4",
-      amount: 52.76,
-      avatar: "./assets/avatar4.png"
-    }, {
-      name: "吕洋",
-      code: "5.PO20198989005",
-      date: "2024-11-17",
-      desc: "导游5",
-      amount: 84.13,
-      avatar: "./assets/avatar5.png"
-    }], s = I(() => t.data.length > 0 ? t.data : n);
-    return () => {
-      var v;
-      return a(R, null, [(v = s.value) == null ? void 0 : v.map((l) => a("div", {
-        class: "f-template-listview-row"
-      }, [a("div", {
-        class: "list-view-item-title"
-      }, [a("div", {
-        class: "item-title-img"
-      }, [a("img", {
-        src: l.avatar,
-        alt: "",
-        style: "width: 44px;"
-      }, null)]), a("div", {
-        class: "item-title"
-      }, [a("p", {
-        class: "item-title-heading"
-      }, [l.code]), a("p", {
-        class: "item-title-text"
-      }, [l.desc])])]), a("div", {
-        class: "list-view-item-content"
-      }, [a("div", {
-        class: "content-message"
-      }, [a("div", {
-        class: "ower"
-      }, [a("p", null, [H("创建人")]), a("p", {
-        class: "con"
-      }, [l.name])]), a("div", {
-        class: "date"
-      }, [a("p", null, [H("创建时间")]), a("p", {
-        class: "con"
-      }, [l.date])])])])]))]);
-    };
-  }
-}), Je = "https://json-schema.org/draft/2020-12/schema", Xe = "https://farris-design.gitee.io/list-view-table.schema.json", Qe = "list-view-table", Ye = "A Farris Component", Ze = "object", Ke = {
-  id: {
-    description: "The unique identifier for list-view-table",
-    type: "string"
-  },
-  type: {
-    description: "The type string of list-view-table",
-    type: "string",
-    default: "list-view-table"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  }
-}, Re = [
-  "id",
-  "type"
-], xe = {
-  $schema: Je,
-  $id: Xe,
-  title: Qe,
-  description: Ye,
-  type: Ze,
-  properties: Ke,
-  required: Re
-}, et = "list-view-table", tt = "A Farris Component", nt = "object", at = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, ot = {
-  title: et,
-  description: tt,
-  type: nt,
-  categories: at
-}, ge = {
-  data: { type: Array, default: [] }
-}, Z = ae(ge, xe, oe, le, ot), lt = /* @__PURE__ */ B({
-  name: "FListViewTableDesign",
-  props: ge,
-  emits: ["outputValue", "currentEvent", "selectionChanged"],
-  setup(t, e) {
-    const n = [{
-      name: "任芳",
-      code: "1.山东大学",
-      date: "2024-02-19",
-      desc: "山东济南",
-      amount: 63.85,
-      avatar: "./assets/avatar1.png"
-    }, {
-      name: "戴秀兰",
-      code: "2.山东建筑大学",
-      date: "2024-03-17",
-      desc: "山东济南",
-      amount: 60.13,
-      avatar: "./assets/avatar2.png"
-    }, {
-      name: "尹磊",
-      code: "3.山东财经大学",
-      date: "2024-04-09",
-      desc: "山东济南",
-      amount: 36.54,
-      avatar: "./assets/avatar3.png"
-    }, {
-      name: "赵明",
-      code: "4.北京大学",
-      date: "2024-03-27",
-      desc: "北京市",
-      amount: 52.76,
-      avatar: "./assets/avatar4.png"
-    }, {
-      name: "吕洋",
-      code: "5.南京大学",
-      date: "2024-11-17",
-      desc: "江苏南京",
-      amount: 84.13,
-      avatar: "./assets/avatar5.png"
-    }, {
-      name: "吕娥",
-      code: "6.清华大学",
-      date: "2024-03-17",
-      desc: "北京市",
-      amount: 52.76,
-      avatar: "./assets/avatar6.png"
-    }, {
-      name: "赵强",
-      code: "7.浙江大学",
-      date: "2024-08-01",
-      desc: "浙江杭州",
-      amount: 84.13,
-      avatar: "./assets/avatar7.png"
-    }], s = I(() => t.data.length > 0 ? t.data : n), v = u(), l = x("design-item-context"), d = he(v, l);
-    return ee(() => {
-      v.value.componentInstance = d;
-    }), e.expose(d.value), () => {
-      var m;
-      return a("div", {
-        ref: v
-      }, [(m = s.value) == null ? void 0 : m.map((g) => a("div", {
-        class: "f-template-listview-row"
-      }, [a("div", {
-        class: "list-view-item-title"
-      }, [a("div", {
-        class: "item-title-img"
-      }, [a("img", {
-        src: g.avatar,
-        alt: "",
-        style: "width: 44px;"
-      }, null)]), a("div", {
-        class: "item-title"
-      }, [a("p", {
-        class: "item-title-heading"
-      }, [g.code]), a("p", {
-        class: "item-title-text"
-      }, [g.desc])])]), a("div", {
-        class: "list-view-item-content"
-      }, [a("div", {
-        class: "content-message"
-      }, [a("div", {
-        class: "ower"
-      }, [a("p", null, [H("负责人")]), a("p", {
-        class: "con"
-      }, [g.name])]), a("div", {
-        class: "date"
-      }, [a("p", null, [H("预约时间")]), a("p", {
-        class: "con"
-      }, [g.date])])])]), a("div", {
-        class: "list-view-item-operate"
-      }, null)]))]);
-    };
-  }
-}), ct = {
-  install(t) {
-    t.component(G.name, G), t.component(U.name, U);
-  },
-  register(t, e, n) {
-    t["list-view"] = G, e["list-view"] = Y, t["list-view-table"] = U, e["list-view-table"] = Z;
-  },
-  registerDesigner(t, e, n) {
-    t["list-view"] = Ue, e["list-view"] = Y, t["list-view-table"] = lt, e["list-view-table"] = Z;
-  }
-};
-export {
-  G as ListView,
-  ct as default,
-  q as listViewProps,
-  Y as propsResolver
-};