@farris/ui-vue 1.5.6 → 1.5.8

package/designer/data-view/index.esm.js

@@ -0,0 +1,271 @@
+import { computed as _, watch as k, ref as b } from "vue";
+function G(v, o, M, s, F) {
+  const { getGridHeaderCells: E } = F, p = 120, S = 50, R = _(() => {
+    var e;
+    return ((e = v.rowNumber) == null ? void 0 : e.enable) || !1;
+  }), V = _(() => {
+    var e, a;
+    return ((e = v.selection) == null ? void 0 : e.multiSelect) || ((a = v.selection) == null ? void 0 : a.showCheckbox) || !1;
+  }), D = _(
+    () => {
+      var e;
+      return 0 + (R.value ? ((e = v.rowNumber) == null ? void 0 : e.width) || 32 : 0) + (V.value ? S : 0);
+    }
+  ), w = _(() => {
+    var e;
+    return (e = v.columnOption) == null ? void 0 : e.fitColumns;
+  }), H = _(() => {
+    var e;
+    return w.value && ((e = v.columnOption) == null ? void 0 : e.fitMode) || "none";
+  });
+  function N(e, a, i) {
+    const h = parseInt(e.width, 10) / 100;
+    return i * h;
+  }
+  function g(e, a, i) {
+    return typeof e.width == "string" ? N(e, a, i) : e.width || p;
+  }
+  function I(e, a) {
+    const i = [], h = [];
+    let d = 0;
+    e.value.primaryColumns.forEach((m) => {
+      typeof m.width == "string" ? h.push(m) : (m.width = m.width || p, d += m.width, i.push(m));
+    });
+    const W = a * (i.length / e.value.primaryColumns.length);
+    i.forEach((m) => {
+      const n = W * (m.width / d);
+      m.actualWidth = n, e.value.primaryColumnsWidth += m.actualWidth;
+    });
+    const y = a - W;
+    h.forEach((m) => {
+      const n = N(m, e.value, y);
+      m.actualWidth = n, e.value.primaryColumnsWidth += m.actualWidth;
+    });
+  }
+  function C(e, a) {
+    const i = [], h = [], d = /* @__PURE__ */ new WeakMap();
+    let W = 0, y = 0;
+    if (e.value.primaryColumns.forEach((n) => {
+      if (typeof n.width == "string") {
+        const c = N(n, e.value, a);
+        d.set(n, c), W += c, h.push(n);
+      } else
+        n.width = n.width || p, y += n.width, i.push(n);
+    }), a - W > y) {
+      const n = a - W;
+      h.forEach((c) => {
+        c.actualWidth = d.get(c) || p, e.value.primaryColumnsWidth += c.actualWidth;
+      }), i.forEach((c) => {
+        c.actualWidth = n * (c.width / y), e.value.primaryColumnsWidth += c.actualWidth;
+      });
+    } else
+      I(e, a);
+  }
+  function f(e, a) {
+    e.value.primaryColumns.forEach((i) => {
+      i.actualWidth = g(i, e.value, a), e.value.primaryColumnsWidth += i.actualWidth;
+    });
+  }
+  const O = {
+    expand: C,
+    none: f,
+    percentage: I
+  };
+  function t(e) {
+    e.value.leftHeaderColumns = Array.from(E(e.value.leftColumns).values()), e.value.primaryHeaderColumns = Array.from(E(e.value.primaryColumns).values()), e.value.rightHeaderColumns = Array.from(E(e.value.rightColumns).values());
+  }
+  function r(e) {
+    e.value.leftColumnsWidth = 0, e.value.primaryColumnsWidth = 0, e.value.rightColumnsWidth = 0, e.value.leftColumns.forEach((a) => {
+      e.value.leftColumnsWidth += a.actualWidth || 0;
+    }), e.value.primaryColumns.forEach((a) => {
+      e.value.primaryColumnsWidth += a.actualWidth || 0;
+    }), e.value.rightColumns.forEach((a) => {
+      e.value.rightColumnsWidth += a.actualWidth || 0;
+    }), e.value = Object.assign({}, e.value);
+  }
+  function u(e, a, i) {
+    var c;
+    let h = 0;
+    const d = e.value.primaryColumns, W = e.value.rightColumns;
+    e.value.rightColumns.forEach((P) => {
+      P.actualWidth = g(P, e.value, a), h += P.actualWidth;
+    });
+    const y = i - h, m = O[H.value];
+    if (m && m(e, y), e.value.primaryColumnsWidth + h <= i)
+      return e.value.primaryColumns = [...d, ...W], e.value.primaryColumnsWidth += h, e.value.rightColumns = [], e.value.rightColumnsWidth = 0, !0;
+    const n = /* @__PURE__ */ new Map();
+    return n.set("primary", []), n.set("right", []), e.value.primaryColumns.reduce((P, T) => {
+      var A, B;
+      return T.fixed === "right" ? (A = P.get("right")) == null || A.push(T) : (B = P.get("primary")) == null || B.push(T), P;
+    }, n), (c = n.get("right")) != null && c.length && (e.value.primaryColumns = [...n.get("primary") || []], e.value.rightColumns = [...n.get("right") || []]), e.value.primaryColumnsWidth = 0, e.value.rightColumnsWidth = 0, !1;
+  }
+  function l() {
+    if (M.value) {
+      o.value.leftColumnsWidth = 0, o.value.primaryColumnsWidth = 0, o.value.rightColumnsWidth = 0;
+      const e = M.value.clientWidth - D.value;
+      o.value.leftColumns.forEach((i) => {
+        i.actualWidth = g(i, o.value, e), o.value.leftColumnsWidth += i.actualWidth;
+      });
+      const a = e - o.value.leftColumnsWidth;
+      if (u(o, e, a))
+        s.value = a;
+      else {
+        o.value.rightColumns.forEach((d) => {
+          d.actualWidth = g(d, o.value, e), o.value.rightColumnsWidth += d.actualWidth;
+        });
+        const i = e - o.value.leftColumnsWidth - o.value.rightColumnsWidth, h = O[H.value];
+        h && h(o, i), s.value = i;
+      }
+      t(o), o.value = Object.assign({}, o.value);
+    }
+  }
+  return k(() => {
+    var e;
+    return (e = v.columnOption) == null ? void 0 : e.fitColumns;
+  }, (e, a) => {
+    e !== a && e && l();
+  }), k(H, (e, a) => {
+    e !== a && w.value && l();
+  }), { calculateColumnHeaders: t, calculateColumnsSize: l, calculateColumnsWidth: r };
+}
+const z = "";
+function j(v) {
+  const s = b({
+    defaultColumnWidth: 120,
+    headerDepth: 1,
+    leftColumns: [],
+    leftColumnsMap: /* @__PURE__ */ new Map(),
+    leftColumnsWidth: 0,
+    leftHeaderColumns: [],
+    primaryColumns: [],
+    primaryColumnsMap: /* @__PURE__ */ new Map(),
+    primaryColumnsWidth: 0,
+    primaryHeaderColumns: [],
+    rightColumns: [],
+    rightColumnsMap: /* @__PURE__ */ new Map(),
+    rightColumnsWidth: 0,
+    rightHeaderColumns: [],
+    summaryColumns: []
+  });
+  function F() {
+    s.value = {
+      defaultColumnWidth: 120,
+      headerDepth: 1,
+      leftColumns: [],
+      leftColumnsMap: /* @__PURE__ */ new Map(),
+      leftColumnsWidth: 0,
+      leftHeaderColumns: [],
+      primaryColumns: [],
+      primaryColumnsMap: /* @__PURE__ */ new Map(),
+      primaryColumnsWidth: 0,
+      primaryHeaderColumns: [],
+      rightColumns: [],
+      rightColumnsMap: /* @__PURE__ */ new Map(),
+      rightColumnsWidth: 0,
+      rightHeaderColumns: [],
+      summaryColumns: []
+    };
+  }
+  const E = b(v.summary), p = _(() => {
+    const t = E.value;
+    return (t == null ? void 0 : t.groupFields) || [];
+  });
+  function S() {
+    s.value.rightColumns.forEach((u) => {
+      u.showSetting = !1;
+    }), s.value.primaryColumns.forEach((u) => {
+      u.showSetting = !1;
+    });
+    const t = s.value.rightColumns, r = s.value.primaryColumns;
+    t.length > 0 ? t[t.length - 1].showSetting = !0 : r.length > 0 && (r[r.length - 1].showSetting = !0);
+  }
+  function R(t) {
+    F();
+    const r = /* @__PURE__ */ new Map();
+    return p.value && p.value.reduce((u, l) => (u.set(l, !0), u), r), t.reduce((u, l) => (l.filter = l.filter || z, l.fixed === "left" ? (s.value.leftColumns.push(l), s.value.leftColumnsMap.set(l.field, l), s.value.leftColumnsWidth += l.actualWidth) : l.fixed === "right" ? (s.value.rightColumns.push(l), s.value.rightColumnsMap.set(l.field, l), s.value.rightColumnsWidth += l.actualWidth) : (s.value.primaryColumns.push(l), s.value.primaryColumnsMap.set(l.field, l), s.value.primaryColumnsWidth += l.actualWidth), r.has(l.field) && s.value.summaryColumns.push(l), u), s), S(), s;
+  }
+  R(v.columns);
+  const V = _(() => s.value.leftColumns.length > 0), D = _(() => s.value.rightColumns.length > 0);
+  function w(t, r) {
+    return r.sortable && r.sort && r.sort !== "none" && t.push(r), t;
+  }
+  function H(t, r) {
+    return t.sortOrder = t.sortOrder || 0, r.sortOrder = r.sortOrder || 0, t.sortOrder === r.sortOrder ? 0 : t.sortOrder < r.sortOrder ? -1 : 1;
+  }
+  function N(t, r) {
+    return t.sortOrder = t.sortOrder || 0, r.sortOrder = r.sortOrder || 0, t.sortOrder === r.sortOrder ? 0 : t.sortOrder < r.sortOrder ? 1 : -1;
+  }
+  function g(t, r) {
+    return r.filterable && t.push(r), t;
+  }
+  function I() {
+    const t = [];
+    return s.value.leftColumns.reduce(g, t), s.value.primaryColumns.reduce(g, t), s.value.rightColumns.reduce(g, t), t;
+  }
+  function C() {
+    const t = [];
+    s.value.leftColumns.reduce(w, t), s.value.primaryColumns.reduce(w, t), s.value.rightColumns.reduce(w, t);
+    const r = Math.max(...t.map((u) => u.sortOrder || 0));
+    return t.sort(N).map((u) => {
+      const l = u.sortOrder || r + 1;
+      return u.sortOrder = l, u;
+    }).sort(H).map((u, l) => {
+      const e = l + 1;
+      return u.sortOrder = e, u;
+    });
+  }
+  function f(t, r, u) {
+    const l = t.map((e) => {
+      const a = u.getSorterByColumn(e), i = e.sort === "asc", h = e.sort === "desc", d = i ? a.ascend : h ? a.decend : void 0;
+      return { field: e.field, compare: d };
+    });
+    r.setSorters(l);
+  }
+  function O(t, r) {
+    const u = C();
+    f(u, t, r);
+  }
+  return {
+    applyColumnSorter: O,
+    collectionFilterableColumns: I,
+    applySortableColumns: f,
+    collectionSortableColumns: C,
+    columnContext: s,
+    hasLeftFixedColumn: V,
+    hasRightFixedColumn: D,
+    updateColumnRenderContext: R,
+    updateColumnSettingIcon: S
+  };
+}
+function K(v, o, M, s, F, E, p, S) {
+  const R = b(s.value - 1 + F), V = b(0), { renderDataRow: D } = E, w = p ? p.renderGroupRow : D, H = S ? S.renderSummaryRow : D;
+  function N(C) {
+    let f = D;
+    return C.__fv_data_grid_group_row__ && (f = w), C.__fv_data_grid_group_summary__ && (f = H), f;
+  }
+  function g(C, f, O, t) {
+    const { dataView: r } = M, u = [];
+    if (r.value.length > 0) {
+      const l = t ? Date.now().toString() : "";
+      let e = C, a = 0;
+      const i = f - C + 1;
+      for (; u.length < i && e < r.value.length; ) {
+        const h = r.value[e], d = r.value[e - 1] || O, W = u[a - 1], y = d ? (d.__fv_data_position__ || 0) + (d.__fv_data_height__ || 0) : 0, n = N(h)(h, d, W, e, y, o.value, u);
+        n.refreshKey = l, u.push(n), a++, e++;
+      }
+    }
+    return V.value = u.length > 0 ? u[0].index : 0, R.value = u.length > 0 ? u[u.length - 1].index : 0, u;
+  }
+  function I(C, f, O) {
+    const t = f.groupField || "", { groupValue: r } = f;
+    M[C](t, r);
+    const { dataView: u } = M, l = O[0].index, e = Math.min(l + s.value + F + 1, u.value.length - 1);
+    return g(l, e);
+  }
+  return { getVisualData: g, maxVisibleRowIndex: R, minVisibleRowIndex: V, toggleGroupRow: I };
+}
+export {
+  j as useDesignerColumn,
+  G as useDesignerFitColumn,
+  K as useDesignerVisualData
+};

