@farris/ui-vue 1.0.2 → 1.1.1

package/tree-view/index.esm.js

@@ -1,701 +0,0 @@
-import { ref as k, inject as se, computed as q, createVNode as E, Fragment as F, watch as ie, defineComponent as Q, toRefs as ce, createTextVNode as de } from "vue";
-import { cloneDeep as R } from "lodash";
-const ue = {
-  /** 树表数据 */
-  data: { type: Object, default: [] },
-  /** 树节点图标数据 */
-  treeNodeIconsData: { type: Object, default: {} },
-  /** 树表是否支持可选状态 */
-  selectable: { type: Boolean, default: !1 },
-  /** 选中父节点会自动选中子节点 */
-  autoCheckChildren: { type: Boolean, default: !0 },
-  /** 返回值展示父节点和子节点 */
-  cascade: { type: Boolean, default: !0 },
-  /** 是否显示图标集 */
-  showTreeNodeIcons: { type: Boolean, default: !1 },
-  /** 是否显示连接线 */
-  showLines: { type: Boolean, default: !1 },
-  /** 新增值 */
-  newDataItem: { type: Object, default: {} },
-  /** 连接线颜色 */
-  lineColor: { type: String, default: "#9399a0" },
-  /** 单元格高度 */
-  cellHeight: { type: Number, default: 28 }
-};
-function he(i, O) {
-  const B = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Map(), P = k(i.data), y = se("NotifyService");
-  function C() {
-    const f = R(P.value);
-    let d = 0;
-    const l = [];
-    if (f.length)
-      for (let g = 0; g < f.length; g++) {
-        const m = f[g];
-        d++, m.__fv_data_index__ = d, m.__fv_index__ = g, l.push(R(m));
-      }
-    return l;
-  }
-  const c = k(C());
-  function w(f, d, l) {
-    const g = l[f].childs;
-    g.unshift(f.toString());
-    let m = d.filter((n) => g.indexOf(n.id) === -1);
-    return m = m.map((n, r) => ({ ...n, newId: (r + 1).toString() })), m.forEach((n) => {
-      const r = n.parent, o = m.find((a) => a.id === r);
-      n.newParent = o ? o.newId : null;
-    }), m = m.map((n) => ({
-      ...n,
-      id: n.newId,
-      parent: n.newParent
-    })), m;
-  }
-  function b(f) {
-    P.value.push(R(f)), c.value = C();
-  }
-  function I(f, d) {
-    P.value[Number(f) - 1].deletable !== !1 ? (P.value = w(f, P.value, d), c.value = C()) : y.show({
-      showCloseButton: !1,
-      timeout: 3e3,
-      animate: "fadeIn",
-      toasts: [{ type: "string", title: "提示", msg: "当前节点禁止删除" }]
-    });
-  }
-  function x(f, d) {
-    const l = P.value[Number(f) - 1];
-    l.editable !== !1 ? (l.name = d, c.value = C()) : y.show({
-      showCloseButton: !1,
-      timeout: 3e3,
-      animate: "fadeIn",
-      toasts: [{ type: "string", title: "提示", msg: "当前节点禁止编辑" }]
-    });
-  }
-  function p(f, d = !1) {
-    const l = d ? C() : c.value;
-    return c.value = l.filter((g, m) => f.reduce((n, r) => n && r(g), !0)).map((g, m) => (g.__fv_index__ = m, g)), c.value;
-  }
-  function v(f, d) {
-    const l = `group_of_${f}_${d}`;
-    B.set(l, !0);
-    const g = (m) => m[f] !== d;
-    return S.set(`collapse_${f}_${d}`, g), p(Array.from(S.values()));
-  }
-  function h(f, d) {
-    const l = `group_of_${f}_${d}`;
-    return B.set(l, !1), S.delete(`collapse_${f}_${d}`), p(Array.from(S.values()), !0);
-  }
-  return {
-    collapse: v,
-    dataView: c,
-    expand: h,
-    addNewDataItem: b,
-    removeDataItem: I,
-    editDataItem: x
-  };
-}
-var V = /* @__PURE__ */ ((i) => (i[i.readonly = 0] = "readonly", i[i.editable = 1] = "editable", i[i.editing = 2] = "editing", i))(V || {});
-function fe(i, O) {
-  function B(S, P, y) {
-    let C = "";
-    const c = Number(P.index);
-    return y.indexOf(c.toString()) !== -1 ? C = O.value.leafnodes : C = S.collapse ? O.value.fold : O.value.unfold, C;
-  }
-  return { treeNodeIconsClass: B };
-}
-function ge(i, O, B) {
-  const S = k(O.length), P = k(i.lineColor), y = k(i.cellHeight);
-  function C(x, p) {
-    for (let v = 0; v < x.length; v++) {
-      let h = 0;
-      x[v].neighborChilds.length >= 2 && (h = x[v].childsLength * y.value), p[v] && (p[v].paddingBottom = h);
-    }
-    return p;
-  }
-  function c(x) {
-    return ["1"].concat(...x.filter((h) => h.neighborChilds.length !== 0).map((h) => [...h.neighborChilds.slice(-1)]).flat()).sort((h, f) => Number(h) - Number(f));
-  }
-  function w(x, p) {
-    const v = new Array(p.length).fill(0);
-    if (i.showLines) {
-      const h = c(p);
-      p.forEach((f, d) => {
-        const l = h.includes(d.toString());
-        v[d] = `repeating-linear-gradient(90deg, ${P.value} 0 1px, transparent 0px 2px) -10px ${y.value / 2}px/20px 1px no-repeat,repeating-linear-gradient(${P.value} 0 1px, transparent 0px 2px) 0px 0px/1px ${l ? "50%" : "100%"} no-repeat`;
-      }), v[1] = "";
-    }
-    return v[x];
-  }
-  function b(x, p, v, h) {
-    if ((h.length !== S.value || h[0].paddingBottom === void 0) && (S.value = h.length, h = C(v, h)), i.showLines && h)
-      return v.map((d, l) => l !== 0 ? (p == null ? void 0 : p.indexOf(l)) === -1 ? `${h[Number(l - 1)].paddingBottom.toString()}px` : "0" : 0)[x];
-  }
-  function I(x, p, v, h) {
-    const f = h[x].parents.concat(x.toString());
-    return f.forEach((d) => {
-      h[d].childWithLines.length !== 0 && h[d].childs.forEach((l) => {
-        p[l - 1].show || (h[d].childWithLines = h[d].childWithLines.filter((g) => g !== l));
-      });
-    }), f.forEach((d) => {
-      p[d].paddingBottom = Math.max((h[d].childWithLines.length - 1) * y.value, 0);
-    }), p;
-  }
-  return { getPaddingBottom: C, getPaddingBottomLength: w, handlePaddingBottomReturnValue: b, handleCollapsedPaddingBottom: I };
-}
-function pe(i, O, B, S, P) {
-  let y;
-  const C = [];
-  function c(n) {
-    let r = [];
-    for (let o = 1; o < n.childNodes.length - 1; o++) {
-      const a = n.childNodes[o].querySelector("input");
-      a && a.checked && (r.push(o.toString()), r = [...new Set(r)]);
-    }
-    return r;
-  }
-  function w(n, r) {
-    for (let o = 0; o < r.length; o++)
-      if (!n.includes(r[o]))
-        return !1;
-    return !0;
-  }
-  function b(n, r) {
-    return n.filter((a) => r.indexOf(a) === -1);
-  }
-  function I(n, r, o) {
-    let a = r[n.index].neighborParentId;
-    for (; a !== ""; ) {
-      const N = c(o), j = b(r[a].childs, N), L = o.childNodes[a].querySelector("input");
-      j.length === r[a].childs.length && j.length !== 0 ? (L.indeterminate = !1, L.checked = !1) : j.length === 0 ? (L.indeterminate = !1, L.checked = !0) : j.length < r[a].childs.length && (L.indeterminate = !0, L.checked = !1), a = r[a].neighborParentId;
-    }
-  }
-  function x(n, r) {
-    let o = [];
-    const a = [];
-    for (let L = 0; L <= S; L++)
-      r.forEach(($) => {
-        $.layer === L && !w(a, [$.index]) && (w(n, B[$.index].childs) ? (o.push($.index), a.push(...B[$.index].childs)) : o.push($.index));
-      });
-    return o = [...new Set(o)].sort((L, $) => Number(L) - Number($)), o;
-  }
-  function p(n) {
-    return y = [], n.forEach((r) => {
-      const o = O[r - 1].data.displayText, a = {
-        data: o.data,
-        index: o.index,
-        layer: o.layer,
-        parentId: o.parentId,
-        field: o.field
-      };
-      y.push(R(a));
-    }), y;
-  }
-  function v(n) {
-    const r = c(n);
-    if (y = [], r.forEach((o) => {
-      const a = O[o - 1].data.displayText, N = {
-        data: a.data,
-        index: a.index,
-        layer: a.layer,
-        parentId: a.parentId,
-        field: a.field
-      };
-      y.push(R(N));
-    }), y.length !== 0) {
-      if (P.emit("outputValue", y), i.cascade) {
-        const o = x(r, y);
-        y = p(o);
-      }
-      console.log(y);
-    }
-  }
-  function h(n, r) {
-    if (B[r.index].childs.some((a) => C.includes(a))) {
-      const a = n.target.previousElementSibling;
-      a.checked !== !0 && (a.checked = !1, a.indeterminate = !0);
-    }
-  }
-  function f(n, r, o, a, N) {
-    let j = o[r.index].neighborParentId;
-    for (h(n, r); j !== ""; ) {
-      const L = c(a), $ = b(o[j].childs, L), A = a.childNodes[j].querySelector("input");
-      $.length === o[j].childs.length && $.length !== 0 ? A.checked !== !0 && (A.indeterminate = !1, A.checked = !1) : $.length < o[j].childs.length && A.checked !== !0 && (A.indeterminate = !0, A.checked = !1), j = o[j].neighborParentId;
-    }
-  }
-  function d(n) {
-    const r = C.indexOf(n.index);
-    return r !== -1 ? C.splice(r, 1) : C.push(n.index), C;
-  }
-  function l(n) {
-    const r = n.target.previousElementSibling;
-    r.checked ? (r.checked = !1, r.indeterminate = !1) : (r.checked = !0, r.indeterminate = !1);
-  }
-  function g(n, r, o, a) {
-    const N = o[r.index];
-    a.className === "fv-tree-data" && N.childs.map((j) => {
-      const L = a.childNodes[j].querySelector("input");
-      L && (n.target.previousElementSibling.checked ? (L.checked = !1, L.indeterminate = !1) : (L.checked = !0, L.indeterminate = !1));
-    });
-  }
-  function m(n, r, o, a) {
-    const N = n.target.parentNode.parentNode.parentNode;
-    i.autoCheckChildren ? (g(n, o, a, N), l(n), I(o, a, N)) : (l(n), d(o), f(n, o, a, N)), v(N);
-  }
-  return { onClickTreeNodeSelectableCell: m };
-}
-function me(i, O, B, S) {
-  const P = {}, y = q(() => P);
-  let C;
-  const c = k(S), w = k(i.cellHeight);
-  let b = K(c.value), I = o(b), x = 0;
-  c.value.map((e) => {
-    x = x > e.layer ? x : e.layer;
-  });
-  const p = fe(i, B), {
-    treeNodeIconsClass: v
-  } = p, h = ge(i, c.value), {
-    getPaddingBottomLength: f,
-    handlePaddingBottomReturnValue: d,
-    handleCollapsedPaddingBottom: l
-  } = h, g = pe(i, c.value, b, x, O), {
-    onClickTreeNodeSelectableCell: m
-  } = g;
-  function n(e, t) {
-    const u = c.value[e].layer, _ = t;
-    let H = "same";
-    return _ > u ? H = "non-child" : _ < u && (H = "child"), H;
-  }
-  function r(e, t) {
-    const s = Number(t.index);
-    let u = "same";
-    s !== c.value.length && (u = n(s, t.layer));
-    let _;
-    return u !== "child" ? _ = "" : _ = e.collapse ? {
-      "fv-tree-node-toggle": !0
-    } : {
-      "fv-tree-node-toggle-minus": !0
-    }, _;
-  }
-  function o(e) {
-    const t = [];
-    for (let s = 1; s < e.length; s++)
-      e[s].childs.length === 0 && t.push(s.toString());
-    return t;
-  }
-  function a(e) {
-    return `r_${e.index}_${e.refreshKey || ""}`;
-  }
-  function N(e, t) {
-    return `r_${e.index}_c_${t}_${e.refreshKey || ""}`;
-  }
-  function j(e) {
-    return {
-      "fv-tree-node": !0,
-      selected: e.selected
-    };
-  }
-  function L(e) {
-    const t = e.height ? `${e.height}px` : "";
-    return e.show ? {
-      top: `${e.top}px`,
-      height: `${t}`
-    } : {
-      display: "none"
-    };
-  }
-  function $() {
-    const e = c.value[1].top;
-    let t = c.value[0].top;
-    for (let s = 1; s < c.value.length; s++)
-      c.value[s].show && (t += e, c.value[s].top = t);
-    return c.value;
-  }
-  function A(e) {
-    const t = e.data.displayText, s = t.layer.height ? `${t.layer.height}px` : "", u = e.show ? {
-      height: `${s}`,
-      left: `${t.layer * 20}px`,
-      paddingBottom: d(t.index, I, b, c.value),
-      background: f(t.index, b)
-    } : {
-      display: "none"
-    };
-    return u.lineHeight = `${w.value}px`, u;
-  }
-  function ve(e, t) {
-  }
-  function U(e, t) {
-    t.selected = !0, c.value.forEach((s) => {
-      s.selected = s.index === t.index;
-    });
-  }
-  function X(e, t) {
-    const s = t[e].layer;
-    let u = e + 1;
-    for (; u < t.length && t[u].layer > s; )
-      u++;
-    return u - 1;
-  }
-  function Y(e, t) {
-    c.value[e - 1].collapse = !c.value[e - 1].collapse;
-    const s = c.value[e - 1].collapse;
-    let u = !1, _ = e - 1;
-    for (; _ < c.value.length; ) {
-      const H = c.value[_];
-      if (Number(H.data.displayText.parentId) > t)
-        H.show = !s, H.collapse && (_ = X(_, c.value)), u = !0;
-      else if (u) {
-        _++;
-        break;
-      }
-      _++;
-    }
-    return c.value;
-  }
-  function Z(e) {
-    const t = Number(e.index);
-    let s = "same";
-    t !== c.value.length && (s = n(t, e.layer)), s === "child" && (c.value = Y(t, Number(e.parentId))), $(), S = l(e.index, c.value, I, b);
-  }
-  function T() {
-    return {
-      minHeight: `${w.value}px`,
-      marginBottom: "0"
-    };
-  }
-  function ee(e, t, s) {
-    return E("div", {
-      ref: e.setRef,
-      key: a(e),
-      class: j(e),
-      style: L(e),
-      onMouseover: (u) => void 0,
-      onClick: (u) => U(u, e)
-    }, [Object.values(e.data).map((u) => E(F, null, [E("div", {
-      ref: u.setRef,
-      key: N(e, u.index),
-      class: "fv-tree-node-cell",
-      style: A(e)
-    }, [E("div", {
-      class: r(e, u),
-      onClick: () => Z(u)
-    }, null), B.value.fold && i.showTreeNodeIcons ? E("div", {
-      id: "treeNodeIcons",
-      class: v(e, u, s)
-    }, null) : "", i.selectable ? E(F, null, [E("input", {
-      type: "checkbox"
-    }, null), E("label", {
-      style: T(),
-      onClick: (_) => m(_, e, u, t)
-    }, null)]) : "", E("span", {
-      title: u.data
-    }, [u.mode === V.editing ? u.getEditor(u) : u.data])])]))]);
-  }
-  function te(e) {
-    for (let t = 1; t < e.length; t++)
-      if (e[t] && e[t].childs)
-        for (let s = 0; s < e[t].childs.length; s++) {
-          const u = e[t].childs[s];
-          e[u] && (e[t].parents && (e[u].parents = R(e[t].parents)), e[u].parents.push(t.toString()));
-        }
-    return e;
-  }
-  function ne(e) {
-    e.forEach((t) => {
-      const u = [...new Set(t.childs)];
-      t.childs = u.sort((_, H) => Number(_) - Number(H));
-    });
-  }
-  function oe(e) {
-    if (e) {
-      for (let t = 1; t < e.length; t++)
-        e[t].childs && e[t].parents.forEach((s) => {
-          e[s].childs.push(t.toString());
-        });
-      ne(e);
-    }
-    return e;
-  }
-  function le(e) {
-    if (e)
-      for (let t = 0; t < e.length; t++) {
-        const s = e[t].neighborChilds;
-        if (s.length >= 2) {
-          e[t].childWithLines = [];
-          let u = s.length - 2;
-          for (let _ = 0; _ < s.length - 1; _++)
-            u += e[s[_]].childs.length, e[t].childWithLines.push(...e[s[_]].childs, s[_]);
-          e[t].childsLength = u;
-        }
-      }
-    return e;
-  }
-  function K(e) {
-    let t = [], s = {
-      name: "",
-      parents: [],
-      childs: [],
-      neighborParentId: "",
-      neighborChilds: [],
-      childWithLines: []
-    };
-    t.push(R(s));
-    for (let u = 0; u < e.length; u++) {
-      const _ = e[u].data.displayText.index, H = e[u].data.displayText.parentId, G = e[u].data.displayText.data;
-      s.name = G, s.neighborParentId = H || "";
-      for (let D = 0; D < e.length; D++) {
-        const W = e[D].data.displayText.index, z = e[D].data.displayText.parentId;
-        H === "" && (s.parents = []), z === _ && (s.childs.push(W), s.neighborChilds.push(W));
-      }
-      t[u + 1] = R(s), s = {
-        name: "",
-        parents: [],
-        childs: [],
-        neighborParentId: "",
-        neighborChilds: [],
-        childWithLines: []
-      };
-    }
-    return t = te(t), t = oe(t), i.showLines && (t = le(t)), t;
-  }
-  function re() {
-    return b = K(c.value), I = o(b), c.value.map((e) => ee(e, b, I));
-  }
-  function ae() {
-    return E("div", {
-      class: "fv-tree-data",
-      style: y.value
-    }, [re()]);
-  }
-  return {
-    renderTreeArea: ae,
-    outputValue: C,
-    dictTree: b
-  };
-}
-function ye(i, O) {
-  const B = k(i.cellHeight), S = k(O);
-  function P(w, b, I, x, p) {
-    const v = w.__fv_data_index__, h = {
-      // 是否折叠
-      collapse: !1,
-      // 是否显示
-      show: !0,
-      // 当前行索引
-      index: x,
-      // 数据索引
-      dataIndex: v,
-      // 顶部位置
-      top: p,
-      // 层级
-      layer: w.layer || 0,
-      // 是否被选中
-      selected: !1,
-      pre: b,
-      data: {},
-      setRef: (d) => {
-        h.ref = d;
-      }
-    };
-    b || (w.__fv_data_position__ = 0);
-    {
-      h.height = B.value, w.__fv_data_height__ = h.height;
-      const d = h.pre;
-      if (d) {
-        const l = (d.__fv_data_position__ || 0) + (d.__fv_data_height__ || 0);
-        h.top = l, w.__fv_data_position__ = l;
-      }
-    }
-    const f = {
-      index: w.id,
-      field: "name",
-      mode: V.readonly,
-      data: w.name,
-      layer: w.layer,
-      parentId: w.parent,
-      checked: w.checked,
-      getEditor(d) {
-      },
-      setRef: (d) => {
-      },
-      update: (d) => {
-      }
-    };
-    return h.data.displayText = f, h;
-  }
-  let y = [];
-  ie(S.value, () => {
-    c.value = C();
-  });
-  function C(w, b) {
-    const { dataView: I } = S.value;
-    if (y = [], I.length > 0) {
-      const x = b ? Date.now().toString() : "";
-      for (let p = 0, v = 0; p < I.length; p++, v++) {
-        const h = I[p], f = I[p - 1] || w, d = y[v - 1], l = f ? (f.__fv_data_position__ || 0) + (f.__fv_data_height__ || 0) : 0, g = P(h, f, d, p, l);
-        g.refreshKey = x, y.push(g);
-      }
-    }
-    return y;
-  }
-  const c = k(C());
-  return { visibleTreeNodes: c };
-}
-const M = /* @__PURE__ */ Q({
-  name: "FTreeView",
-  props: ue,
-  emits: ["outputValue"],
-  setup(i, O) {
-    const B = k(), S = k(!1), {
-      treeNodeIconsData: P
-    } = ce(i), y = q(() => ({
-      "fv-tree": !0
-    })), C = q(() => ({
-      "fv-tree-content": !0
-    }));
-    function c(n) {
-    }
-    function w() {
-      return [];
-    }
-    function b() {
-      return [];
-    }
-    const I = he(i), {
-      visibleTreeNodes: x
-    } = ye(i, I), {
-      renderTreeArea: p,
-      outputValue: v,
-      dictTree: h
-    } = me(i, O, P, x);
-    function f() {
-      I.addNewDataItem(i.newDataItem);
-    }
-    function d(n) {
-      I.removeDataItem(n, h);
-    }
-    function l(n, r) {
-      I.editDataItem(n, r);
-    }
-    function g() {
-    }
-    function m() {
-    }
-    return O.expose({
-      addNewDataItem: f,
-      removeDataItem: d,
-      editDataItem: l,
-      acceptDataItem: g,
-      cancelDataItem: m
-    }), () => E("div", {
-      class: y.value,
-      style: "height:600px",
-      onWheel: c
-    }, [E("div", {
-      ref: B,
-      class: C.value,
-      onMouseover: () => {
-        S.value = !0;
-      },
-      onMouseleave: () => {
-        S.value = !1;
-      }
-    }, [p(), w(), b()])]);
-  }
-}), xe = {
-  data2: { type: Object, default: [] },
-  /** 树表数据 */
-  data: { type: Object, default: [] },
-  /** 树节点图标数据 */
-  treeNodeIconsData: { type: Object, default: {} },
-  /** 树表是否支持可选状态 */
-  selectable: { type: Boolean, default: !1 },
-  /** 选中父节点会自动选中子节点 */
-  autoCheckChildren: { type: Boolean, default: !0 },
-  /** 返回值展示父节点和子节点 */
-  cascade: { type: Boolean, default: !0 },
-  /** 是否显示图标集 */
-  showTreeNodeIcons: { type: Boolean, default: !1 },
-  /** 是否显示连接线 */
-  showLines: { type: Boolean, default: !1 },
-  /** 新增值 */
-  newDataItem: { type: Object, default: {} },
-  /** 连接线颜色 */
-  lineColor: { type: String, default: "#9399a0" },
-  /** 单元格高度 */
-  cellHeight: { type: Number, default: 28 }
-}, J = /* @__PURE__ */ Q({
-  name: "FControlTreeView",
-  props: xe,
-  emits: ["outputValue"],
-  setup(i, O) {
-    const B = k(i.data2);
-    k(i.data);
-    const S = k(i.treeNodeIconsData), P = k(i.selectable), y = k(i.autoCheckChildren), C = k(i.cascade), c = k(i.showTreeNodeIcons), w = k(i.showLines), b = k(i.newDataItem), I = k(i.lineColor), x = k(i.cellHeight);
-    function p(l, g, m, n) {
-      return l.forEach((o) => {
-        var N;
-        const a = {
-          oldId: o.id,
-          layer: m,
-          oldParent: n,
-          name: o.name || o.text || o.id,
-          type: o.type,
-          class: ((N = o.appearance) == null ? void 0 : N.class) || ""
-        };
-        g.push(R(a)), (o.contents || o.buttons) && p(o.contents || o.buttons, g, m + 1, o.id);
-      }), g.reverse();
-    }
-    function v(l) {
-      const g = [], m = l.find((a) => a.layer === 0);
-      l = l.filter((a) => a.layer !== 0), g.push(m);
-      let n = m.oldId, r = 0, o = 2e4;
-      for (; l.length !== 0 || o === 0; ) {
-        const a = l.find((N) => N.oldParent === n);
-        a ? (g.push(a), n = a.oldId, l = l.filter((N) => N.oldId !== n)) : (r -= 1, n = g.slice(r)[0].oldId), o -= 1;
-      }
-      return g;
-    }
-    function h(l) {
-      return l.forEach((g, m) => {
-        g.id = (m + 1).toString();
-      }), l.forEach((g) => {
-        var m;
-        g.parent = ((m = l.find((n) => n.oldId === g.oldParent)) == null ? void 0 : m.id) || "";
-      }), l;
-    }
-    function f() {
-      let l;
-      if (B.value.length !== 0) {
-        const g = [];
-        g.push(B.value);
-        const r = v(p(g, [], 0, ""));
-        l = h(r), console.log(l);
-      }
-      return l;
-    }
-    function d() {
-      console.log(B.value);
-      const l = f();
-      return E(M, {
-        data: l,
-        treeNodeIconsData: S.value,
-        selectable: P.value,
-        autoCheckChildren: y.value,
-        cascade: C.value,
-        showTreeNodeIcons: c.value,
-        showLines: w.value,
-        newDataItem: b.value,
-        lineColor: I.value,
-        cellHeight: x.value
-      }, null);
-    }
-    return () => E(F, null, [de("升级版"), d()]);
-  }
-}), _e = {
-  install(i) {
-    i.component(M.name, M), i.component(J.name, J);
-  }
-};
-export {
-  M as FTreeView,
-  _e as default,
-  ue as treeViewProps
-};