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

package/components/tree-view/index.esm.js

@@ -1,8 +1,121 @@
-import { getCustomClass as Re, withInstall as Ve } from "../common/index.esm.js";
-import { createVNode as R, defineComponent as Oe, ref as w, computed as D, onMounted as Be, nextTick as He } from "vue";
-import { useResizeObserver as Fe } from "@vueuse/core";
-import { getHierarchyRow as Ne, useFilter as je, useIdentify as Te, useHierarchy as xe, useDataView as ze, useSelection as Me, useSelectHierarchyItem as ke, useDataViewContainerStyle as Pe, useColumn as Ae, useGroupColumn as Ee, useRow as We, useEdit as Ge, useVisualDataBound as qe, useVisualDataCell as Le, useVisualDataRow as Ye, useVisualData as Ue, useCellPosition as Je, useVirtualScroll as Ke, useSidebar as Qe, getVerticalScrollbar as Xe, getHorizontalScrollbar as Ze, getSidebar as _e, useFitColumn as $e, getEmpty as et } from "../data-view/index.esm.js";
-const rt = {
+import { getCustomClass as Ye, withInstall as Ue } from "../common/index.esm.js";
+import { createVNode as R, defineComponent as te, ref as r, computed as S, onMounted as Je, nextTick as Ke, inject as Qe } from "vue";
+import { useResizeObserver as Xe } from "@vueuse/core";
+import { resolveAppearance as Ze, createPropsResolver as _e } from "../dynamic-resolver/index.esm.js";
+import { getHierarchyRow as et, useFilter as ne, useIdentify as ie, useHierarchy as oe, useDataView as ae, useSelection as le, useSelectHierarchyItem as se, useDataViewContainerStyle as re, useColumn as ce, useGroupColumn as tt, useRow as ue, useEdit as de, useVisualDataBound as fe, useVisualDataCell as me, useVisualDataRow as ve, useVisualData as ye, useCellPosition as pe, useVirtualScroll as Ce, useSidebar as nt, getVerticalScrollbar as it, getHorizontalScrollbar as ot, getSidebar as at, useFitColumn as lt, getEmpty as st } from "../data-view/index.esm.js";
+import { useDesignerComponent as rt } from "../designer-canvas/index.esm.js";
+const ct = /* @__PURE__ */ new Map([
+  ["appearance", Ze]
+]);
+function ut(e, n, d) {
+  return n;
+}
+const dt = "tree-view", ft = "A Farris Component", mt = "object", vt = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, yt = {
+  title: dt,
+  description: ft,
+  type: mt,
+  categories: vt
+}, pt = "https://json-schema.org/draft/2020-12/schema", Ct = "https://farris-design.gitee.io/tree-view.schema.json", ht = "tree-view", gt = "A Farris Component", wt = "object", bt = {
+  id: {
+    description: "The unique identifier for tree-view",
+    type: "string"
+  },
+  type: {
+    description: "The type string of tree-view",
+    type: "string",
+    default: "tree-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
+  },
+  idField: {
+    description: "",
+    type: "string",
+    default: "id"
+  }
+}, It = [
+  "id",
+  "type"
+], St = {
+  $schema: pt,
+  $id: Ct,
+  title: ht,
+  description: gt,
+  type: wt,
+  properties: bt,
+  required: It
+}, Bt = {
   /** 自动列宽。设为true后，所有列将填满表格并不会出现横向滚动条。 */
   fitColumns: { type: Boolean, default: !1 },
   /** 自动适配列宽度模式 */
@@ -14,7 +127,7 @@ const rt = {
   resizeColumn: { type: Boolean, default: !0 },
   /** 双击表头列自适应内容宽度 */
   resizeColumnOnDoubleClick: { type: Boolean, default: !0 }
-}, tt = {
+}, U = {
   /** 自定义样式 */
   customClass: { type: String, default: "" },
   /** 列集合 */
@@ -120,217 +233,271 @@ const rt = {
   autoHeight: { type: Boolean, default: !1 },
   /** async loading data */
   loadData: { type: Function }
-};
-function at(t, o, v, i, I, y, h, n, B, c, S, l, r, C, H) {
+}, he = _e(U, St, ct, ut, yt);
+function ge(e, n, d, s, V, C, h, a, p, f, g, i, l, m, T) {
   const {
-    calculateCellPositionInRow: F
-  } = i, {
-    columnContext: V
-  } = I, {
+    calculateCellPositionInRow: M
+  } = s, {
+    columnContext: O
+  } = V, {
     gridDataStyle: N
-  } = l, {
-    renderDataRow: O
-  } = Ne(t, o, V, v, y, h, n, B, c, S, l, r, C);
-  function g() {
-    const d = F(V.value.primaryColumns);
-    return v.value.filter((s) => s.visible !== !1).map((s, T) => O(s, d, "primary", T));
+  } = i, {
+    renderDataRow: j
+  } = et(e, n, O, d, C, h, a, p, f, g, i, l, m);
+  function b() {
+    const v = M(O.value.primaryColumns);
+    return d.value.filter((c) => c.visible !== !1).map((c, F) => j(c, v, "primary", F));
   }
-  function j() {
+  function x() {
     return (
       // <div class="fv-tree-data" style={gridDataStyle.value}>
       R("div", {
-        ref: H,
+        ref: T,
         class: "fv-grid-content-primary"
       }, [R("div", {
         class: "fv-grid-data",
         style: N.value
-      }, [g()])])
+      }, [b()])])
     );
   }
   return {
-    renderTreeArea: j
+    renderTreeArea: x
   };
 }