package/designer/data-view/index.umd.cjs

@@ -0,0 +1 @@
+(function(w,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],f):(w=typeof globalThis<"u"?globalThis:w||self,f(w["data-view"]={},w.Vue))})(this,function(w,f){"use strict";function j(p,o,_,s,V){const{getGridHeaderCells:D}=V,W=120,E=50,R=f.computed(()=>{var e;return((e=p.rowNumber)==null?void 0:e.enable)||!1}),b=f.computed(()=>{var e,a;return((e=p.selection)==null?void 0:e.multiSelect)||((a=p.selection)==null?void 0:a.showCheckbox)||!1}),P=f.computed(()=>{var e;return 0+(R.value?((e=p.rowNumber)==null?void 0:e.width)||32:0)+(b.value?E:0)}),M=f.computed(()=>{var e;return(e=p.columnOption)==null?void 0:e.fitColumns}),F=f.computed(()=>{var e;return M.value&&((e=p.columnOption)==null?void 0:e.fitMode)||"none"});function H(e,a,i){const d=parseInt(e.width,10)/100;return i*d}function v(e,a,i){return typeof e.width=="string"?H(e,a,i):e.width||W}function T(e,a){const i=[],d=[];let h=0;e.value.primaryColumns.forEach(m=>{typeof m.width=="string"?d.push(m):(m.width=m.width||W,h+=m.width,i.push(m))});const y=a*(i.length/e.value.primaryColumns.length);i.forEach(m=>{const n=y*(m.width/h);m.actualWidth=n,e.value.primaryColumnsWidth+=m.actualWidth});const O=a-y;d.forEach(m=>{const n=H(m,e.value,O);m.actualWidth=n,e.value.primaryColumnsWidth+=m.actualWidth})}function g(e,a){const i=[],d=[],h=new WeakMap;let y=0,O=0;if(e.value.primaryColumns.forEach(n=>{if(typeof n.width=="string"){const C=H(n,e.value,a);h.set(n,C),y+=C,d.push(n)}else n.width=n.width||W,O+=n.width,i.push(n)}),a-y>O){const n=a-y;d.forEach(C=>{C.actualWidth=h.get(C)||W,e.value.primaryColumnsWidth+=C.actualWidth}),i.forEach(C=>{C.actualWidth=n*(C.width/O),e.value.primaryColumnsWidth+=C.actualWidth})}else T(e,a)}function c(e,a){e.value.primaryColumns.forEach(i=>{i.actualWidth=v(i,e.value,a),e.value.primaryColumnsWidth+=i.actualWidth})}const S={expand:g,none:c,percentage:T};function t(e){e.value.leftHeaderColumns=Array.from(D(e.value.leftColumns).values()),e.value.primaryHeaderColumns=Array.from(D(e.value.primaryColumns).values()),e.value.rightHeaderColumns=Array.from(D(e.value.rightColumns).values())}function r(e){e.value.leftColumnsWidth=0,e.value.primaryColumnsWidth=0,e.value.rightColumnsWidth=0,e.value.leftColumns.forEach(a=>{e.value.leftColumnsWidth+=a.actualWidth||0}),e.value.primaryColumns.forEach(a=>{e.value.primaryColumnsWidth+=a.actualWidth||0}),e.value.rightColumns.forEach(a=>{e.value.rightColumnsWidth+=a.actualWidth||0}),e.value=Object.assign({},e.value)}function u(e,a,i){var C;let d=0;const h=e.value.primaryColumns,y=e.value.rightColumns;e.value.rightColumns.forEach(N=>{N.actualWidth=v(N,e.value,a),d+=N.actualWidth});const O=i-d,m=S[F.value];if(m&&m(e,O),e.value.primaryColumnsWidth+d<=i)return e.value.primaryColumns=[...h,...y],e.value.primaryColumnsWidth+=d,e.value.rightColumns=[],e.value.rightColumnsWidth=0,!0;const n=new Map;return n.set("primary",[]),n.set("right",[]),e.value.primaryColumns.reduce((N,I)=>{var A,B;return I.fixed==="right"?(A=N.get("right"))==null||A.push(I):(B=N.get("primary"))==null||B.push(I),N},n),(C=n.get("right"))!=null&&C.length&&(e.value.primaryColumns=[...n.get("primary")||[]],e.value.rightColumns=[...n.get("right")||[]]),e.value.primaryColumnsWidth=0,e.value.rightColumnsWidth=0,!1}function l(){if(_.value){o.value.leftColumnsWidth=0,o.value.primaryColumnsWidth=0,o.value.rightColumnsWidth=0;const e=_.value.clientWidth-P.value;o.value.leftColumns.forEach(i=>{i.actualWidth=v(i,o.value,e),o.value.leftColumnsWidth+=i.actualWidth});const a=e-o.value.leftColumnsWidth;if(u(o,e,a))s.value=a;else{o.value.rightColumns.forEach(h=>{h.actualWidth=v(h,o.value,e),o.value.rightColumnsWidth+=h.actualWidth});const i=e-o.value.leftColumnsWidth-o.value.rightColumnsWidth,d=S[F.value];d&&d(o,i),s.value=i}t(o),o.value=Object.assign({},o.value)}}return f.watch(()=>{var e;return(e=p.columnOption)==null?void 0:e.fitColumns},(e,a)=>{e!==a&&e&&l()}),f.watch(F,(e,a)=>{e!==a&&M.value&&l()}),{calculateColumnHeaders:t,calculateColumnsSize:l,calculateColumnsWidth:r}}const k="";function z(p){const _={defaultColumnWidth:120,headerDepth:1,leftColumns:[],leftColumnsMap:new Map,leftColumnsWidth:0,leftHeaderColumns:[],primaryColumns:[],primaryColumnsMap:new Map,primaryColumnsWidth:0,primaryHeaderColumns:[],rightColumns:[],rightColumnsMap:new Map,rightColumnsWidth:0,rightHeaderColumns:[],summaryColumns:[]},s=f.ref(_);function V(){s.value={defaultColumnWidth:120,headerDepth:1,leftColumns:[],leftColumnsMap:new Map,leftColumnsWidth:0,leftHeaderColumns:[],primaryColumns:[],primaryColumnsMap:new Map,primaryColumnsWidth:0,primaryHeaderColumns:[],rightColumns:[],rightColumnsMap:new Map,rightColumnsWidth:0,rightHeaderColumns:[],summaryColumns:[]}}const D=f.ref(p.summary),W=f.computed(()=>{const t=D.value;return(t==null?void 0:t.groupFields)||[]});function E(){s.value.rightColumns.forEach(u=>{u.showSetting=!1}),s.value.primaryColumns.forEach(u=>{u.showSetting=!1});const t=s.value.rightColumns,r=s.value.primaryColumns;t.length>0?t[t.length-1].showSetting=!0:r.length>0&&(r[r.length-1].showSetting=!0)}function R(t){V();const r=new Map;return W.value&&W.value.reduce((u,l)=>(u.set(l,!0),u),r),t.reduce((u,l)=>(l.filter=l.filter||k,l.fixed==="left"?(s.value.leftColumns.push(l),s.value.leftColumnsMap.set(l.field,l),s.value.leftColumnsWidth+=l.actualWidth):l.fixed==="right"?(s.value.rightColumns.push(l),s.value.rightColumnsMap.set(l.field,l),s.value.rightColumnsWidth+=l.actualWidth):(s.value.primaryColumns.push(l),s.value.primaryColumnsMap.set(l.field,l),s.value.primaryColumnsWidth+=l.actualWidth),r.has(l.field)&&s.value.summaryColumns.push(l),u),s),E(),s}R(p.columns);const b=f.computed(()=>s.value.leftColumns.length>0),P=f.computed(()=>s.value.rightColumns.length>0);function M(t,r){return r.sortable&&r.sort&&r.sort!=="none"&&t.push(r),t}function F(t,r){return t.sortOrder=t.sortOrder||0,r.sortOrder=r.sortOrder||0,t.sortOrder===r.sortOrder?0:t.sortOrder<r.sortOrder?-1:1}function H(t,r){return t.sortOrder=t.sortOrder||0,r.sortOrder=r.sortOrder||0,t.sortOrder===r.sortOrder?0:t.sortOrder<r.sortOrder?1:-1}function v(t,r){return r.filterable&&t.push(r),t}function T(){const t=[];return s.value.leftColumns.reduce(v,t),s.value.primaryColumns.reduce(v,t),s.value.rightColumns.reduce(v,t),t}function g(){const t=[];s.value.leftColumns.reduce(M,t),s.value.primaryColumns.reduce(M,t),s.value.rightColumns.reduce(M,t);const r=Math.max(...t.map(u=>u.sortOrder||0));return t.sort(H).map(u=>{const l=u.sortOrder||r+1;return u.sortOrder=l,u}).sort(F).map((u,l)=>{const e=l+1;return u.sortOrder=e,u})}function c(t,r,u){const l=t.map(e=>{const a=u.getSorterByColumn(e),i=e.sort==="asc",d=e.sort==="desc",h=i?a.ascend:d?a.decend:void 0;return{field:e.field,compare:h}});r.setSorters(l)}function S(t,r){const u=g();c(u,t,r)}return{applyColumnSorter:S,collectionFilterableColumns:T,applySortableColumns:c,collectionSortableColumns:g,columnContext:s,hasLeftFixedColumn:b,hasRightFixedColumn:P,updateColumnRenderContext:R,updateColumnSettingIcon:E}}function L(p,o,_,s,V,D,W,E){const R=f.ref(s.value-1+V),b=f.ref(0),{renderDataRow:P}=D,M=W?W.renderGroupRow:P,F=E?E.renderSummaryRow:P;function H(g){let c=P;return g.__fv_data_grid_group_row__&&(c=M),g.__fv_data_grid_group_summary__&&(c=F),c}function v(g,c,S,t){const{dataView:r}=_,u=[];if(r.value.length>0){const l=t?Date.now().toString():"";let e=g,a=0;const i=c-g+1;for(;u.length<i&&e<r.value.length;){const d=r.value[e],h=r.value[e-1]||S,y=u[a-1],O=h?(h.__fv_data_position__||0)+(h.__fv_data_height__||0):0,n=H(d)(d,h,y,e,O,o.value,u);n.refreshKey=l,u.push(n),a++,e++}}return b.value=u.length>0?u[0].index:0,R.value=u.length>0?u[u.length-1].index:0,u}function T(g,c,S){const t=c.groupField||"",{groupValue:r}=c;_[g](t,r);const{dataView:u}=_,l=S[0].index,e=Math.min(l+s.value+V+1,u.value.length-1);return v(l,e)}return{getVisualData:v,maxVisibleRowIndex:R,minVisibleRowIndex:b,toggleGroupRow:T}}w.useDesignerColumn=z,w.useDesignerFitColumn=j,w.useDesignerVisualData=L,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});