@farris/ui-vue 1.6.5-beta.8 → 1.6.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/avatar/index.esm.js +335 -335
- package/components/avatar/index.umd.cjs +1 -1
- package/components/button-edit/index.esm.js +6 -6
- package/components/button-edit/index.umd.cjs +1 -1
- package/components/combo-list/index.esm.js +139 -134
- package/components/combo-list/index.umd.cjs +1 -1
- package/components/common/index.esm.js +1 -1
- package/components/common/index.umd.cjs +1 -1
- package/components/component/index.esm.js +300 -300
- package/components/component/index.umd.cjs +1 -1
- package/components/condition/index.esm.js +7 -6
- package/components/condition/index.umd.cjs +1 -1
- package/components/content-container/index.esm.js +295 -295
- package/components/content-container/index.umd.cjs +1 -1
- package/components/data-grid/index.esm.js +99 -99
- package/components/data-grid/index.umd.cjs +1 -1
- package/components/data-view/index.esm.js +3407 -3338
- package/components/data-view/index.umd.cjs +1 -1
- package/components/date-picker/index.esm.js +833 -832
- package/components/date-picker/index.umd.cjs +1 -1
- package/components/designer-canvas/index.esm.js +5 -5
- package/components/designer-canvas/index.umd.cjs +1 -1
- package/components/dynamic-form/index.esm.js +173 -172
- package/components/dynamic-form/index.umd.cjs +1 -1
- package/components/events-editor/index.esm.js +637 -637
- package/components/events-editor/index.umd.cjs +3 -3
- package/components/expression-editor/index.esm.js +737 -732
- package/components/expression-editor/index.umd.cjs +4 -4
- package/components/filter-bar/index.esm.js +728 -706
- package/components/filter-bar/index.umd.cjs +1 -1
- package/components/filter-condition-editor/index.esm.js +670 -665
- package/components/filter-condition-editor/index.umd.cjs +2 -2
- package/components/flow-canvas/index.esm.js +205 -205
- package/components/flow-canvas/index.umd.cjs +1 -1
- package/components/language-textbox/index.esm.js +77 -76
- package/components/language-textbox/index.umd.cjs +1 -1
- package/components/list-nav/index.esm.js +4 -2
- package/components/list-nav/index.umd.cjs +1 -1
- package/components/list-view/index.esm.js +42 -40
- package/components/list-view/index.umd.cjs +2 -2
- package/components/lookup/index.esm.js +118 -118
- package/components/lookup/index.umd.cjs +1 -1
- package/components/mapping-editor/index.esm.js +482 -483
- package/components/mapping-editor/index.umd.cjs +1 -1
- package/components/message-box/index.esm.js +424 -424
- package/components/message-box/index.umd.cjs +1 -1
- package/components/modal/index.esm.js +276 -276
- package/components/modal/index.umd.cjs +1 -1
- package/components/number-range/index.esm.js +161 -161
- package/components/number-range/index.umd.cjs +1 -1
- package/components/number-spinner/index.esm.js +322 -316
- package/components/number-spinner/index.umd.cjs +1 -1
- package/components/order/index.esm.js +541 -534
- package/components/order/index.umd.cjs +2 -2
- package/components/page-header/index.esm.js +1 -1
- package/components/page-header/index.umd.cjs +1 -1
- package/components/popover/index.esm.js +58 -56
- package/components/popover/index.umd.cjs +1 -1
- package/components/property-panel/index.esm.js +216 -216
- package/components/property-panel/index.umd.cjs +2 -2
- package/components/query-solution/index.esm.js +489 -467
- package/components/query-solution/index.umd.cjs +3 -3
- package/components/radio-group/index.esm.js +30 -30
- package/components/radio-group/index.umd.cjs +1 -1
- package/components/response-layout/index.esm.js +282 -282
- package/components/response-layout/index.umd.cjs +1 -1
- package/components/response-layout-editor/index.esm.js +875 -873
- package/components/response-layout-editor/index.umd.cjs +1 -1
- package/components/response-toolbar/index.esm.js +1 -1
- package/components/response-toolbar/index.umd.cjs +1 -1
- package/components/schema-selector/index.esm.js +504 -496
- package/components/schema-selector/index.umd.cjs +6 -6
- package/components/search-box/index.esm.js +76 -72
- package/components/search-box/index.umd.cjs +1 -1
- package/components/section/index.esm.js +212 -212
- package/components/section/index.umd.cjs +1 -1
- package/components/sort-condition-editor/index.esm.js +382 -377
- package/components/sort-condition-editor/index.umd.cjs +2 -2
- package/components/tabs/index.esm.js +584 -582
- package/components/tabs/index.umd.cjs +2 -2
- package/components/textarea/index.esm.js +362 -362
- package/components/textarea/index.umd.cjs +2 -2
- package/components/time-picker/index.css +1 -0
- package/components/time-picker/index.esm.js +9799 -0
- package/components/time-picker/index.umd.cjs +1 -0
- package/components/time-picker/package.json +8 -0
- package/components/time-picker/style.js +6 -0
- package/components/transfer/index.esm.js +81 -79
- package/components/transfer/index.umd.cjs +2 -2
- package/components/tree-grid/index.esm.js +100 -100
- package/components/tree-grid/index.umd.cjs +1 -1
- package/components/tree-view/index.esm.js +2361 -2279
- package/components/tree-view/index.umd.cjs +1 -1
- package/components/video/index.esm.js +220 -220
- package/components/video/index.umd.cjs +1 -1
- package/designer/button-edit/index.css +1 -0
- package/designer/button-edit/index.esm.js +4856 -0
- package/designer/button-edit/index.umd.cjs +1 -0
- package/designer/checkbox/index.esm.js +254 -0
- package/designer/checkbox/index.umd.cjs +1 -0
- package/designer/checkbox-group/index.esm.js +381 -0
- package/designer/checkbox-group/index.umd.cjs +1 -0
- package/designer/data-grid/index.css +1 -0
- package/designer/data-grid/index.esm.js +15445 -0
- package/designer/data-grid/index.umd.cjs +23 -0
- package/designer/data-view/index.esm.js +854 -0
- package/designer/data-view/index.umd.cjs +38 -0
- package/designer/drawer/index.css +1 -0
- package/designer/drawer/index.esm.js +525 -0
- package/designer/drawer/index.umd.cjs +1 -0
- package/designer/farris-designer.all.esm.js +22331 -0
- package/designer/farris-designer.all.umd.cjs +34 -0
- package/designer/index.css +1 -0
- package/designer/input-group/index.esm.js +1099 -0
- package/designer/input-group/index.umd.cjs +1 -0
- package/designer/list-view/index.css +1 -0
- package/designer/list-view/index.esm.js +4685 -0
- package/designer/list-view/index.umd.cjs +40 -0
- package/designer/radio-group/index.css +1 -0
- package/designer/radio-group/index.esm.js +6989 -0
- package/designer/radio-group/index.umd.cjs +1 -0
- package/designer/tree-grid/index.esm.js +1099 -0
- package/designer/tree-grid/index.umd.cjs +1 -0
- package/farris.all.esm.js +13299 -13177
- package/farris.all.umd.cjs +25 -25
- package/locales/data-grid/ui/en.json +4 -3
- package/locales/data-grid/ui/zh-CHS.json +2 -1
- package/locales/data-grid/ui/zh-CHT.json +2 -1
- package/locales/designer/en.json +9 -7
- package/locales/designer/zh-CHS.json +4 -2
- package/locales/designer/zh-CHT.json +4 -2
- package/locales/ui/en.json +9 -7
- package/locales/ui/zh-CHS.json +4 -2
- package/locales/ui/zh-CHT.json +4 -2
- package/package.json +1 -1
- package/types/combo-list/src/property-config/combo-list.property-config.d.ts +0 -6
- package/types/data-view/composition/types.d.ts +10 -4
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { getCustomClass as St, withInstall as bt } from "../common/index.esm.js";
|
|
2
2
|
import { createVNode as g, defineComponent as It, ref as p, computed as C, onMounted as Bt, nextTick as Dt, onUnmounted as Ot, watch as de, createTextVNode as Ft } from "vue";
|
|
3
3
|
import { useResizeObserver as Rt } from "@vueuse/core";
|
|
4
|
-
import { isUndefined as
|
|
4
|
+
import { isUndefined as b } from "lodash-es";
|
|
5
5
|
import { LocaleService as Se } from "../locale/index.esm.js";
|
|
6
6
|
import { getHierarchyRow as xt, useIdentify as Gt, useGroupData as Ht, useFilter as jt, useHierarchy as Vt, useLoading as Nt, useDataView as Pt, useSelection as kt, useSelectHierarchyItem as _t, usePagination as zt, useDataViewContainerStyle as Mt, useCommandColumn as Tt, useSettingColumn as At, useColumn as Lt, useSort as Et, useGroupColumn as Wt, useRow as Ut, useEdit as qt, useVisualDataBound as Yt, useVisualDataCell as $t, useVisualDataRow as Jt, useVisualData as Kt, useCellPosition as Qt, useSidebar as Xt, useVirtualScroll as Zt, useFitColumn as ea, useFilterHistory as ta, useColumnFilter as aa, useDragColumn as la, getColumnHeader as na, getSidebar as oa, getDisableMask as ia, getHorizontalScrollbar as ua, getVerticalScrollbar as sa, getEmpty as ra, getPagination as da, getSummary as ca } from "../data-view/index.esm.js";
|
|
7
7
|
const Sa = {
|
|
@@ -266,32 +266,32 @@ const Sa = {
|
|
|
266
266
|
}
|
|
267
267
|
}
|
|
268
268
|
};
|
|
269
|
-
function ma(t, c, ce,
|
|
269
|
+
function ma(t, c, ce, _, I, v, y, B, z, n, D, M, V, o, N, J, T) {
|
|
270
270
|
const {
|
|
271
|
-
calculateCellPositionInRow:
|
|
271
|
+
calculateCellPositionInRow: A
|
|
272
272
|
} = v, {
|
|
273
273
|
columnContext: h,
|
|
274
|
-
hasLeftFixedColumn:
|
|
274
|
+
hasLeftFixedColumn: L,
|
|
275
275
|
hasRightFixedColumn: K
|
|
276
276
|
} = y, {
|
|
277
277
|
gridDataStyle: Q,
|
|
278
278
|
leftFixedGridDataStyle: l,
|
|
279
279
|
rightFixedGridDataStyle: X
|
|
280
280
|
} = o, {
|
|
281
|
-
renderDataRow:
|
|
282
|
-
} = xt(t, c, h,
|
|
283
|
-
function
|
|
284
|
-
const te =
|
|
285
|
-
return
|
|
281
|
+
renderDataRow: s
|
|
282
|
+
} = xt(t, c, h, T, B, z, n, D, M, V, o, N, J), G = [s];
|
|
283
|
+
function P(d, ee) {
|
|
284
|
+
const te = A(d);
|
|
285
|
+
return T.value.filter((O) => O.visible !== !1).map((O, W) => G[O.type](O, te, ee, W));
|
|
286
286
|
}
|
|
287
|
-
function
|
|
287
|
+
function w() {
|
|
288
288
|
return g("div", {
|
|
289
|
-
ref:
|
|
289
|
+
ref: _,
|
|
290
290
|
class: "fv-grid-content-left-fixed"
|
|
291
291
|
}, [g("div", {
|
|
292
292
|
class: "fv-grid-data",
|
|
293
293
|
style: l.value
|
|
294
|
-
}, [
|
|
294
|
+
}, [P(h.value.leftColumns.filter((d) => d.visible), "left")])]);
|
|
295
295
|
}
|
|
296
296
|
function Z() {
|
|
297
297
|
return g("div", {
|
|
@@ -300,20 +300,20 @@ function ma(t, c, ce, k, b, v, y, I, _, n, B, z, j, o, V, J, M) {
|
|
|
300
300
|
}, [g("div", {
|
|
301
301
|
class: "fv-grid-data",
|
|
302
302
|
style: Q.value
|
|
303
|
-
}, [
|
|
303
|
+
}, [P(h.value.primaryColumns.filter((d) => d.visible), "primary")])]);
|
|
304
304
|
}
|
|
305
|
-
function
|
|
305
|
+
function S() {
|
|
306
306
|
return g("div", {
|
|
307
|
-
ref:
|
|
307
|
+
ref: I,
|
|
308
308
|
class: "fv-grid-content-right-fixed"
|
|
309
309
|
}, [g("div", {
|
|
310
310
|
class: "fv-grid-data",
|
|
311
311
|
style: X.value
|
|
312
|
-
}, [
|
|
312
|
+
}, [P(h.value.rightColumns.filter((d) => d.visible), "right")])]);
|
|
313
313
|
}
|
|
314
314
|
function E() {
|
|
315
315
|
const d = [];
|
|
316
|
-
return
|
|
316
|
+
return L.value && d.push(w()), d.push(Z()), K.value && d.push(S()), d;
|
|
317
317
|
}
|
|
318
318
|
return {
|
|
319
319
|
renderDataArea: E
|
|
@@ -325,42 +325,42 @@ const ya = /* @__PURE__ */ It({
|
|
|
325
325
|
emits: ["selectionChange", "clickRow", "expandNode", "unSelectItem", "dblclickNode", "doubleClickRow", "unSelectItem", "selectItem", "filterChanged", "sortChanged", "selectionUpdate"],
|
|
326
326
|
setup(t, c) {
|
|
327
327
|
var he, Ce;
|
|
328
|
-
const
|
|
329
|
-
idField:
|
|
330
|
-
} = y,
|
|
331
|
-
collapseField:
|
|
328
|
+
const _ = ((he = t.rowOption) == null ? void 0 : he.height) || 28, I = p(20), v = p(t.columns), y = Gt(t), {
|
|
329
|
+
idField: B
|
|
330
|
+
} = y, z = p(), n = p(), D = p(), M = p(), V = p(), o = p([]), N = p(!1), J = p(((Ce = t.rowOption) == null ? void 0 : Ce.wrapContent) || !1), T = Ht(t, y), A = jt(t, c), h = Vt(t), {
|
|
331
|
+
collapseField: L
|
|
332
332
|
} = h, {
|
|
333
333
|
showLoading: K,
|
|
334
334
|
renderLoading: Q
|
|
335
|
-
} = Nt(t,
|
|
335
|
+
} = Nt(t, z), l = Pt(t, /* @__PURE__ */ new Map(), A, h, y), {
|
|
336
336
|
dataView: X
|
|
337
|
-
} = l,
|
|
338
|
-
showSelection:
|
|
339
|
-
selectedValues:
|
|
340
|
-
} =
|
|
337
|
+
} = l, s = kt(t, l, y, o, c), {
|
|
338
|
+
showSelection: G,
|
|
339
|
+
selectedValues: P
|
|
340
|
+
} = s, w = _t(t, o, l, y, s, c), Z = C(() => t.disabled), S = C(() => t.virtualized ? Math.min(l.dataView.value.length, I.value) : l.dataView.value.length), E = zt(t, l), {
|
|
341
341
|
shouldRenderPagination: d
|
|
342
342
|
} = E, {
|
|
343
343
|
containerStyleObject: ee
|
|
344
344
|
} = Mt(t), te = Tt(t), {
|
|
345
|
-
applyCommands:
|
|
345
|
+
applyCommands: O
|
|
346
346
|
} = te;
|
|
347
|
-
|
|
347
|
+
O(v);
|
|
348
348
|
const {
|
|
349
349
|
applyColumnSetting: W,
|
|
350
350
|
removeColumnSetting: be
|
|
351
351
|
} = At(t);
|
|
352
352
|
t.showSetting && W(v);
|
|
353
|
-
const
|
|
353
|
+
const k = Lt(t, c), ae = Et(t), {
|
|
354
354
|
applyColumnSorter: fe,
|
|
355
355
|
columnContext: U,
|
|
356
356
|
updateColumnRenderContext: Ie
|
|
357
|
-
} =
|
|
357
|
+
} = k;
|
|
358
358
|
fe(l, ae);
|
|
359
|
-
const le = Wt(t, U),
|
|
359
|
+
const le = Wt(t, U), H = Ut(t, c, s, y), j = qt(t, c, y, H, o), ne = Yt(t), Be = $t(t, j, ne), De = Jt(t, l, j, h, y, ne, Be), oe = Kt(t, v, l, S, 0, De), {
|
|
360
360
|
getVisualData: q
|
|
361
|
-
} = oe, Oe = Qt(t, U), ie = Xt(t,
|
|
361
|
+
} = oe, Oe = Qt(t, U), ie = Xt(t, s), {
|
|
362
362
|
sidebarWidth: Fe
|
|
363
|
-
} = ie, f = Zt(t, l, o, U, oe,
|
|
363
|
+
} = ie, f = Zt(t, l, o, U, oe, S, 0, Fe), {
|
|
364
364
|
onWheel: Re,
|
|
365
365
|
dataGridWidth: me,
|
|
366
366
|
viewPortHeight: ye,
|
|
@@ -369,7 +369,7 @@ const ya = /* @__PURE__ */ It({
|
|
|
369
369
|
updateVisibleRowsOnLatestVisibleScope: xe
|
|
370
370
|
} = f, ve = ea(t, U, n, Y, le), {
|
|
371
371
|
calculateColumnsSize: $
|
|
372
|
-
} = ve, ge = ta(), Ge = aa(n,
|
|
372
|
+
} = ve, ge = ta(), Ge = aa(n, V, l, ge, f), He = la(t, c, k, l, le, T, f), je = C(() => {
|
|
373
373
|
const e = {
|
|
374
374
|
"fv-grid": !0,
|
|
375
375
|
"fv-grid-bordered": t.showBorder,
|
|
@@ -379,17 +379,17 @@ const ya = /* @__PURE__ */ It({
|
|
|
379
379
|
return St(e, t.customClass);
|
|
380
380
|
}), Ve = C(() => ({
|
|
381
381
|
"fv-grid-content": !0,
|
|
382
|
-
"fv-grid-content-hover":
|
|
382
|
+
"fv-grid-content-hover": N.value,
|
|
383
383
|
"fv-grid-wrap-content": J.value
|
|
384
384
|
})), {
|
|
385
385
|
renderDataArea: Ne
|
|
386
|
-
} = ma(t, c,
|
|
386
|
+
} = ma(t, c, D, M, V, Oe, k, l, j, h, H, s, w, f, oe, ne, o), {
|
|
387
387
|
renderGridHeader: Pe,
|
|
388
388
|
renderGridColumnResizeOverlay: ke,
|
|
389
389
|
shouldShowHeader: _e
|
|
390
|
-
} = na(t, c, n,
|
|
390
|
+
} = na(t, c, n, M, V, k, l, He, Ge, A, ge, ve, le, s, ie, ae, f, Y, o), {
|
|
391
391
|
renderDataGridSidebar: ze
|
|
392
|
-
} = oa(t,
|
|
392
|
+
} = oa(t, H, s, ie, f), {
|
|
393
393
|
renderDisableMask: Me
|
|
394
394
|
} = ia(), {
|
|
395
395
|
renderHorizontalScrollbar: Te
|
|
@@ -397,15 +397,15 @@ const ya = /* @__PURE__ */ It({
|
|
|
397
397
|
renderVerticalScrollbar: Ae
|
|
398
398
|
} = sa(t, n, f);
|
|
399
399
|
function Le() {
|
|
400
|
-
var e, a,
|
|
400
|
+
var e, a, i;
|
|
401
401
|
if (n.value && n.value.clientHeight > 0 && ((e = n.value) == null ? void 0 : e.clientWidth) > 0) {
|
|
402
|
-
const r = Math.ceil(n.value.clientHeight /
|
|
403
|
-
r >
|
|
402
|
+
const r = Math.ceil(n.value.clientHeight / _);
|
|
403
|
+
r > I.value && (I.value = r, xe()), ye.value = ((a = D.value) == null ? void 0 : a.clientHeight) || 0, me.value = ((i = n.value) == null ? void 0 : i.clientWidth) || 0, $();
|
|
404
404
|
}
|
|
405
405
|
}
|
|
406
406
|
Bt(() => {
|
|
407
|
-
n.value && (
|
|
408
|
-
n.value && (me.value = n.value.clientWidth),
|
|
407
|
+
n.value && (I.value = Math.max(Math.ceil(n.value.clientHeight / _), I.value), o.value = q(0, S.value + 0 - 1), Rt(n.value, Le), $(), Dt(() => {
|
|
408
|
+
n.value && (me.value = n.value.clientWidth), D.value && (Y.value = D.value.clientWidth, ye.value = D.value.clientHeight);
|
|
409
409
|
})), K.value && Q();
|
|
410
410
|
}), Ot(() => {
|
|
411
411
|
}), de(Y, () => {
|
|
@@ -418,36 +418,36 @@ const ya = /* @__PURE__ */ It({
|
|
|
418
418
|
l.expandTo(e), l.reOrderVisibleIndex(), ue();
|
|
419
419
|
}
|
|
420
420
|
function se() {
|
|
421
|
-
const e =
|
|
421
|
+
const e = s.getSelectionRow();
|
|
422
422
|
return e ? e.dataIndex - 1 : -1;
|
|
423
423
|
}
|
|
424
424
|
function Ue() {
|
|
425
425
|
const e = se();
|
|
426
|
-
l.insertNewDataItem(e), o.value = q(0,
|
|
426
|
+
l.insertNewDataItem(e), o.value = q(0, S.value + 0 - 1);
|
|
427
427
|
}
|
|
428
428
|
function qe() {
|
|
429
429
|
const e = se();
|
|
430
|
-
l.insertNewChildDataItem(e), o.value = q(0,
|
|
430
|
+
l.insertNewChildDataItem(e), o.value = q(0, S.value + 0 - 1);
|
|
431
431
|
}
|
|
432
432
|
function Ye(e, a) {
|
|
433
|
-
const
|
|
433
|
+
const i = o.value.find((m) => m.raw[B.value] === a), r = i ? i.dataIndex - 1 : -1;
|
|
434
434
|
l.insertNewChildDataItems(e, r);
|
|
435
435
|
}
|
|
436
436
|
function $e() {
|
|
437
|
-
const e = se(), a =
|
|
438
|
-
l.removeHierarchyDataItem(e), o.value = q(0,
|
|
437
|
+
const e = se(), a = w.getNextSelectableHierarchyItemId(e);
|
|
438
|
+
l.removeHierarchyDataItem(e), o.value = q(0, S.value + 0 - 1), a && w.selectItemById(a);
|
|
439
439
|
}
|
|
440
440
|
function Je(e) {
|
|
441
|
-
|
|
441
|
+
j.onEditingRow(e);
|
|
442
442
|
}
|
|
443
443
|
function Ke(e) {
|
|
444
|
-
|
|
444
|
+
j.acceptEditingRow(e);
|
|
445
445
|
}
|
|
446
446
|
function Qe(e) {
|
|
447
|
-
|
|
447
|
+
j.cancelEditingRow(e);
|
|
448
448
|
}
|
|
449
449
|
function re(e) {
|
|
450
|
-
e && (v.value = e,
|
|
450
|
+
e && (v.value = e, O(v), Ie(v.value), fe(l, ae), $());
|
|
451
451
|
}
|
|
452
452
|
de(() => t.columns, (e) => {
|
|
453
453
|
re(e);
|
|
@@ -456,62 +456,62 @@ const ya = /* @__PURE__ */ It({
|
|
|
456
456
|
e && (l.load(e), l.reOrderVisibleIndex(), a != null && a.keepScrollPosition ? f.scrollTo(f.offsetY.value) : ue());
|
|
457
457
|
}
|
|
458
458
|
function Ze(e) {
|
|
459
|
-
|
|
459
|
+
w.selectItemById(e);
|
|
460
460
|
}
|
|
461
461
|
function et(e) {
|
|
462
|
-
const a = o.value.find((
|
|
463
|
-
a &&
|
|
462
|
+
const a = o.value.find((i) => i.raw[y.idField.value] === e);
|
|
463
|
+
a && H.clickRowItem(a);
|
|
464
464
|
}
|
|
465
465
|
function tt(e) {
|
|
466
|
-
|
|
466
|
+
H.activeRowById(e);
|
|
467
467
|
}
|
|
468
468
|
function at(e) {
|
|
469
|
-
|
|
469
|
+
w.selectItemByIds(e);
|
|
470
470
|
}
|
|
471
471
|
function lt() {
|
|
472
|
-
return
|
|
472
|
+
return s.getSelectedItems();
|
|
473
473
|
}
|
|
474
474
|
function pe() {
|
|
475
|
-
|
|
475
|
+
s.clearSelection();
|
|
476
476
|
}
|
|
477
477
|
const nt = C(() => !o.value || !o.value.length), {
|
|
478
478
|
renderEmpty: ot
|
|
479
479
|
} = ra(t, c);
|
|
480
480
|
function it() {
|
|
481
|
-
return
|
|
481
|
+
return s.getSelectionRow();
|
|
482
482
|
}
|
|
483
483
|
function ut(e) {
|
|
484
|
-
|
|
484
|
+
w.unSelectItemByIds(e);
|
|
485
485
|
}
|
|
486
486
|
function st() {
|
|
487
|
-
return
|
|
487
|
+
return s.currentSelectedDataId.value;
|
|
488
488
|
}
|
|
489
|
-
function rt(e, a,
|
|
490
|
-
const r = X.value.find((m) => m[
|
|
489
|
+
function rt(e, a, i) {
|
|
490
|
+
const r = X.value.find((m) => m[B.value] === e);
|
|
491
491
|
if (r) {
|
|
492
|
-
if (Object.keys(r).forEach((
|
|
493
|
-
Object.prototype.hasOwnProperty.call(a,
|
|
494
|
-
}),
|
|
492
|
+
if (Object.keys(r).forEach((u) => {
|
|
493
|
+
Object.prototype.hasOwnProperty.call(a, u) && (r[u] = a[u]);
|
|
494
|
+
}), i) {
|
|
495
495
|
const {
|
|
496
|
-
collapseField:
|
|
497
|
-
disabledField:
|
|
498
|
-
checkedField:
|
|
499
|
-
visibleField:
|
|
500
|
-
} =
|
|
501
|
-
|
|
496
|
+
collapseField: u,
|
|
497
|
+
disabledField: F,
|
|
498
|
+
checkedField: R,
|
|
499
|
+
visibleField: x
|
|
500
|
+
} = i;
|
|
501
|
+
u && !b(a[u]) && (r.__fv_collapse__ = a[u]), R && !b(a[R]) && (r.__fv_checked__ = a[R]), F && !b(a[F]) && (r.__fv_disabled__ = a[F]), x && !b(a[x]) && (r.__fv_visible__ = a[x]);
|
|
502
502
|
}
|
|
503
|
-
const m = o.value.find((
|
|
503
|
+
const m = o.value.find((u) => u.raw[B.value] === e), we = o.value.findIndex((u) => u.raw[B.value] === e);
|
|
504
504
|
if (m) {
|
|
505
|
-
if (m.raw = r, Object.keys(m.data).forEach((
|
|
506
|
-
m.data[
|
|
507
|
-
}),
|
|
505
|
+
if (m.raw = r, Object.keys(m.data).forEach((u) => {
|
|
506
|
+
m.data[u].updateData(r);
|
|
507
|
+
}), i) {
|
|
508
508
|
const {
|
|
509
|
-
collapseField:
|
|
510
|
-
disabledField:
|
|
511
|
-
checkedField:
|
|
512
|
-
visibleField:
|
|
513
|
-
} =
|
|
514
|
-
|
|
509
|
+
collapseField: u,
|
|
510
|
+
disabledField: F,
|
|
511
|
+
checkedField: R,
|
|
512
|
+
visibleField: x
|
|
513
|
+
} = i;
|
|
514
|
+
u && !b(a[u]) && (m.collapse = a[u]), R && !b(a[R]) && (m.checked = a[R]), F && !b(a[F]) && (m.disabled = a[F]), x && !b(a[x]) && (m.visible = a[x]);
|
|
515
515
|
}
|
|
516
516
|
o.value = [...o.value.slice(0, we), m, ...o.value.slice(we + 1)], l.updateSummary();
|
|
517
517
|
}
|
|
@@ -521,11 +521,11 @@ const ya = /* @__PURE__ */ It({
|
|
|
521
521
|
return Object.prototype.hasOwnProperty.call(e, "raw") ? l.hasRealChildren(e.raw) : l.hasRealChildren(e);
|
|
522
522
|
}
|
|
523
523
|
function ct(e) {
|
|
524
|
-
const a = l.dataView.value.find((
|
|
525
|
-
return a ? a[
|
|
524
|
+
const a = l.dataView.value.find((i) => i[B.value] === e);
|
|
525
|
+
return a ? a[L.value] : "";
|
|
526
526
|
}
|
|
527
527
|
function ft() {
|
|
528
|
-
return
|
|
528
|
+
return L.value;
|
|
529
529
|
}
|
|
530
530
|
de(() => t.showSetting, (e, a) => {
|
|
531
531
|
e !== a && (e ? W(v) : be(v), re(v.value));
|
|
@@ -534,11 +534,11 @@ const ya = /* @__PURE__ */ It({
|
|
|
534
534
|
return o.value.filter((a) => e.includes(a.raw[t.idField]));
|
|
535
535
|
}
|
|
536
536
|
function yt(e) {
|
|
537
|
-
const a = y.idField.value,
|
|
538
|
-
|
|
537
|
+
const a = y.idField.value, i = o.value.find((r) => r.raw[a] === e);
|
|
538
|
+
i && H.changeRow(i);
|
|
539
539
|
}
|
|
540
540
|
function vt() {
|
|
541
|
-
|
|
541
|
+
s.keepSelectingOnPaging.value || pe(), l.updateVisibleDataSummary(o.value);
|
|
542
542
|
}
|
|
543
543
|
c.expose({
|
|
544
544
|
activeRowById: tt,
|
|
@@ -576,34 +576,34 @@ const ya = /* @__PURE__ */ It({
|
|
|
576
576
|
...ee.value,
|
|
577
577
|
borderRadius: "5px"
|
|
578
578
|
}));
|
|
579
|
-
da(t, c, l, f, E,
|
|
579
|
+
da(t, c, l, f, E, s);
|
|
580
580
|
const ht = C(() => ({
|
|
581
581
|
"d-flex": !0,
|
|
582
|
-
"justify-content-between": d.value &&
|
|
583
|
-
"justify-content-end": d.value && !
|
|
582
|
+
"justify-content-between": d.value && G.value,
|
|
583
|
+
"justify-content-end": d.value && !G.value,
|
|
584
584
|
"position-relative": !0
|
|
585
585
|
})), Ct = C(() => ({
|
|
586
586
|
"d-flex": !0,
|
|
587
587
|
"align-items-center": !0
|
|
588
588
|
})), {
|
|
589
589
|
renderDataGridSummary: wt
|
|
590
|
-
} = ca(t, l,
|
|
590
|
+
} = ca(t, l, k);
|
|
591
591
|
return () => g("div", {
|
|
592
|
-
ref:
|
|
592
|
+
ref: z,
|
|
593
593
|
class: je.value,
|
|
594
594
|
style: pt.value,
|
|
595
595
|
onWheel: Re
|
|
596
596
|
}, [n.value && _e.value && Pe(), g("div", {
|
|
597
597
|
ref: n,
|
|
598
598
|
class: Ve.value,
|
|
599
|
-
onMouseover: () =>
|
|
600
|
-
onMouseleave: () =>
|
|
599
|
+
onMouseover: () => N.value = !0,
|
|
600
|
+
onMouseleave: () => N.value = !1,
|
|
601
601
|
style: gt.value
|
|
602
|
-
}, [n.value && ze(o), n.value && Ne(), n.value && nt.value && ot(), n.value && Te(), n.value && Ae()]), n.value && wt(),
|
|
602
|
+
}, [n.value && ze(o), n.value && Ne(), n.value && nt.value && ot(), n.value && Te(), n.value && Ae()]), n.value && wt(), G.value && g("div", {
|
|
603
603
|
class: ht.value
|
|
604
|
-
}, [
|
|
604
|
+
}, [G.value && g("div", {
|
|
605
605
|
class: Ct.value
|
|
606
|
-
}, [g("div", null, ["已选:" +
|
|
606
|
+
}, [g("div", null, ["已选:" + P.value.length, Ft(" 条")])])]), ke(), Z.value && Me()]);
|
|
607
607
|
}
|
|
608
608
|
}), Ha = bt(ya);
|
|
609
609
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(s,j){typeof exports=="object"&&typeof module<"u"?j(exports,require("../common/index.umd.js"),require("vue"),require("@vueuse/core"),require("lodash-es"),require("../locale/index.umd.js"),require("../data-view/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","@vueuse/core","lodash-es","../locale/index.umd.js","../data-view/index.umd.js"],j):(s=typeof globalThis<"u"?globalThis:s||self,j(s["tree-grid"]={},s.common,s.Vue,s.VueUseCore,s.LodashES,s.locale,s.dataView))})(this,function(s,j,l,Oe,S,ce,o){"use strict";const Be={enable:{type:Boolean,default:!1},index:{type:Number,default:1},mode:{type:String,default:"server"},showGoto:{type:Boolean,default:!1},showIndex:{type:Boolean,default:!0},showLimits:{type:Boolean,default:!1},showPageInfo:{type:Boolean,default:!0},size:{type:Number,default:20},sizeLimits:{type:Array,default:[10,20,30,50,100]},total:{type:Number,default:0}},De={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},Fe={customGroupRow:{type:Function,default:()=>{}},customGroupRowStyle:{type:Function,default:()=>{}},customSummaryStyle:{type:Function,default:()=>{}},enable:{type:Boolean,default:!1},groupColSpan:{type:Number,default:1},groupFields:{type:Array,default:[]},showGroupedColumn:{type:Boolean,default:!0},showGroupPanel:{type:Boolean,default:!1},showSummary:{type:Boolean,default:!1},summaryPosition:{type:String,default:"separate"}},Re={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},je={wrapHeadings:{type:Boolean,default:!1}},Ne={customRowStyle:{type:Function,default:()=>{}},disable:{type:Function,default:()=>{}},height:{type:Number,default:28},showHovering:{type:Boolean,default:!0},wrapContent:{type:Boolean,default:!1}},xe={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},Ge={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}},He={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},Pe={show:{type:Boolean,default:!1},message:{type:String,default:`${ce.LocaleService.getLocaleValue("datagrid.loadingMessage")}...`}},fe={customClass:{type:String,default:""},sort:{type:Object},filter:{type:Object},autoCheckChildren:{type:Boolean,default:!1},columns:{type:Array,default:[]},columnOption:{type:Object},commandOption:{type:Object,default:{enable:!1,commands:[]}},data:{type:Array,default:[]},disabled:{type:Boolean,default:!1},disabledField:{type:String,default:"disabled"},displayField:{type:String,default:"name"},editable:{type:Boolean,default:!1},editOption:{type:Object,default:{selectOnEditing:!1,editMode:"cell"}},fit:{type:Boolean,default:!1},header:{type:Object},height:{type:Number,default:-1},hierarchy:{type:Object,default:{cascadeOption:{autoCancelParent:!0,autoCheckChildren:!1,autoCheckParent:!1,selectionRange:"All"},parentIdField:"parent"}},id:{type:String,default:""},idField:{type:String,default:"id",require:!0},loadData:{type:Function},loading:{type:Boolean,default:!1},minHeight:{type:Number,default:300},minWidth:{type:Number,default:400},newDataItem:{type:Function,default:()=>{}},pagination:{type:Object,default:{enable:!1,size:-1}},rowNumber:{type:Object,default:{enable:!0,width:32,heading:ce.LocaleService.getLocaleValue("datagrid.lineNumberTitle")}},rowOption:{type:Object,default:{wrapContent:!1}},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!1}},selectionValues:{type:Array,default:[]},showBorder:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showHorizontalLines:{type:Boolean,default:!0},showLines:{type:Boolean,default:!1},showOptions:{type:Boolean,default:!1},showScrollBar:{type:String,default:"auto"},showSetting:{type:Boolean,default:!1},showStripe:{type:Boolean,default:!0},showTreeNodeIcons:{type:Boolean,default:!1},showVerticallLines:{type:Boolean,default:!1},treeNodeIconsData:{type:[Object,String],default:{}},width:{type:Number,default:-1},virtualized:{type:Boolean,default:!1},emptyTemplate:{type:Object},summary:{type:Object,default:{enable:!1,groupFields:["numericField1","numericField2"]}}};function _e(t,y,ye,T,w,h,v,I,M,i,O,z,H,u,P,K,L){const{calculateCellPositionInRow:A}=h,{columnContext:C,hasLeftFixedColumn:U,hasRightFixedColumn:Q}=v,{gridDataStyle:X,leftFixedGridDataStyle:a,rightFixedGridDataStyle:Z}=u,{renderDataRow:r}=o.getHierarchyRow(t,y,C,L,I,M,i,O,z,H,u,P,K),N=[r];function _(m,te){const ne=A(m);return L.value.filter(B=>B.visible!==!1).map((B,E)=>N[B.type](B,ne,te,E))}function W(){return l.createVNode("div",{ref:T,class:"fv-grid-content-left-fixed"},[l.createVNode("div",{class:"fv-grid-data",style:a.value},[_(C.value.leftColumns.filter(m=>m.visible),"left")])])}function ee(){return l.createVNode("div",{ref:ye,class:"fv-grid-content-primary"},[l.createVNode("div",{class:"fv-grid-data",style:X.value},[_(C.value.primaryColumns.filter(m=>m.visible),"primary")])])}function b(){return l.createVNode("div",{ref:w,class:"fv-grid-content-right-fixed"},[l.createVNode("div",{class:"fv-grid-data",style:Z.value},[_(C.value.rightColumns.filter(m=>m.visible),"right")])])}function q(){const m=[];return U.value&&m.push(W()),m.push(ee()),Q.value&&m.push(b()),m}return{renderDataArea:q}}const me=l.defineComponent({name:"FTreeGrid",props:fe,emits:["selectionChange","clickRow","expandNode","unSelectItem","dblclickNode","doubleClickRow","unSelectItem","selectItem","filterChanged","sortChanged","selectionUpdate"],setup(t,y){var be,we;const T=((be=t.rowOption)==null?void 0:be.height)||28,w=l.ref(20),h=l.ref(t.columns),v=o.useIdentify(t),{idField:I}=v,M=l.ref(),i=l.ref(),O=l.ref(),z=l.ref(),H=l.ref(),u=l.ref([]),P=l.ref(!1),K=l.ref(((we=t.rowOption)==null?void 0:we.wrapContent)||!1),L=o.useGroupData(t,v),A=o.useFilter(t,y),C=o.useHierarchy(t),{collapseField:U}=C,{showLoading:Q,renderLoading:X}=o.useLoading(t,M),a=o.useDataView(t,new Map,A,C,v),{dataView:Z}=a,r=o.useSelection(t,a,v,u,y),{showSelection:N,selectedValues:_}=r,W=o.useSelectHierarchyItem(t,u,a,v,r,y),ee=l.computed(()=>t.disabled),b=l.computed(()=>t.virtualized?Math.min(a.dataView.value.length,w.value):a.dataView.value.length),q=o.usePagination(t,a),{shouldRenderPagination:m}=q,{containerStyleObject:te}=o.useDataViewContainerStyle(t),ne=o.useCommandColumn(t),{applyCommands:B}=ne;B(h);const{applyColumnSetting:E,removeColumnSetting:Te}=o.useSettingColumn(t);t.showSetting&&E(h);const k=o.useColumn(t,y),le=o.useSort(t),{applyColumnSorter:pe,columnContext:V,updateColumnRenderContext:Me}=k;pe(a,le);const oe=o.useGroupColumn(t,V),x=o.useRow(t,y,r,v),G=o.useEdit(t,y,v,x,u),ae=o.useVisualDataBound(t),ze=o.useVisualDataCell(t,G,ae),Le=o.useVisualDataRow(t,a,G,C,v,ae,ze),ie=o.useVisualData(t,h,a,b,0,Le),{getVisualData:Y}=ie,Ae=o.useCellPosition(t,V),ue=o.useSidebar(t,r),{sidebarWidth:Ue}=ue,p=o.useVirtualScroll(t,a,u,V,ie,b,0,Ue),{onWheel:We,dataGridWidth:ge,viewPortHeight:ve,viewPortWidth:$,resetScroll:se,updateVisibleRowsOnLatestVisibleScope:qe}=p,he=o.useFitColumn(t,V,i,$,oe),{calculateColumnsSize:J}=he,Ce=o.useFilterHistory(),Ee=o.useColumnFilter(i,H,a,Ce,p),Ve=o.useDragColumn(t,y,k,a,oe,L,p),Ye=l.computed(()=>{const e={"fv-grid":!0,"fv-grid-bordered":t.showBorder,"fv-grid-horizontal-bordered":t.showHorizontalLines,"fv-datagrid-strip":t.showStripe};return j.getCustomClass(e,t.customClass)}),$e=l.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":P.value,"fv-grid-wrap-content":K.value})),{renderDataArea:Je}=_e(t,y,O,z,H,Ae,k,a,G,C,x,r,W,p,ie,ae,u),{renderGridHeader:Ke,renderGridColumnResizeOverlay:Qe,shouldShowHeader:Xe}=o.getColumnHeader(t,y,i,z,H,k,a,Ve,Ee,A,Ce,he,oe,r,ue,le,p,$,u),{renderDataGridSidebar:Ze}=o.getSidebar(t,x,r,ue,p),{renderDisableMask:et}=o.getDisableMask(),{renderHorizontalScrollbar:tt}=o.getHorizontalScrollbar(t,i,p),{renderVerticalScrollbar:nt}=o.getVerticalScrollbar(t,i,p);function lt(){var e,n,d;if(i.value&&i.value.clientHeight>0&&((e=i.value)==null?void 0:e.clientWidth)>0){const f=Math.ceil(i.value.clientHeight/T);f>w.value&&(w.value=f,qe()),ve.value=((n=O.value)==null?void 0:n.clientHeight)||0,ge.value=((d=i.value)==null?void 0:d.clientWidth)||0,J()}}l.onMounted(()=>{i.value&&(w.value=Math.max(Math.ceil(i.value.clientHeight/T),w.value),u.value=Y(0,b.value+0-1),Oe.useResizeObserver(i.value,lt),J(),l.nextTick(()=>{i.value&&(ge.value=i.value.clientWidth),O.value&&($.value=O.value.clientWidth,ve.value=O.value.clientHeight)})),Q.value&&X()}),l.onUnmounted(()=>{}),l.watch($,()=>{i.value&&J()});function ot(e){a.collapseTo(e),a.reOrderVisibleIndex(),se()}function at(e){a.expandTo(e),a.reOrderVisibleIndex(),se()}function re(){const e=r.getSelectionRow();return e?e.dataIndex-1:-1}function it(){const e=re();a.insertNewDataItem(e),u.value=Y(0,b.value+0-1)}function ut(){const e=re();a.insertNewChildDataItem(e),u.value=Y(0,b.value+0-1)}function st(e,n){const d=u.value.find(g=>g.raw[I.value]===n),f=d?d.dataIndex-1:-1;a.insertNewChildDataItems(e,f)}function rt(){const e=re(),n=W.getNextSelectableHierarchyItemId(e);a.removeHierarchyDataItem(e),u.value=Y(0,b.value+0-1),n&&r.selectItemById(n)}function dt(e){G.onEditingRow(e)}function ct(e){G.acceptEditingRow(e)}function ft(e){G.cancelEditingRow(e)}function de(e){e&&(h.value=e,B(h),Me(h.value),pe(a,le),J())}l.watch(()=>t.columns,e=>{de(e)});function mt(e,n){e&&(a.load(e),a.reOrderVisibleIndex(),n!=null&&n.keepScrollPosition?p.scrollTo(p.offsetY.value):se())}function yt(e){r.selectItemById(e)}function pt(e){const n=u.value.find(d=>d.raw[v.idField.value]===e);n&&x.clickRowItem(n)}function gt(e){x.activeRowById(e)}function vt(e){r.selectItemByIds(e)}function ht(){return r.getSelectedItems()}function Se(){r.clearSelection()}const Ct=l.computed(()=>!u.value||!u.value.length),{renderEmpty:St}=o.getEmpty(t,y);function bt(){return r.getSelectionRow()}function wt(e){r.unSelectItemByIds(e)}function It(){return r.currentSelectedDataId.value}function Ot(e,n,d){const f=Z.value.find(g=>g[I.value]===e);if(f){if(Object.keys(f).forEach(c=>{Object.prototype.hasOwnProperty.call(n,c)&&(f[c]=n[c])}),d){const{collapseField:c,disabledField:D,checkedField:F,visibleField:R}=d;c&&!S.isUndefined(n[c])&&(f.__fv_collapse__=n[c]),F&&!S.isUndefined(n[F])&&(f.__fv_checked__=n[F]),D&&!S.isUndefined(n[D])&&(f.__fv_disabled__=n[D]),R&&!S.isUndefined(n[R])&&(f.__fv_visible__=n[R])}const g=u.value.find(c=>c.raw[I.value]===e),Ie=u.value.findIndex(c=>c.raw[I.value]===e);if(g){if(g.raw=f,Object.keys(g.data).forEach(c=>{g.data[c].updateData(f)}),d){const{collapseField:c,disabledField:D,checkedField:F,visibleField:R}=d;c&&!S.isUndefined(n[c])&&(g.collapse=n[c]),F&&!S.isUndefined(n[F])&&(g.checked=n[F]),D&&!S.isUndefined(n[D])&&(g.disabled=n[D]),R&&!S.isUndefined(n[R])&&(g.visible=n[R])}u.value=[...u.value.slice(0,Ie),g,...u.value.slice(Ie+1)],a.updateSummary()}}}function Bt(e){return Object.prototype.hasOwnProperty.call(e,"raw")?a.hasRealChildren(e.raw):a.hasRealChildren(e)}function Dt(e){const n=a.dataView.value.find(d=>d[I.value]===e);return n?n[U.value]:""}function Ft(){return U.value}l.watch(()=>t.showSetting,(e,n)=>{e!==n&&(e?E(h):Te(h),de(h.value))});function Rt(e){return u.value.filter(n=>e.includes(n.raw[t.idField]))}function jt(e){const n=v.idField.value,d=u.value.find(f=>f.raw[n]===e);d&&x.changeRow(d)}function Nt(){r.keepSelectingOnPaging.value||Se(),a.updateVisibleDataSummary(u.value)}y.expose({activeRowById:gt,addNewDataItem:it,addNewChildDataItem:ut,addChildrenToNode:st,collapseTo:ot,expandTo:at,removeDataItem:rt,editDataItem:dt,acceptDataItem:ct,cancelDataItem:ft,updateColumns:de,updateDataSource:mt,selectItemById:yt,selectItemByIds:vt,getSelectedItems:ht,clearSelection:Se,getSelectionRow:bt,clickRowItemById:pt,unSelectItemByIds:wt,getCurrentRowId:It,reassignRowData:Ot,hasChildren:Bt,getCollapseField:Ft,getCollapseStatusById:Dt,getVisibleDataByIds:Rt,selectRowById:jt,updateDerivedData:Nt});const xt=l.computed(()=>{const e={};return p.shouldShowHorizontalScrollbar.value&&(e.paddingBottom="10px"),p.shouldShowVirticalScrollbar.value&&(e.paddingRight="10px"),e}),Gt=l.computed(()=>({...te.value,borderRadius:"5px"}));o.getPagination(t,y,a,p,q,r);const Ht=l.computed(()=>({"d-flex":!0,"justify-content-between":m.value&&N.value,"justify-content-end":m.value&&!N.value,"position-relative":!0})),Pt=l.computed(()=>({"d-flex":!0,"align-items-center":!0})),{renderDataGridSummary:_t}=o.getSummary(t,a,k);return()=>l.createVNode("div",{ref:M,class:Ye.value,style:Gt.value,onWheel:We},[i.value&&Xe.value&&Ke(),l.createVNode("div",{ref:i,class:$e.value,onMouseover:()=>P.value=!0,onMouseleave:()=>P.value=!1,style:xt.value},[i.value&&Ze(u),i.value&&Je(),i.value&&Ct.value&&St(),i.value&&tt(),i.value&&nt()]),i.value&&_t(),N.value&&l.createVNode("div",{class:Ht.value},[N.value&&l.createVNode("div",{class:Pt.value},[l.createVNode("div",null,["已选:"+_.value.length,l.createTextVNode(" 条")])])]),Qe(),ee.value&&et()])}}),ke=j.withInstall(me);s.FTreeGrid=me,s.columnOptions=Ge,s.default=ke,s.editOptions=He,s.filterOptions=Re,s.groupOptions=Fe,s.headerOptions=je,s.loadingOptions=Pe,s.paginationOptions=Be,s.rowOptions=Ne,s.sortOptions=De,s.summaryOptions=xe,s.treeGridProps=fe,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(s,N){typeof exports=="object"&&typeof module<"u"?N(exports,require("../common/index.umd.js"),require("vue"),require("@vueuse/core"),require("lodash-es"),require("../locale/index.umd.js"),require("../data-view/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","@vueuse/core","lodash-es","../locale/index.umd.js","../data-view/index.umd.js"],N):(s=typeof globalThis<"u"?globalThis:s||self,N(s["tree-grid"]={},s.common,s.Vue,s.VueUseCore,s.LodashES,s.locale,s.dataView))})(this,function(s,N,l,Oe,S,ce,o){"use strict";const Be={enable:{type:Boolean,default:!1},index:{type:Number,default:1},mode:{type:String,default:"server"},showGoto:{type:Boolean,default:!1},showIndex:{type:Boolean,default:!0},showLimits:{type:Boolean,default:!1},showPageInfo:{type:Boolean,default:!0},size:{type:Number,default:20},sizeLimits:{type:Array,default:[10,20,30,50,100]},total:{type:Number,default:0}},De={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},Fe={customGroupRow:{type:Function,default:()=>{}},customGroupRowStyle:{type:Function,default:()=>{}},customSummaryStyle:{type:Function,default:()=>{}},enable:{type:Boolean,default:!1},groupColSpan:{type:Number,default:1},groupFields:{type:Array,default:[]},showGroupedColumn:{type:Boolean,default:!0},showGroupPanel:{type:Boolean,default:!1},showSummary:{type:Boolean,default:!1},summaryPosition:{type:String,default:"separate"}},Re={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},je={wrapHeadings:{type:Boolean,default:!1}},Ne={customRowStyle:{type:Function,default:()=>{}},disable:{type:Function,default:()=>{}},height:{type:Number,default:28},showHovering:{type:Boolean,default:!0},wrapContent:{type:Boolean,default:!1}},xe={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},Ge={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}},He={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},Pe={show:{type:Boolean,default:!1},message:{type:String,default:`${ce.LocaleService.getLocaleValue("datagrid.loadingMessage")}...`}},fe={customClass:{type:String,default:""},sort:{type:Object},filter:{type:Object},autoCheckChildren:{type:Boolean,default:!1},columns:{type:Array,default:[]},columnOption:{type:Object},commandOption:{type:Object,default:{enable:!1,commands:[]}},data:{type:Array,default:[]},disabled:{type:Boolean,default:!1},disabledField:{type:String,default:"disabled"},displayField:{type:String,default:"name"},editable:{type:Boolean,default:!1},editOption:{type:Object,default:{selectOnEditing:!1,editMode:"cell"}},fit:{type:Boolean,default:!1},header:{type:Object},height:{type:Number,default:-1},hierarchy:{type:Object,default:{cascadeOption:{autoCancelParent:!0,autoCheckChildren:!1,autoCheckParent:!1,selectionRange:"All"},parentIdField:"parent"}},id:{type:String,default:""},idField:{type:String,default:"id",require:!0},loadData:{type:Function},loading:{type:Boolean,default:!1},minHeight:{type:Number,default:300},minWidth:{type:Number,default:400},newDataItem:{type:Function,default:()=>{}},pagination:{type:Object,default:{enable:!1,size:-1}},rowNumber:{type:Object,default:{enable:!0,width:32,heading:ce.LocaleService.getLocaleValue("datagrid.lineNumberTitle")}},rowOption:{type:Object,default:{wrapContent:!1}},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!1}},selectionValues:{type:Array,default:[]},showBorder:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showHorizontalLines:{type:Boolean,default:!0},showLines:{type:Boolean,default:!1},showOptions:{type:Boolean,default:!1},showScrollBar:{type:String,default:"auto"},showSetting:{type:Boolean,default:!1},showStripe:{type:Boolean,default:!0},showTreeNodeIcons:{type:Boolean,default:!1},showVerticallLines:{type:Boolean,default:!1},treeNodeIconsData:{type:[Object,String],default:{}},width:{type:Number,default:-1},virtualized:{type:Boolean,default:!1},emptyTemplate:{type:Object},summary:{type:Object,default:{enable:!1,groupFields:["numericField1","numericField2"]}}};function _e(t,y,ye,M,I,h,v,O,z,i,B,L,P,u,_,K,A){const{calculateCellPositionInRow:U}=h,{columnContext:C,hasLeftFixedColumn:W,hasRightFixedColumn:Q}=v,{gridDataStyle:X,leftFixedGridDataStyle:a,rightFixedGridDataStyle:Z}=u,{renderDataRow:c}=o.getHierarchyRow(t,y,C,A,O,z,i,B,L,P,u,_,K),x=[c];function k(m,te){const ne=U(m);return A.value.filter(D=>D.visible!==!1).map((D,E)=>x[D.type](D,ne,te,E))}function b(){return l.createVNode("div",{ref:M,class:"fv-grid-content-left-fixed"},[l.createVNode("div",{class:"fv-grid-data",style:a.value},[k(C.value.leftColumns.filter(m=>m.visible),"left")])])}function ee(){return l.createVNode("div",{ref:ye,class:"fv-grid-content-primary"},[l.createVNode("div",{class:"fv-grid-data",style:X.value},[k(C.value.primaryColumns.filter(m=>m.visible),"primary")])])}function w(){return l.createVNode("div",{ref:I,class:"fv-grid-content-right-fixed"},[l.createVNode("div",{class:"fv-grid-data",style:Z.value},[k(C.value.rightColumns.filter(m=>m.visible),"right")])])}function q(){const m=[];return W.value&&m.push(b()),m.push(ee()),Q.value&&m.push(w()),m}return{renderDataArea:q}}const me=l.defineComponent({name:"FTreeGrid",props:fe,emits:["selectionChange","clickRow","expandNode","unSelectItem","dblclickNode","doubleClickRow","unSelectItem","selectItem","filterChanged","sortChanged","selectionUpdate"],setup(t,y){var be,we;const M=((be=t.rowOption)==null?void 0:be.height)||28,I=l.ref(20),h=l.ref(t.columns),v=o.useIdentify(t),{idField:O}=v,z=l.ref(),i=l.ref(),B=l.ref(),L=l.ref(),P=l.ref(),u=l.ref([]),_=l.ref(!1),K=l.ref(((we=t.rowOption)==null?void 0:we.wrapContent)||!1),A=o.useGroupData(t,v),U=o.useFilter(t,y),C=o.useHierarchy(t),{collapseField:W}=C,{showLoading:Q,renderLoading:X}=o.useLoading(t,z),a=o.useDataView(t,new Map,U,C,v),{dataView:Z}=a,c=o.useSelection(t,a,v,u,y),{showSelection:x,selectedValues:k}=c,b=o.useSelectHierarchyItem(t,u,a,v,c,y),ee=l.computed(()=>t.disabled),w=l.computed(()=>t.virtualized?Math.min(a.dataView.value.length,I.value):a.dataView.value.length),q=o.usePagination(t,a),{shouldRenderPagination:m}=q,{containerStyleObject:te}=o.useDataViewContainerStyle(t),ne=o.useCommandColumn(t),{applyCommands:D}=ne;D(h);const{applyColumnSetting:E,removeColumnSetting:Te}=o.useSettingColumn(t);t.showSetting&&E(h);const T=o.useColumn(t,y),le=o.useSort(t),{applyColumnSorter:pe,columnContext:V,updateColumnRenderContext:Me}=T;pe(a,le);const oe=o.useGroupColumn(t,V),G=o.useRow(t,y,c,v),H=o.useEdit(t,y,v,G,u),ae=o.useVisualDataBound(t),ze=o.useVisualDataCell(t,H,ae),Le=o.useVisualDataRow(t,a,H,C,v,ae,ze),ie=o.useVisualData(t,h,a,w,0,Le),{getVisualData:Y}=ie,Ae=o.useCellPosition(t,V),ue=o.useSidebar(t,c),{sidebarWidth:Ue}=ue,p=o.useVirtualScroll(t,a,u,V,ie,w,0,Ue),{onWheel:We,dataGridWidth:ge,viewPortHeight:ve,viewPortWidth:$,resetScroll:se,updateVisibleRowsOnLatestVisibleScope:qe}=p,he=o.useFitColumn(t,V,i,$,oe),{calculateColumnsSize:J}=he,Ce=o.useFilterHistory(),Ee=o.useColumnFilter(i,P,a,Ce,p),Ve=o.useDragColumn(t,y,T,a,oe,A,p),Ye=l.computed(()=>{const e={"fv-grid":!0,"fv-grid-bordered":t.showBorder,"fv-grid-horizontal-bordered":t.showHorizontalLines,"fv-datagrid-strip":t.showStripe};return N.getCustomClass(e,t.customClass)}),$e=l.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":_.value,"fv-grid-wrap-content":K.value})),{renderDataArea:Je}=_e(t,y,B,L,P,Ae,T,a,H,C,G,c,b,p,ie,ae,u),{renderGridHeader:Ke,renderGridColumnResizeOverlay:Qe,shouldShowHeader:Xe}=o.getColumnHeader(t,y,i,L,P,T,a,Ve,Ee,U,Ce,he,oe,c,ue,le,p,$,u),{renderDataGridSidebar:Ze}=o.getSidebar(t,G,c,ue,p),{renderDisableMask:et}=o.getDisableMask(),{renderHorizontalScrollbar:tt}=o.getHorizontalScrollbar(t,i,p),{renderVerticalScrollbar:nt}=o.getVerticalScrollbar(t,i,p);function lt(){var e,n,r;if(i.value&&i.value.clientHeight>0&&((e=i.value)==null?void 0:e.clientWidth)>0){const f=Math.ceil(i.value.clientHeight/M);f>I.value&&(I.value=f,qe()),ve.value=((n=B.value)==null?void 0:n.clientHeight)||0,ge.value=((r=i.value)==null?void 0:r.clientWidth)||0,J()}}l.onMounted(()=>{i.value&&(I.value=Math.max(Math.ceil(i.value.clientHeight/M),I.value),u.value=Y(0,w.value+0-1),Oe.useResizeObserver(i.value,lt),J(),l.nextTick(()=>{i.value&&(ge.value=i.value.clientWidth),B.value&&($.value=B.value.clientWidth,ve.value=B.value.clientHeight)})),Q.value&&X()}),l.onUnmounted(()=>{}),l.watch($,()=>{i.value&&J()});function ot(e){a.collapseTo(e),a.reOrderVisibleIndex(),se()}function at(e){a.expandTo(e),a.reOrderVisibleIndex(),se()}function re(){const e=c.getSelectionRow();return e?e.dataIndex-1:-1}function it(){const e=re();a.insertNewDataItem(e),u.value=Y(0,w.value+0-1)}function ut(){const e=re();a.insertNewChildDataItem(e),u.value=Y(0,w.value+0-1)}function st(e,n){const r=u.value.find(g=>g.raw[O.value]===n),f=r?r.dataIndex-1:-1;a.insertNewChildDataItems(e,f)}function rt(){const e=re(),n=b.getNextSelectableHierarchyItemId(e);a.removeHierarchyDataItem(e),u.value=Y(0,w.value+0-1),n&&b.selectItemById(n)}function dt(e){H.onEditingRow(e)}function ct(e){H.acceptEditingRow(e)}function ft(e){H.cancelEditingRow(e)}function de(e){e&&(h.value=e,D(h),Me(h.value),pe(a,le),J())}l.watch(()=>t.columns,e=>{de(e)});function mt(e,n){e&&(a.load(e),a.reOrderVisibleIndex(),n!=null&&n.keepScrollPosition?p.scrollTo(p.offsetY.value):se())}function yt(e){b.selectItemById(e)}function pt(e){const n=u.value.find(r=>r.raw[v.idField.value]===e);n&&G.clickRowItem(n)}function gt(e){G.activeRowById(e)}function vt(e){b.selectItemByIds(e)}function ht(){return c.getSelectedItems()}function Se(){c.clearSelection()}const Ct=l.computed(()=>!u.value||!u.value.length),{renderEmpty:St}=o.getEmpty(t,y);function bt(){return c.getSelectionRow()}function wt(e){b.unSelectItemByIds(e)}function It(){return c.currentSelectedDataId.value}function Ot(e,n,r){const f=Z.value.find(g=>g[O.value]===e);if(f){if(Object.keys(f).forEach(d=>{Object.prototype.hasOwnProperty.call(n,d)&&(f[d]=n[d])}),r){const{collapseField:d,disabledField:F,checkedField:R,visibleField:j}=r;d&&!S.isUndefined(n[d])&&(f.__fv_collapse__=n[d]),R&&!S.isUndefined(n[R])&&(f.__fv_checked__=n[R]),F&&!S.isUndefined(n[F])&&(f.__fv_disabled__=n[F]),j&&!S.isUndefined(n[j])&&(f.__fv_visible__=n[j])}const g=u.value.find(d=>d.raw[O.value]===e),Ie=u.value.findIndex(d=>d.raw[O.value]===e);if(g){if(g.raw=f,Object.keys(g.data).forEach(d=>{g.data[d].updateData(f)}),r){const{collapseField:d,disabledField:F,checkedField:R,visibleField:j}=r;d&&!S.isUndefined(n[d])&&(g.collapse=n[d]),R&&!S.isUndefined(n[R])&&(g.checked=n[R]),F&&!S.isUndefined(n[F])&&(g.disabled=n[F]),j&&!S.isUndefined(n[j])&&(g.visible=n[j])}u.value=[...u.value.slice(0,Ie),g,...u.value.slice(Ie+1)],a.updateSummary()}}}function Bt(e){return Object.prototype.hasOwnProperty.call(e,"raw")?a.hasRealChildren(e.raw):a.hasRealChildren(e)}function Dt(e){const n=a.dataView.value.find(r=>r[O.value]===e);return n?n[W.value]:""}function Ft(){return W.value}l.watch(()=>t.showSetting,(e,n)=>{e!==n&&(e?E(h):Te(h),de(h.value))});function Rt(e){return u.value.filter(n=>e.includes(n.raw[t.idField]))}function jt(e){const n=v.idField.value,r=u.value.find(f=>f.raw[n]===e);r&&G.changeRow(r)}function Nt(){c.keepSelectingOnPaging.value||Se(),a.updateVisibleDataSummary(u.value)}y.expose({activeRowById:gt,addNewDataItem:it,addNewChildDataItem:ut,addChildrenToNode:st,collapseTo:ot,expandTo:at,removeDataItem:rt,editDataItem:dt,acceptDataItem:ct,cancelDataItem:ft,updateColumns:de,updateDataSource:mt,selectItemById:yt,selectItemByIds:vt,getSelectedItems:ht,clearSelection:Se,getSelectionRow:bt,clickRowItemById:pt,unSelectItemByIds:wt,getCurrentRowId:It,reassignRowData:Ot,hasChildren:Bt,getCollapseField:Ft,getCollapseStatusById:Dt,getVisibleDataByIds:Rt,selectRowById:jt,updateDerivedData:Nt});const xt=l.computed(()=>{const e={};return p.shouldShowHorizontalScrollbar.value&&(e.paddingBottom="10px"),p.shouldShowVirticalScrollbar.value&&(e.paddingRight="10px"),e}),Gt=l.computed(()=>({...te.value,borderRadius:"5px"}));o.getPagination(t,y,a,p,q,c);const Ht=l.computed(()=>({"d-flex":!0,"justify-content-between":m.value&&x.value,"justify-content-end":m.value&&!x.value,"position-relative":!0})),Pt=l.computed(()=>({"d-flex":!0,"align-items-center":!0})),{renderDataGridSummary:_t}=o.getSummary(t,a,T);return()=>l.createVNode("div",{ref:z,class:Ye.value,style:Gt.value,onWheel:We},[i.value&&Xe.value&&Ke(),l.createVNode("div",{ref:i,class:$e.value,onMouseover:()=>_.value=!0,onMouseleave:()=>_.value=!1,style:xt.value},[i.value&&Ze(u),i.value&&Je(),i.value&&Ct.value&&St(),i.value&&tt(),i.value&&nt()]),i.value&&_t(),x.value&&l.createVNode("div",{class:Ht.value},[x.value&&l.createVNode("div",{class:Pt.value},[l.createVNode("div",null,["已选:"+k.value.length,l.createTextVNode(" 条")])])]),Qe(),ee.value&&et()])}}),ke=N.withInstall(me);s.FTreeGrid=me,s.columnOptions=Ge,s.default=ke,s.editOptions=He,s.filterOptions=Re,s.groupOptions=Fe,s.headerOptions=je,s.loadingOptions=Pe,s.paginationOptions=Be,s.rowOptions=Ne,s.sortOptions=De,s.summaryOptions=xe,s.treeGridProps=fe,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|