-function J(t, o) {
-  function v() {
-    return o.slots.header && R("div", {
+function ee(e, n) {
+  function d() {
+    return n.slots.header && R("div", {
       class: "f-tree-view-header"
-    }, [o.slots.header()]);
+    }, [n.slots.header()]);
   }
   return {
-    renderHeader: v
+    renderHeader: d
   };
 }
-const lt = /* @__PURE__ */ Oe({
+const G = /* @__PURE__ */ te({
   name: "FTreeView",
-  props: tt,
+  props: U,
   emits: ["outputValue", "currentEvent", "clickRow", "selectItem", "unSelectItem", "selectionChange", "expandNode", "dblclickNode", "clickRow", "selectionUpdate"],
-  setup(t, o) {
-    var U;
-    const v = ((U = t.rowOption) == null ? void 0 : U.height) || 28, i = w(), I = w(!1), y = w(), h = w(20), n = w([]), B = je(t, o), c = Te(t), S = xe(t), l = ze(t, /* @__PURE__ */ new Map(), B, S, c), r = Me(t, l, c, n, o), C = ke(t, n, l, c, r, o), H = D(() => Re({
+  setup(e, n) {
+    var _;
+    const d = ((_ = e.rowOption) == null ? void 0 : _.height) || 28, s = r(), V = r(!1), C = r(), h = r(20), a = r([]), p = ne(e, n), f = ie(e), g = oe(e), i = ae(e, /* @__PURE__ */ new Map(), p, g, f), l = le(e, i, f, a, n), m = se(e, a, i, f, l, n), T = S(() => Ye({
       // 'fv-tree': true
       "fv-grid": !0,
       "fv-tree-view": !0
-    }, t.customClass)), F = D(() => ({
+    }, e.customClass)), M = S(() => ({
       // 'fv-tree-content': true
       "fv-grid-content": !0,
-      "fv-grid-content-hover": I.value
+      "fv-grid-content-hover": V.value
     })), {
-      containerStyleObject: V
-    } = Pe(t), N = w(t.columns), O = Ae(t, o), {
-      columnContext: g
-    } = O, j = Ee(t, g), d = 0, s = D(() => t.virtualized ? Math.min(l.dataView.value.length, h.value) : l.dataView.value.length), T = D(() => !n.value || !n.value.length), b = We(t, o, r, c), P = Ge(t, o, c, b, n), x = qe(t), K = Le(t, {}, x), Q = Ye(t, l, P, S, c, x, K), z = Ue(t, N, l, s, d, Q), {
-      getVisualData: p
-    } = z, X = Je(t, g), f = Ke(t, l, n, g, z, s, d, w(0)), Z = Qe(t, r), {
-      onWheel: _,
-      dataGridWidth: A,
-      viewPortHeight: E,
-      viewPortWidth: W,
-      resetScroll: G,
-      updateVisibleRowsOnLatestVisibleScope: $
-    } = f, {
-      renderVerticalScrollbar: ee
-    } = Xe(t, i, f), {
-      renderHorizontalScrollbar: te
-    } = Ze(t, i, f), {
-      renderDataGridSidebar: ae
-    } = _e(t, b, r, Z, f), le = $e(t, g, i, W, j), {
-      calculateColumnsSize: q
-    } = le;
-    function ne() {
-      return t.header === "ContentHeader", J;
+      containerStyleObject: O
+    } = re(e), N = r(e.columns), j = ce(e, n), {
+      columnContext: b
+    } = j, x = tt(e, b), v = 0, c = S(() => e.virtualized ? Math.min(i.dataView.value.length, h.value) : i.dataView.value.length), F = S(() => !a.value || !a.value.length), w = ue(e, n, l, f), H = de(e, n, f, w, a), B = fe(e), E = me(e, {}, B), z = ve(e, i, H, g, f, B, E), A = ye(e, N, i, c, v, z), {
+      getVisualData: D
+    } = A, P = pe(e, b), y = Ce(e, i, a, b, A, c, v, r(0)), $ = nt(e, l), {
+      onWheel: q,
+      dataGridWidth: W,
+      viewPortHeight: k,
+      viewPortWidth: J,
+      resetScroll: K,
+      updateVisibleRowsOnLatestVisibleScope: we
+    } = y, {
+      renderVerticalScrollbar: be
+    } = it(e, s, y), {
+      renderHorizontalScrollbar: Ie
+    } = ot(e, s, y), {
+      renderDataGridSidebar: Se
+    } = at(e, w, l, $, y), Ve = lt(e, b, s, J, x), {
+      calculateColumnsSize: Q
+    } = Ve;
+    function De() {
+      return e.header === "ContentHeader", ee;
     }
-    const ie = ne(), {
-      renderHeader: oe
-    } = ie(t, o), {
-      renderTreeArea: ue
-    } = at(t, o, n, X, O, l, P, S, b, r, C, f, z, x, y);
-    function M() {
-      const e = r.getSelectionRow();
-      return e ? e.dataIndex - 1 : -1;
+    const Re = De(), {
+      renderHeader: Oe
+    } = Re(e, n), {
+      renderTreeArea: je
+    } = ge(e, n, a, P, j, i, H, g, w, l, m, y, A, B, C);
+    function L() {
+      const t = l.getSelectionRow();
+      return t ? t.dataIndex - 1 : -1;
     }
-    function re() {
-      var a, u;
-      const e = Math.ceil(i.value.clientHeight / v);
-      e > h.value && (h.value = e, $()), E.value = ((a = y.value) == null ? void 0 : a.clientHeight) || 0, A.value = ((u = i.value) == null ? void 0 : u.clientWidth) || 0, q();
+    function Fe() {
+      var o, u;
+      const t = Math.ceil(s.value.clientHeight / d);
+      t > h.value && (h.value = t, we()), k.value = ((o = C.value) == null ? void 0 : o.clientHeight) || 0, W.value = ((u = s.value) == null ? void 0 : u.clientWidth) || 0, Q();
     }
     const {
-      renderEmpty: se
-    } = et(t, o);
-    Be(() => {
-      i.value && (h.value = Math.max(Math.ceil(i.value.clientHeight / v), h.value), n.value = p(0, s.value + d - 1), Fe(i.value, re), q(), He(() => {
-        i.value && (A.value = i.value.clientWidth), y.value && (W.value = y.value.clientWidth, E.value = y.value.clientHeight);
+      renderEmpty: He
+    } = st(e, n);
+    Je(() => {
+      s.value && (h.value = Math.max(Math.ceil(s.value.clientHeight / d), h.value), a.value = D(0, c.value + v - 1), Xe(s.value, Fe), Q(), Ke(() => {
+        s.value && (W.value = s.value.clientWidth), C.value && (J.value = C.value.clientWidth, k.value = C.value.clientHeight);
       }));
     });
-    function ce() {
-      const e = M();
-      l.insertNewDataItem(e), n.value = p(0, s.value + d - 1);
+    function Be() {
+      const t = L();
+      i.insertNewDataItem(t), a.value = D(0, c.value + v - 1);
     }
-    function de() {
-      const e = M();
-      l.insertNewChildDataItem(e), n.value = p(0, s.value + d - 1);
+    function Te() {
+      const t = L();
+      i.insertNewChildDataItem(t), a.value = D(0, c.value + v - 1);
     }
-    function fe() {
-      const e = M(), a = C.getNextSelectableHierarchyItemId(e);
-      l.removeHierarchyDataItem(e), n.value = p(0, s.value + d - 1), a && C.selectItemById(a);
+    function Me() {
+      const t = L(), o = m.getNextSelectableHierarchyItemId(t);
+      i.removeHierarchyDataItem(t), a.value = D(0, c.value + v - 1), o && m.selectItemById(o);
     }
-    function me(e, a) {
-      l.editDataItem(e, a), n.value = p(0, s.value + d - 1);
+    function Ne(t, o) {
+      i.editDataItem(t, o), a.value = D(0, c.value + v - 1);
     }
-    function ve() {
+    function xe() {
     }
-    function ye() {
+    function ze() {
     }
-    function he(e) {
-      return Object.prototype.hasOwnProperty.call(e, "raw") ? l.hasRealChildren(e.raw) : l.hasRealChildren(e);
+    function Ae(t) {
+      return Object.prototype.hasOwnProperty.call(t, "raw") ? i.hasRealChildren(t.raw) : i.hasRealChildren(t);
     }
-    function Ce(e, a) {
-      const u = n.value.find((k) => k.raw[c.idField.value] === a), m = u ? u.dataIndex - 1 : -1;
-      l.insertNewChildDataItems(e, m);
+    function Pe(t, o) {
+      const u = a.value.find((Y) => Y.raw[f.idField.value] === o), I = u ? u.dataIndex - 1 : -1;
+      i.insertNewChildDataItems(t, I);
     }
-    function L(e) {
-      if (e > -1) {
-        const a = n.value[e];
-        a && r.selectItem(a);
+    function X(t) {
+      if (t > -1) {
+        const o = a.value[t];
+        o && l.selectItem(o);
       }
     }
-    function we(e, a) {
-      if (e) {
-        const u = r.getSelectionRow();
-        if (l.load(e), l.reOrderVisibleIndex(), a != null && a.keepScrollPosition) {
-          const m = f.offsetY.value;
-          G(), f.scrollTo(m);
+    function ke(t, o) {
+      if (t) {
+        const u = l.getSelectionRow();
+        if (i.load(t), i.reOrderVisibleIndex(), o != null && o.keepScrollPosition) {
+          const I = y.offsetY.value;
+          K(), y.scrollTo(I);
         } else
-          G();
+          K();
         if (u && u.raw && u.raw.originalId) {
-          const m = e.findIndex((k) => k.originalId === u.raw.originalId);
-          m > -1 && L(m);
+          const I = t.findIndex((Y) => Y.originalId === u.raw.originalId);
+          I > -1 && X(I);
         }
       }
     }
-    function ge() {
-      r.clearSelection();
+    function Ee() {
+      l.clearSelection();
     }
-    function Ie(e) {
-      C.selectItemByIds(e);
+    function We(t) {
+      m.selectItemByIds(t);
     }
-    function Y(e) {
-      b.activeRowById(e);
+    function Z(t) {
+      w.activeRowById(t);
     }
-    function Se(e, a = {
+    function Ge(t, o = {
       isCurrent: !0
     }) {
-      a != null && a.isCurrent && Y(e), C.selectItemById(e);
+      o != null && o.isCurrent && Z(t), m.selectItemById(t);
     }
-    function be(e) {
-      const a = c.idField.value, u = n.value.find((m) => m.raw[a] === e);
-      u && b.changeRow(u);
+    function $e(t) {
+      const o = f.idField.value, u = a.value.find((I) => I.raw[o] === t);
+      u && w.changeRow(u);
     }
-    function pe() {
-      r.emptyCurrentRowId();
+    function qe() {
+      l.emptyCurrentRowId();
     }
-    o.expose({
-      addNewDataItem: ce,
-      addNewChildDataItem: de,
-      removeDataItem: fe,
-      editDataItem: me,
-      acceptDataItem: ve,
-      cancelDataItem: ye,
-      selectItem: L,
-      updateDataSource: we,
-      clearSelection: ge,
-      selectItemById: Se,
-      activeRowById: Y,
-      hasChildren: he,
-      addChildrenToNode: Ce,
-      selectRowById: be,
-      selectItemByIds: Ie,
-      emptyCurrentRowId: pe
+    n.expose({
+      addNewDataItem: Be,
+      addNewChildDataItem: Te,
+      removeDataItem: Me,
+      editDataItem: Ne,
+      acceptDataItem: xe,
+      cancelDataItem: ze,
+      selectItem: X,
+      updateDataSource: ke,
+      clearSelection: Ee,
+      selectItemById: Ge,
+      activeRowById: Z,
+      hasChildren: Ae,
+      addChildrenToNode: Pe,
+      selectRowById: $e,
+      selectItemByIds: We,
+      emptyCurrentRowId: qe
     });
-    const De = D(() => {
-      const e = {};
-      return f.shouldShowHorizontalScrollbar.value && (e.paddingBottom = "10px"), f.shouldShowVirticalScrollbar.value && (e.paddingRight = "10px"), e;
+    const Le = S(() => {
+      const t = {};
+      return y.shouldShowHorizontalScrollbar.value && (t.paddingBottom = "10px"), y.shouldShowVirticalScrollbar.value && (t.paddingRight = "10px"), t;
     });
     return () => R("div", {
-      class: H.value,
-      style: V.value,
-      onWheel: _
-    }, [oe(), R("div", {
-      ref: i,
-      class: F.value,
+      class: T.value,
+      style: O.value,
+      onWheel: q
+    }, [Oe(), R("div", {
+      ref: s,
+      class: M.value,
       onMouseover: () => {
-        I.value = !0;
+        V.value = !0;
       },
       onMouseleave: () => {
-        I.value = !1;
+        V.value = !1;
       },
-      style: De.value
-    }, [i.value && ae(n), ue(), i.value && T.value && se(), i.value && te(), i.value && ee()])]);
+      style: Le.value
+    }, [s.value && Se(a), je(), s.value && F.value && He(), s.value && Ie(), s.value && be()])]);
   }
-}), st = Ve(lt);
+}), Vt = /* @__PURE__ */ te({
+  name: "FTreeViewDesign",
+  props: U,
+  emits: ["outputValue", "currentEvent", "selectionChange"],
+  setup(e, n) {
+    const d = r(), s = Qe("design-item-context"), V = rt(d, s), C = r();
+    r(e.idField);
+    const h = r(), a = r(!1), p = r([]), f = ne(e, n), g = oe(e), i = ie(e), l = ae(e, /* @__PURE__ */ new Map(), f, g, i), m = le(e, l, i, p, n), T = se(e, p, l, i, m, n), M = S(() => ({
+      "fv-tree": !0
+    })), O = S(() => ({
+      "fv-tree-content": !0
+    })), {
+      containerStyleObject: N
+    } = re(e);
+    function j(k) {
+    }
+    function b() {
+      return [];
+    }
+    function x() {
+      return [];
+    }
+    const v = r(e.columns), c = ce(e, n), {
+      columnContext: F
+    } = c, w = 0, H = S(() => l.dataView.value.length), B = ue(e, n, m, i), E = de(e, n, i, B, p), z = fe(e), A = me(e, {}, z), D = ve(e, l, E, g, i, z, A), P = ye(e, v, l, H, w, D), {
+      getVisualData: y
+    } = P, $ = pe(e, F);
+    p.value = y(0, H.value + w - 1);
+    const q = Ce(e, l, p, F, P, H, w, r(0)), {
+      renderTreeArea: W
+    } = ge(e, n, p, $, c, l, E, g, B, m, T, q, P, z, C);
+    return n.expose(V.value), () => R("div", {
+      class: M.value,
+      style: N.value,
+      onWheel: j
+    }, [R("div", {
+      ref: h,
+      class: O.value,
+      onMouseover: () => {
+        a.value = !0;
+      },
+      onMouseleave: () => {
+        a.value = !1;
+      }
+    }, [W(), b(), x()])]);
+  }
+});
+G.register = (e, n, d) => {
+  e["tree-view"] = G, n["tree-view"] = he;
+};
+G.registerDesigner = (e, n, d) => {
+  e["tree-view"] = Vt, n["tree-view"] = he;
+};
+const Tt = Ue(G);
 export {
-  lt as FTreeView,
-  rt as columnOptions,
-  st as default,
-  tt as treeViewProps
+  G as FTreeView,
+  Bt as columnOptions,
+  Tt as default,
+  he as propsResolver,
+  U as treeViewProps
 };

package/components/tree-view/index.umd.cjs

@@ -1 +1 @@
-(function(s,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("../common/index.umd.js"),require("vue"),require("@vueuse/core"),require("../data-view/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","@vueuse/core","../data-view/index.umd.js"],p):(s=typeof globalThis<"u"?globalThis:s||self,p(s["tree-view"]={},s.common,s.Vue,s.VueUseCore,s.dataView))})(this,function(s,p,o,X,n){"use strict";const Z={fitColumns:{type:Boolean,default:!1},fitMode:{type:String,default:"average"},groups:{type:Array,defaut:[]},reorderColumn:{type:Boolean,default:!1},resizeColumn:{type:Boolean,default:!0},resizeColumnOnDoubleClick:{type:Boolean,default:!0}},A={customClass:{type:String,default:""},columns:{type:Array,default:[{field:"name",title:"",dataType:"string",width:"100%"}]},columnOption:{type:Object},displayField:{type:String,default:"name",require:!0},showLines:{type:Boolean,default:!1},data:{type:Object,default:[]},disable:{type:Boolean,default:!1},disabledField:{type:String,default:"disabled"},fit:{type:Boolean,default:!1},height:{type:Number,default:-1},id:{type:String,default:""},idField:{type:String,default:"id",require:!0},minHeight:{type:Number,default:300},minWidth:{type:Number,default:400},pagination:{type:Object,default:{enable:!1,size:-1}},rowNumber:{type:Object,default:{enable:!1,width:36,heading:"序号"}},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!1}},selectionValues:{type:Array,default:[]},showTreeNodeIcons:{type:Boolean,default:!1},treeNodeIconsData:{type:[Object,String],default:{}},iconField:{type:String,default:""},width:{type:Number,default:-1},newDataItem:{type:[Function,Object],default:()=>{}},lineColor:{type:String,default:"#9399a0"},cellHeight:{type:Number,default:28},onOutputValue:{type:Function,default:()=>{}},onCurrentEvent:{type:Function,default:()=>{}},hierarchy:{type:Object,default:{cascadeOption:{autoCheckChildren:!1,autoCheckParent:!1,selectionRange:"All"},parentIdField:"parent"}},rowOption:{type:Object},virtualized:{type:Boolean,default:!1},showEllipsis:{type:Boolean,default:!1},autoHeight:{type:Boolean,default:!1},loadData:{type:Function}};function $(t,r,C,u,w,g,I,i,N,m,D,a,d,S,j){const{calculateCellPositionInRow:F}=u,{columnContext:B}=w,{gridDataStyle:T}=a,{renderDataRow:H}=n.getHierarchyRow(t,r,B,C,g,I,i,N,m,D,a,d,S);function b(){const y=F(B.value.primaryColumns);return C.value.filter(f=>f.visible!==!1).map((f,x)=>H(f,y,"primary",x))}function V(){return o.createVNode("div",{ref:j,class:"fv-grid-content-primary"},[o.createVNode("div",{class:"fv-grid-data",style:T.value},[b()])])}return{renderTreeArea:V}}function E(t,r){function C(){return r.slots.header&&o.createVNode("div",{class:"f-tree-view-header"},[r.slots.header()])}return{renderHeader:C}}const W=o.defineComponent({name:"FTreeView",props:A,emits:["outputValue","currentEvent","clickRow","selectItem","unSelectItem","selectionChange","expandNode","dblclickNode","clickRow","selectionUpdate"],setup(t,r){var Q;const C=((Q=t.rowOption)==null?void 0:Q.height)||28,u=o.ref(),w=o.ref(!1),g=o.ref(),I=o.ref(20),i=o.ref([]),N=n.useFilter(t,r),m=n.useIdentify(t),D=n.useHierarchy(t),a=n.useDataView(t,new Map,N,D,m),d=n.useSelection(t,a,m,i,r),S=n.useSelectHierarchyItem(t,i,a,m,d,r),j=o.computed(()=>{const e={"fv-grid":!0,"fv-tree-view":!0};return p.getCustomClass(e,t.customClass)}),F=o.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":w.value})),{containerStyleObject:B}=n.useDataViewContainerStyle(t),T=o.ref(t.columns),H=n.useColumn(t,r),{columnContext:b}=H,V=n.useGroupColumn(t,b),y=0,f=o.computed(()=>t.virtualized?Math.min(a.dataView.value.length,I.value):a.dataView.value.length),x=o.computed(()=>!i.value||!i.value.length),R=n.useRow(t,r,d,m),q=n.useEdit(t,r,m,R,i),M=n.useVisualDataBound(t),te=n.useVisualDataCell(t,{},M),ne=n.useVisualDataRow(t,a,q,D,m,M,te),P=n.useVisualData(t,T,a,f,y,ne),{getVisualData:O}=P,le=n.useCellPosition(t,b),h=n.useVirtualScroll(t,a,i,b,P,f,y,o.ref(0)),oe=n.useSidebar(t,d),{onWheel:ae,dataGridWidth:G,viewPortHeight:L,viewPortWidth:U,resetScroll:Y,updateVisibleRowsOnLatestVisibleScope:ie}=h,{renderVerticalScrollbar:ue}=n.getVerticalScrollbar(t,u,h),{renderHorizontalScrollbar:re}=n.getHorizontalScrollbar(t,u,h),{renderDataGridSidebar:se}=n.getSidebar(t,R,d,oe,h),ce=n.useFitColumn(t,b,u,U,V),{calculateColumnsSize:_}=ce;function de(){return t.header==="ContentHeader",E}const fe=de(),{renderHeader:me}=fe(t,r),{renderTreeArea:ye}=$(t,r,i,le,H,a,q,D,R,d,S,h,P,M,g);function z(){const e=d.getSelectionRow();return e?e.dataIndex-1:-1}function he(){var l,c;const e=Math.ceil(u.value.clientHeight/C);e>I.value&&(I.value=e,ie()),L.value=((l=g.value)==null?void 0:l.clientHeight)||0,G.value=((c=u.value)==null?void 0:c.clientWidth)||0,_()}const{renderEmpty:ve}=n.getEmpty(t,r);o.onMounted(()=>{u.value&&(I.value=Math.max(Math.ceil(u.value.clientHeight/C),I.value),i.value=O(0,f.value+y-1),X.useResizeObserver(u.value,he),_(),o.nextTick(()=>{u.value&&(G.value=u.value.clientWidth),g.value&&(U.value=g.value.clientWidth,L.value=g.value.clientHeight)}))});function Ce(){const e=z();a.insertNewDataItem(e),i.value=O(0,f.value+y-1)}function ge(){const e=z();a.insertNewChildDataItem(e),i.value=O(0,f.value+y-1)}function Ie(){const e=z(),l=S.getNextSelectableHierarchyItemId(e);a.removeHierarchyDataItem(e),i.value=O(0,f.value+y-1),l&&S.selectItemById(l)}function Se(e,l){a.editDataItem(e,l),i.value=O(0,f.value+y-1)}function pe(){}function be(){}function we(e){return Object.prototype.hasOwnProperty.call(e,"raw")?a.hasRealChildren(e.raw):a.hasRealChildren(e)}function De(e,l){const c=i.value.find(k=>k.raw[m.idField.value]===l),v=c?c.dataIndex-1:-1;a.insertNewChildDataItems(e,v)}function J(e){if(e>-1){const l=i.value[e];l&&d.selectItem(l)}}function Re(e,l){if(e){const c=d.getSelectionRow();if(a.load(e),a.reOrderVisibleIndex(),l!=null&&l.keepScrollPosition){const v=h.offsetY.value;Y(),h.scrollTo(v)}else Y();if(c&&c.raw&&c.raw.originalId){const v=e.findIndex(k=>k.originalId===c.raw.originalId);v>-1&&J(v)}}}function Oe(){d.clearSelection()}function Be(e){S.selectItemByIds(e)}function K(e){R.activeRowById(e)}function He(e,l={isCurrent:!0}){l!=null&&l.isCurrent&&K(e),S.selectItemById(e)}function Ne(e){const l=m.idField.value,c=i.value.find(v=>v.raw[l]===e);c&&R.changeRow(c)}function je(){d.emptyCurrentRowId()}r.expose({addNewDataItem:Ce,addNewChildDataItem:ge,removeDataItem:Ie,editDataItem:Se,acceptDataItem:pe,cancelDataItem:be,selectItem:J,updateDataSource:Re,clearSelection:Oe,selectItemById:He,activeRowById:K,hasChildren:we,addChildrenToNode:De,selectRowById:Ne,selectItemByIds:Be,emptyCurrentRowId:je});const Fe=o.computed(()=>{const e={};return h.shouldShowHorizontalScrollbar.value&&(e.paddingBottom="10px"),h.shouldShowVirticalScrollbar.value&&(e.paddingRight="10px"),e});return()=>o.createVNode("div",{class:j.value,style:B.value,onWheel:ae},[me(),o.createVNode("div",{ref:u,class:F.value,onMouseover:()=>{w.value=!0},onMouseleave:()=>{w.value=!1},style:Fe.value},[u.value&&se(i),ye(),u.value&&x.value&&ve(),u.value&&re(),u.value&&ue()])])}}),ee=p.withInstall(W);s.FTreeView=W,s.columnOptions=Z,s.default=ee,s.treeViewProps=A,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(u,O){typeof exports=="object"&&typeof module<"u"?O(exports,require("../common/index.umd.js"),require("vue"),require("@vueuse/core"),require("../dynamic-resolver/index.umd.js"),require("../data-view/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","@vueuse/core","../dynamic-resolver/index.umd.js","../data-view/index.umd.js","../designer-canvas/index.umd.js"],O):(u=typeof globalThis<"u"?globalThis:u||self,O(u["tree-view"]={},u.common,u.Vue,u.VueUseCore,u.dynamicResolver,u.dataView,u.designerCanvas))})(this,function(u,O,o,se,K,n,le){"use strict";const re=new Map([["appearance",K.resolveAppearance]]);function ae(e,i,m){return i}const ce={title:"tree-view",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},ue={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/tree-view.schema.json",title:"tree-view",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for tree-view",type:"string"},type:{description:"The type string of tree-view",type:"string",default:"tree-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},idField:{description:"",type:"string",default:"id"}},required:["id","type"]},de={fitColumns:{type:Boolean,default:!1},fitMode:{type:String,default:"average"},groups:{type:Array,defaut:[]},reorderColumn:{type:Boolean,default:!1},resizeColumn:{type:Boolean,default:!0},resizeColumnOnDoubleClick:{type:Boolean,default:!0}},k={customClass:{type:String,default:""},columns:{type:Array,default:[{field:"name",title:"",dataType:"string",width:"100%"}]},columnOption:{type:Object},displayField:{type:String,default:"name",require:!0},showLines:{type:Boolean,default:!1},data:{type:Object,default:[]},disable:{type:Boolean,default:!1},disabledField:{type:String,default:"disabled"},fit:{type:Boolean,default:!1},height:{type:Number,default:-1},id:{type:String,default:""},idField:{type:String,default:"id",require:!0},minHeight:{type:Number,default:300},minWidth:{type:Number,default:400},pagination:{type:Object,default:{enable:!1,size:-1}},rowNumber:{type:Object,default:{enable:!1,width:36,heading:"序号"}},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!1}},selectionValues:{type:Array,default:[]},showTreeNodeIcons:{type:Boolean,default:!1},treeNodeIconsData:{type:[Object,String],default:{}},iconField:{type:String,default:""},width:{type:Number,default:-1},newDataItem:{type:[Function,Object],default:()=>{}},lineColor:{type:String,default:"#9399a0"},cellHeight:{type:Number,default:28},onOutputValue:{type:Function,default:()=>{}},onCurrentEvent:{type:Function,default:()=>{}},hierarchy:{type:Object,default:{cascadeOption:{autoCheckChildren:!1,autoCheckParent:!1,selectionRange:"All"},parentIdField:"parent"}},rowOption:{type:Object},virtualized:{type:Boolean,default:!1},showEllipsis:{type:Boolean,default:!1},autoHeight:{type:Boolean,default:!1},loadData:{type:Function}},L=K.createPropsResolver(k,ue,re,ae,ce);function Q(e,i,m,c,R,g,b,r,h,y,I,s,a,p,M){const{calculateCellPositionInRow:x}=c,{columnContext:F}=R,{gridDataStyle:P}=s,{renderDataRow:H}=n.getHierarchyRow(e,i,F,m,g,b,r,h,y,I,s,a,p);function w(){const C=x(F.value.primaryColumns);return m.value.filter(d=>d.visible!==!1).map((d,B)=>H(d,C,"primary",B))}function q(){return o.createVNode("div",{ref:M,class:"fv-grid-content-primary"},[o.createVNode("div",{class:"fv-grid-data",style:P.value},[w()])])}return{renderTreeArea:q}}function X(e,i){function m(){return i.slots.header&&o.createVNode("div",{class:"f-tree-view-header"},[i.slots.header()])}return{renderHeader:m}}const V=o.defineComponent({name:"FTreeView",props:k,emits:["outputValue","currentEvent","clickRow","selectItem","unSelectItem","selectionChange","expandNode","dblclickNode","clickRow","selectionUpdate"],setup(e,i){var ie;const m=((ie=e.rowOption)==null?void 0:ie.height)||28,c=o.ref(),R=o.ref(!1),g=o.ref(),b=o.ref(20),r=o.ref([]),h=n.useFilter(e,i),y=n.useIdentify(e),I=n.useHierarchy(e),s=n.useDataView(e,new Map,h,I,y),a=n.useSelection(e,s,y,r,i),p=n.useSelectHierarchyItem(e,r,s,y,a,i),M=o.computed(()=>{const t={"fv-grid":!0,"fv-tree-view":!0};return O.getCustomClass(t,e.customClass)}),x=o.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":R.value})),{containerStyleObject:F}=n.useDataViewContainerStyle(e),P=o.ref(e.columns),H=n.useColumn(e,i),{columnContext:w}=H,q=n.useGroupColumn(e,w),C=0,d=o.computed(()=>e.virtualized?Math.min(s.dataView.value.length,b.value):s.dataView.value.length),B=o.computed(()=>!r.value||!r.value.length),S=n.useRow(e,i,a,y),N=n.useEdit(e,i,y,S,r),T=n.useVisualDataBound(e),W=n.useVisualDataCell(e,{},T),z=n.useVisualDataRow(e,s,N,I,y,T,W),A=n.useVisualData(e,P,s,d,C,z),{getVisualData:j}=A,$=n.useCellPosition(e,w),v=n.useVirtualScroll(e,s,r,w,A,d,C,o.ref(0)),U=n.useSidebar(e,a),{onWheel:Y,dataGridWidth:G,viewPortHeight:E,viewPortWidth:Z,resetScroll:ee,updateVisibleRowsOnLatestVisibleScope:ye}=v,{renderVerticalScrollbar:pe}=n.getVerticalScrollbar(e,c,v),{renderHorizontalScrollbar:Ce}=n.getHorizontalScrollbar(e,c,v),{renderDataGridSidebar:ve}=n.getSidebar(e,S,a,U,v),he=n.useFitColumn(e,w,c,Z,q),{calculateColumnsSize:te}=he;function ge(){return e.header==="ContentHeader",X}const be=ge(),{renderHeader:Ie}=be(e,i),{renderTreeArea:Se}=Q(e,i,r,$,H,s,N,I,S,a,p,v,A,T,g);function _(){const t=a.getSelectionRow();return t?t.dataIndex-1:-1}function we(){var l,f;const t=Math.ceil(c.value.clientHeight/m);t>b.value&&(b.value=t,ye()),E.value=((l=g.value)==null?void 0:l.clientHeight)||0,G.value=((f=c.value)==null?void 0:f.clientWidth)||0,te()}const{renderEmpty:De}=n.getEmpty(e,i);o.onMounted(()=>{c.value&&(b.value=Math.max(Math.ceil(c.value.clientHeight/m),b.value),r.value=j(0,d.value+C-1),se.useResizeObserver(c.value,we),te(),o.nextTick(()=>{c.value&&(G.value=c.value.clientWidth),g.value&&(Z.value=g.value.clientWidth,E.value=g.value.clientHeight)}))});function Re(){const t=_();s.insertNewDataItem(t),r.value=j(0,d.value+C-1)}function je(){const t=_();s.insertNewChildDataItem(t),r.value=j(0,d.value+C-1)}function Oe(){const t=_(),l=p.getNextSelectableHierarchyItemId(t);s.removeHierarchyDataItem(t),r.value=j(0,d.value+C-1),l&&p.selectItemById(l)}function Fe(t,l){s.editDataItem(t,l),r.value=j(0,d.value+C-1)}function He(){}function Be(){}function Ne(t){return Object.prototype.hasOwnProperty.call(t,"raw")?s.hasRealChildren(t.raw):s.hasRealChildren(t)}function Te(t,l){const f=r.value.find(J=>J.raw[y.idField.value]===l),D=f?f.dataIndex-1:-1;s.insertNewChildDataItems(t,D)}function ne(t){if(t>-1){const l=r.value[t];l&&a.selectItem(l)}}function Ve(t,l){if(t){const f=a.getSelectionRow();if(s.load(t),s.reOrderVisibleIndex(),l!=null&&l.keepScrollPosition){const D=v.offsetY.value;ee(),v.scrollTo(D)}else ee();if(f&&f.raw&&f.raw.originalId){const D=t.findIndex(J=>J.originalId===f.raw.originalId);D>-1&&ne(D)}}}function Me(){a.clearSelection()}function xe(t){p.selectItemByIds(t)}function oe(t){S.activeRowById(t)}function Pe(t,l={isCurrent:!0}){l!=null&&l.isCurrent&&oe(t),p.selectItemById(t)}function qe(t){const l=y.idField.value,f=r.value.find(D=>D.raw[l]===t);f&&S.changeRow(f)}function ze(){a.emptyCurrentRowId()}i.expose({addNewDataItem:Re,addNewChildDataItem:je,removeDataItem:Oe,editDataItem:Fe,acceptDataItem:He,cancelDataItem:Be,selectItem:ne,updateDataSource:Ve,clearSelection:Me,selectItemById:Pe,activeRowById:oe,hasChildren:Ne,addChildrenToNode:Te,selectRowById:qe,selectItemByIds:xe,emptyCurrentRowId:ze});const Ae=o.computed(()=>{const t={};return v.shouldShowHorizontalScrollbar.value&&(t.paddingBottom="10px"),v.shouldShowVirticalScrollbar.value&&(t.paddingRight="10px"),t});return()=>o.createVNode("div",{class:M.value,style:F.value,onWheel:Y},[Ie(),o.createVNode("div",{ref:c,class:x.value,onMouseover:()=>{R.value=!0},onMouseleave:()=>{R.value=!1},style:Ae.value},[c.value&&ve(r),Se(),c.value&&B.value&&De(),c.value&&Ce(),c.value&&pe()])])}}),fe=o.defineComponent({name:"FTreeViewDesign",props:k,emits:["outputValue","currentEvent","selectionChange"],setup(e,i){const m=o.ref(),c=o.inject("design-item-context"),R=le.useDesignerComponent(m,c),g=o.ref();o.ref(e.idField);const b=o.ref(),r=o.ref(!1),h=o.ref([]),y=n.useFilter(e,i),I=n.useHierarchy(e),s=n.useIdentify(e),a=n.useDataView(e,new Map,y,I,s),p=n.useSelection(e,a,s,h,i),M=n.useSelectHierarchyItem(e,h,a,s,p,i),x=o.computed(()=>({"fv-tree":!0})),F=o.computed(()=>({"fv-tree-content":!0})),{containerStyleObject:P}=n.useDataViewContainerStyle(e);function H(E){}function w(){return[]}function q(){return[]}const C=o.ref(e.columns),d=n.useColumn(e,i),{columnContext:B}=d,S=0,N=o.computed(()=>a.dataView.value.length),T=n.useRow(e,i,p,s),W=n.useEdit(e,i,s,T,h),z=n.useVisualDataBound(e),A=n.useVisualDataCell(e,{},z),j=n.useVisualDataRow(e,a,W,I,s,z,A),$=n.useVisualData(e,C,a,N,S,j),{getVisualData:v}=$,U=n.useCellPosition(e,B);h.value=v(0,N.value+S-1);const Y=n.useVirtualScroll(e,a,h,B,$,N,S,o.ref(0)),{renderTreeArea:G}=Q(e,i,h,U,d,a,W,I,T,p,M,Y,$,z,g);return i.expose(R.value),()=>o.createVNode("div",{class:x.value,style:P.value,onWheel:H},[o.createVNode("div",{ref:b,class:F.value,onMouseover:()=>{r.value=!0},onMouseleave:()=>{r.value=!1}},[G(),w(),q()])])}});V.register=(e,i,m)=>{e["tree-view"]=V,i["tree-view"]=L},V.registerDesigner=(e,i,m)=>{e["tree-view"]=fe,i["tree-view"]=L};const me=O.withInstall(V);u.FTreeView=V,u.columnOptions=de,u.default=me,u.propsResolver=L,u.treeViewProps=k,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});