@farris/ui-vue 1.8.0-alpha.0 → 1.8.0-beta.1
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 +138 -1526
- package/components/avatar/index.umd.cjs +1 -6
- package/components/button/index.css +1 -1
- package/components/button/index.esm.js +15951 -15410
- package/components/button/index.umd.cjs +27 -27
- package/components/calendar/index.esm.js +269 -255
- package/components/calendar/index.umd.cjs +3 -3
- package/components/collection-property-editor/index.esm.js +243 -229
- package/components/collection-property-editor/index.umd.cjs +2 -2
- package/components/combo-list/index.esm.js +32 -32
- package/components/combo-list/index.umd.cjs +1 -1
- package/components/comment/index.esm.js +473 -456
- package/components/comment/index.umd.cjs +6 -6
- package/components/component/index.css +1 -1
- package/components/component/index.esm.js +2503 -2239
- package/components/component/index.umd.cjs +2 -2
- package/components/condition/index.esm.js +1064 -954
- package/components/condition/index.umd.cjs +2 -2
- package/components/data-grid/index.esm.js +1 -1
- package/components/data-grid/index.umd.cjs +1 -1
- package/components/designer-canvas/index.css +1 -1
- package/components/designer-canvas/index.esm.js +3894 -3058
- package/components/designer-canvas/index.umd.cjs +1 -1
- package/components/drawer/index.esm.js +91 -77
- package/components/drawer/index.umd.cjs +2 -2
- package/components/dynamic-form/index.esm.js +220 -215
- package/components/dynamic-form/index.umd.cjs +1 -1
- package/components/dynamic-resolver/index.esm.js +145 -131
- package/components/dynamic-resolver/index.umd.cjs +2 -2
- package/components/dynamic-view/index.esm.js +336 -329
- package/components/dynamic-view/index.umd.cjs +1 -1
- package/components/events-editor/index.esm.js +1611 -1536
- package/components/events-editor/index.umd.cjs +3 -3
- package/components/expression-editor/index.esm.js +219 -219
- package/components/expression-editor/index.umd.cjs +2 -2
- package/components/external-container/index.esm.js +179 -178
- package/components/external-container/index.umd.cjs +1 -1
- package/components/fieldset/index.esm.js +285 -221
- package/components/fieldset/index.umd.cjs +1 -1
- package/components/filter-bar/index.css +1 -0
- package/components/filter-bar/index.esm.js +1512 -1290
- package/components/filter-bar/index.umd.cjs +7 -7
- package/components/filter-condition-editor/index.esm.js +851 -831
- package/components/filter-condition-editor/index.umd.cjs +3 -3
- package/components/flow-canvas/index.esm.js +520 -501
- package/components/flow-canvas/index.umd.cjs +8 -8
- package/components/image/index.esm.js +101 -79
- package/components/image/index.umd.cjs +3 -3
- package/components/language-textbox/index.esm.js +330 -251
- package/components/language-textbox/index.umd.cjs +2 -2
- package/components/list-nav/index.esm.js +399 -313
- package/components/list-nav/index.umd.cjs +1 -1
- package/components/locale/index.esm.js +3 -0
- package/components/locale/index.umd.cjs +1 -1
- package/components/lookup/index.esm.js +997 -976
- package/components/lookup/index.umd.cjs +2 -2
- package/components/mapping-editor/index.esm.js +725 -705
- package/components/mapping-editor/index.umd.cjs +1 -1
- package/components/message-box/index.esm.js +542 -522
- package/components/message-box/index.umd.cjs +1 -1
- package/components/nav/index.esm.js +95 -308
- package/components/nav/index.umd.cjs +1 -1
- package/components/number-range/index.esm.js +115 -107
- package/components/number-range/index.umd.cjs +2 -2
- package/components/order/index.esm.js +56 -54
- package/components/order/index.umd.cjs +1 -1
- package/components/page-footer/index.esm.js +135 -123
- package/components/page-footer/index.umd.cjs +1 -1
- package/components/page-header/index.esm.js +266 -222
- package/components/page-header/index.umd.cjs +1 -1
- package/components/property-panel/index.esm.js +402 -375
- package/components/property-panel/index.umd.cjs +4 -4
- package/components/query-solution/index.esm.js +3171 -3061
- package/components/query-solution/index.umd.cjs +7 -7
- 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 +1620 -1608
- package/components/schema-selector/index.umd.cjs +5 -5
- package/components/scroll-navbar/index.esm.js +150 -136
- package/components/scroll-navbar/index.umd.cjs +2 -2
- package/components/section/index.esm.js +323 -311
- package/components/section/index.umd.cjs +2 -2
- package/components/sort-condition-editor/index.esm.js +850 -830
- package/components/sort-condition-editor/index.umd.cjs +3 -3
- package/components/step/index.esm.js +991 -224
- package/components/step/index.umd.cjs +1 -1
- package/components/tabs/index.esm.js +356 -334
- package/components/tabs/index.umd.cjs +1 -1
- package/components/wizard/index.esm.js +159 -162
- package/components/wizard/index.umd.cjs +1 -1
- package/designer/avatar/index.esm.js +1721 -0
- package/designer/avatar/index.umd.cjs +6 -0
- package/designer/button-edit/index.esm.js +2 -1
- package/designer/button-edit/index.umd.cjs +1 -1
- package/designer/data-grid/index.esm.js +693 -659
- package/designer/data-grid/index.umd.cjs +6 -6
- package/designer/data-view/index.esm.js +90 -78
- package/designer/data-view/index.umd.cjs +2 -2
- package/designer/date-picker/index.esm.js +203 -203
- package/designer/date-picker/index.umd.cjs +1 -1
- package/designer/drawer/index.esm.js +181 -167
- package/designer/drawer/index.umd.cjs +2 -2
- package/designer/dynamic-form/index.esm.js +228 -206
- package/designer/dynamic-form/index.umd.cjs +2 -2
- package/designer/farris-designer.all.esm.js +10014 -9692
- package/designer/farris-designer.all.umd.cjs +18 -18
- package/designer/index.css +1 -1
- package/designer/input-group/index.esm.js +15 -15
- package/designer/input-group/index.umd.cjs +1 -1
- package/designer/nav/index.esm.js +1719 -0
- package/designer/nav/index.umd.cjs +6 -0
- package/designer/number-spinner/index.esm.js +8 -7
- package/designer/number-spinner/index.umd.cjs +1 -1
- package/designer/radio-group/index.esm.js +133 -125
- package/designer/radio-group/index.umd.cjs +2 -2
- package/designer/response-toolbar/index.esm.js +864 -863
- package/designer/response-toolbar/index.umd.cjs +1 -1
- package/designer/section/index.esm.js +245 -183
- package/designer/section/index.umd.cjs +1 -1
- package/designer/tabs/index.css +1 -1
- package/designer/tabs/index.esm.js +3667 -2810
- package/designer/tabs/index.umd.cjs +2 -2
- package/designer/time-picker/index.esm.js +26 -17
- package/designer/time-picker/index.umd.cjs +2 -2
- package/designer/tree-grid/index.esm.js +69 -37
- package/designer/tree-grid/index.umd.cjs +1 -1
- package/designer/wizard/index.esm.js +110 -110
- package/designer/wizard/index.umd.cjs +3 -3
- package/farris.all.esm.js +39993 -39089
- package/farris.all.umd.cjs +36 -36
- package/index.css +1 -1
- package/locales/filter-bar/ui/en.json +1 -0
- package/locales/filter-bar/ui/zh-CHS.json +1 -0
- package/locales/filter-bar/ui/zh-CHT.json +1 -0
- package/locales/ui/en.json +1 -0
- package/locales/ui/zh-CHS.json +1 -0
- package/locales/ui/zh-CHT.json +1 -0
- package/package.json +1 -1
- package/types/avatar/designer.d.ts +28 -0
- package/types/avatar/index.d.ts +0 -15
- package/types/avatar/src/composition/types.d.ts +3 -0
- package/types/avatar/src/composition/use-file.d.ts +19 -0
- package/types/avatar/src/composition/use-image.d.ts +1 -1
- package/types/avatar/src/designer/avatar.design.props.d.ts +24 -0
- package/types/avatar/src/property-config/avatar.property-config.d.ts +11 -13
- package/types/avatar/src/schema/schema-mapper.d.ts +2 -0
- package/types/components.d.ts +3 -0
- package/types/condition/index.d.ts +18 -6
- package/types/condition/src/condition-fields.component.d.ts +9 -3
- package/types/condition/src/condition-fields.design.component.d.ts +9 -3
- package/types/condition/src/condition-list.component.d.ts +9 -3
- package/types/condition/src/condition.props.d.ts +11 -0
- package/types/data-view/designer/property-config/use-appearance.d.ts +17 -10
- package/types/data-view/designer/property-config/use-pagination.d.ts +0 -6
- package/types/designer-canvas/src/composition/dg-control.d.ts +13 -0
- package/types/dynamic-form/src/component/dynamic-form-label/dynamic-form-label.component.d.ts +3 -0
- package/types/dynamic-form/src/component/dynamic-form-label/dynamic-form-label.props.d.ts +4 -0
- package/types/dynamic-resolver/src/converter/tree-auto-check.converter.d.ts +3 -0
- package/types/dynamic-view/src/components/maps.d.ts +130 -4
- package/types/filter-bar/src/composition/types.d.ts +2 -0
- package/types/filter-bar/src/filter-bar.props.d.ts +0 -1
- package/types/filter-bar/src/locale/locale.d.ts +2 -1
- package/types/filter-bar/src/property-config/filter-bar.property-config.d.ts +0 -1
- package/types/language-textbox/index.d.ts +65 -2
- package/types/language-textbox/src/designer/language-textbox.design.component.d.ts +36 -0
- package/types/language-textbox/src/language-textbox.component.d.ts +38 -1
- package/types/language-textbox/src/language-textbox.props.d.ts +20 -0
- package/types/lookup/src/components/popup-container.component.d.ts +3 -3
- package/types/lookup/src/composition/use-compat.d.ts +28 -0
- package/types/lookup/src/composition/use-state.d.ts +1 -0
- package/types/message-box/src/message-box.service.d.ts +2 -1
- package/types/nav/designer.d.ts +28 -0
- package/types/nav/index.d.ts +24 -20
- package/types/nav/src/designer/nav.design.props.d.ts +29 -0
- package/types/nav/src/designer/use-design-rules.d.ts +3 -0
- package/types/nav/src/property-config/nav.property-config.d.ts +9 -0
- package/types/nav/src/schema/schema-mapper.d.ts +4 -0
- package/types/page-footer/src/designer/use-designer-rules.d.ts +2 -2
- package/types/page-header/src/designer/use-designer-rules.d.ts +2 -2
- package/types/property-panel/src/composition/entity/input-base-property.d.ts +1 -0
- package/types/query-solution/src/designer/query-solution-config/composition/use-util.d.ts +1 -1
- package/types/query-solution/src/designer/query-solution-config/query-solution-config.props.d.ts +1 -1
- package/types/section/src/designer/section.design.props.d.ts +4 -0
- package/types/section/src/property-config/section.property-config.d.ts +39 -0
- package/types/section/src/schema/toolbar-resolver.d.ts +0 -1
- package/types/step/src/designer/use-designer-rules.d.ts +3 -0
- package/types/step/src/designer/use-step-creator.d.ts +6 -0
- package/types/step/src/property-config/step.property-config.d.ts +15 -0
- package/types/step/src/schema/schema-resolver.d.ts +2 -1
- package/types/tabs/src/composition/types.d.ts +4 -0
- package/types/tabs/src/tabs.props.d.ts +6 -0
- package/types/tooltip/index.d.ts +3 -3
- package/types/tooltip/src/tooltip.component.d.ts +2 -2
|
@@ -3,7 +3,7 @@ import { createVNode as G, defineComponent as ke, ref as C, computed as T, onMou
|
|
|
3
3
|
import { useResizeObserver as He } from "@vueuse/core";
|
|
4
4
|
import { isUndefined as L } from "lodash-es";
|
|
5
5
|
import { LocaleService as ao } from "../../components/locale/index.esm.js";
|
|
6
|
-
import { getHierarchyRow as lo, useIdentify as xe, useGroupData as ro, useFilter as Ne, useHierarchy as Ae, useLoading as so, useDataView as Ee, useSelection as ze, useSelectHierarchyItem as co, usePagination as uo, useDataViewContainerStyle as We, useCommandColumn as _e, useSettingColumn as po, useColumn as fo, useSort as $e, useGroupColumn as Le, useRow as Ue, useEdit as qe, useVisualDataBound as Ye, useVisualDataCell as Je, useVisualDataRow as Ke, useVisualData as mo, useCellPosition as yo, useSidebar as Qe, useVirtualScroll as Xe, useFitColumn as go, useFilterHistory as Co, useColumnFilter as
|
|
6
|
+
import { getHierarchyRow as lo, useIdentify as xe, useGroupData as ro, useFilter as Ne, useHierarchy as Ae, useLoading as so, useDataView as Ee, useSelection as ze, useSelectHierarchyItem as co, usePagination as uo, useDataViewContainerStyle as We, useCommandColumn as _e, useSettingColumn as po, useColumn as fo, useSort as $e, useGroupColumn as Le, useRow as Ue, useEdit as qe, useVisualDataBound as Ye, useVisualDataCell as Je, useVisualDataRow as Ke, useVisualData as mo, useCellPosition as yo, useSidebar as Qe, useVirtualScroll as Xe, useFitColumn as go, useFilterHistory as Co, useColumnFilter as ho, useDragColumn as vo, getColumnHeader as bo, getSidebar as wo, getDisableMask as So, getHorizontalScrollbar as Ze, getVerticalScrollbar as Io, getEmpty as Ro, useAdapt as Bo, getPagination as Oo, getSummary as Do } from "../../components/data-view/index.esm.js";
|
|
7
7
|
import { resolveAppearance as Fo, createPropsResolver as et, createTreeGridSelectionItemResolver as Po, createTreeGridBindingResolver as Go, createDataViewUpdateColumnsResolver as jo } from "../../components/dynamic-resolver/index.esm.js";
|
|
8
8
|
import { treeGridProps as tt } from "../../components/tree-grid/index.esm.js";
|
|
9
9
|
import { getColumnHeader as To } from "../data-grid/index.esm.js";
|
|
@@ -295,8 +295,8 @@ function Yo(e, t, u, l, p, s, d, f, r, a, g, m, D, c, B, E, w) {
|
|
|
295
295
|
} = c, {
|
|
296
296
|
renderDataRow: y
|
|
297
297
|
} = lo(e, t, S, w, f, r, a, g, m, D, c, B, E), x = [y];
|
|
298
|
-
function U(
|
|
299
|
-
const Z = k(
|
|
298
|
+
function U(h, X) {
|
|
299
|
+
const Z = k(h);
|
|
300
300
|
return w.value.filter((N) => N.visible !== !1).map((N, ee) => x[N.type](N, Z, X, ee));
|
|
301
301
|
}
|
|
302
302
|
function F() {
|
|
@@ -306,7 +306,7 @@ function Yo(e, t, u, l, p, s, d, f, r, a, g, m, D, c, B, E, w) {
|
|
|
306
306
|
}, [G("div", {
|
|
307
307
|
class: "fv-grid-data",
|
|
308
308
|
style: n.value
|
|
309
|
-
}, [U(S.value.leftColumns.filter((
|
|
309
|
+
}, [U(S.value.leftColumns.filter((h) => h.visible), "left")])]);
|
|
310
310
|
}
|
|
311
311
|
function ae() {
|
|
312
312
|
return G("div", {
|
|
@@ -315,7 +315,7 @@ function Yo(e, t, u, l, p, s, d, f, r, a, g, m, D, c, B, E, w) {
|
|
|
315
315
|
}, [G("div", {
|
|
316
316
|
class: "fv-grid-data",
|
|
317
317
|
style: M.value
|
|
318
|
-
}, [U(S.value.primaryColumns.filter((
|
|
318
|
+
}, [U(S.value.primaryColumns.filter((h) => h.visible), "primary")])]);
|
|
319
319
|
}
|
|
320
320
|
function V() {
|
|
321
321
|
return G("div", {
|
|
@@ -324,11 +324,11 @@ function Yo(e, t, u, l, p, s, d, f, r, a, g, m, D, c, B, E, w) {
|
|
|
324
324
|
}, [G("div", {
|
|
325
325
|
class: "fv-grid-data",
|
|
326
326
|
style: W.value
|
|
327
|
-
}, [U(S.value.rightColumns.filter((
|
|
327
|
+
}, [U(S.value.rightColumns.filter((h) => h.visible), "right")])]);
|
|
328
328
|
}
|
|
329
329
|
function q() {
|
|
330
|
-
const
|
|
331
|
-
return O.value &&
|
|
330
|
+
const h = [];
|
|
331
|
+
return O.value && h.push(F()), h.push(ae()), z.value && h.push(V()), h;
|
|
332
332
|
}
|
|
333
333
|
return {
|
|
334
334
|
renderDataArea: q
|
|
@@ -353,7 +353,7 @@ const Jo = /* @__PURE__ */ ke({
|
|
|
353
353
|
showSelection: x,
|
|
354
354
|
selectedValues: U
|
|
355
355
|
} = y, F = co(e, c, n, d, y, t), ae = T(() => e.disabled), V = T(() => e.virtualized ? Math.min(n.dataView.value.length, p.value) : n.dataView.value.length), q = uo(e, n), {
|
|
356
|
-
shouldRenderPagination:
|
|
356
|
+
shouldRenderPagination: h
|
|
357
357
|
} = q, {
|
|
358
358
|
containerStyleObject: X
|
|
359
359
|
} = We(e), Z = _e(e), {
|
|
@@ -368,10 +368,10 @@ const Jo = /* @__PURE__ */ ke({
|
|
|
368
368
|
const _ = fo(e, t), le = $e(e), {
|
|
369
369
|
applyColumnSorter: me,
|
|
370
370
|
columnContext: $,
|
|
371
|
-
updateColumnRenderContext:
|
|
371
|
+
updateColumnRenderContext: he
|
|
372
372
|
} = _;
|
|
373
373
|
me(n, le);
|
|
374
|
-
const te = Le(e, $), A = Ue(e, t, y, d), H = qe(e, t, d, A, c), re = Ye(e),
|
|
374
|
+
const te = Le(e, $), A = Ue(e, t, y, d), H = qe(e, t, d, A, c), re = Ye(e), ve = Je(e, H, re), oe = Ke(e, n, H, S, d, re, ve), se = mo(e, s, n, V, 0, oe), {
|
|
375
375
|
getVisualData: ne
|
|
376
376
|
} = se, be = yo(e, $), de = Qe(e, y), {
|
|
377
377
|
sidebarWidth: we
|
|
@@ -384,7 +384,7 @@ const Jo = /* @__PURE__ */ ke({
|
|
|
384
384
|
updateVisibleRowsOnLatestVisibleScope: lt
|
|
385
385
|
} = I, Be = go(e, $, a, Y, te), {
|
|
386
386
|
calculateColumnsSize: ue
|
|
387
|
-
} = Be, Oe = Co(), rt =
|
|
387
|
+
} = Be, Oe = Co(), rt = ho(a, D, n, Oe, I), st = vo(e, t, _, n, te, w, I), dt = T(() => {
|
|
388
388
|
const o = {
|
|
389
389
|
"fv-grid": !0,
|
|
390
390
|
"fv-grid-bordered": e.showBorder,
|
|
@@ -409,18 +409,18 @@ const Jo = /* @__PURE__ */ ke({
|
|
|
409
409
|
} = So(), {
|
|
410
410
|
renderHorizontalScrollbar: Ct
|
|
411
411
|
} = Ze(e, a, I), {
|
|
412
|
-
renderVerticalScrollbar:
|
|
412
|
+
renderVerticalScrollbar: ht
|
|
413
413
|
} = Io(e, a, I);
|
|
414
|
-
function
|
|
415
|
-
var o, i,
|
|
414
|
+
function vt() {
|
|
415
|
+
var o, i, v;
|
|
416
416
|
if (a.value && a.value.clientHeight > 0 && ((o = a.value) == null ? void 0 : o.clientWidth) > 0) {
|
|
417
417
|
const R = Math.ceil(a.value.clientHeight / l);
|
|
418
|
-
R > p.value && (p.value = R, lt()), j.value = ((i = g.value) == null ? void 0 : i.clientHeight) || 0, ce.value = ((
|
|
418
|
+
R > p.value && (p.value = R, lt()), j.value = ((i = g.value) == null ? void 0 : i.clientHeight) || 0, ce.value = ((v = a.value) == null ? void 0 : v.clientWidth) || 0;
|
|
419
419
|
}
|
|
420
420
|
a.value && (a.value.clientHeight > 0 || a.value.clientWidth > 0) && ue();
|
|
421
421
|
}
|
|
422
422
|
Me(() => {
|
|
423
|
-
a.value && (p.value = Math.max(Math.ceil(a.value.clientHeight / l), p.value), c.value = ne(0, V.value + 0 - 1), He(a.value,
|
|
423
|
+
a.value && (p.value = Math.max(Math.ceil(a.value.clientHeight / l), p.value), c.value = ne(0, V.value + 0 - 1), He(a.value, vt), ue(), Ve(() => {
|
|
424
424
|
a.value && (ce.value = a.value.clientWidth), g.value && (Y.value = g.value.clientWidth, j.value = g.value.clientHeight);
|
|
425
425
|
})), z.value && M();
|
|
426
426
|
}), no(() => {
|
|
@@ -446,7 +446,7 @@ const Jo = /* @__PURE__ */ ke({
|
|
|
446
446
|
n.insertNewChildDataItem(o), c.value = ne(0, V.value + 0 - 1);
|
|
447
447
|
}
|
|
448
448
|
function Rt(o, i) {
|
|
449
|
-
const
|
|
449
|
+
const v = c.value.find((P) => P.raw[f.value] === i), R = v ? v.dataIndex - 1 : -1;
|
|
450
450
|
n.insertNewChildDataItems(o, R);
|
|
451
451
|
}
|
|
452
452
|
function Bt() {
|
|
@@ -463,7 +463,7 @@ const Jo = /* @__PURE__ */ ke({
|
|
|
463
463
|
H.cancelEditingRow(o);
|
|
464
464
|
}
|
|
465
465
|
function ge(o) {
|
|
466
|
-
o && (s.value = o, N(s),
|
|
466
|
+
o && (s.value = o, N(s), he(s.value), me(n, le), ue());
|
|
467
467
|
}
|
|
468
468
|
pe(() => e.columns, (o) => {
|
|
469
469
|
ge(o);
|
|
@@ -480,7 +480,7 @@ const Jo = /* @__PURE__ */ ke({
|
|
|
480
480
|
i != null && i.isCurrent && Ie(o), F.selectItemById(o);
|
|
481
481
|
}
|
|
482
482
|
function Gt(o) {
|
|
483
|
-
const i = c.value.find((
|
|
483
|
+
const i = c.value.find((v) => v.raw[d.idField.value] === o);
|
|
484
484
|
i && A.clickRowItem(i);
|
|
485
485
|
}
|
|
486
486
|
function jt(o) {
|
|
@@ -509,31 +509,31 @@ const Jo = /* @__PURE__ */ ke({
|
|
|
509
509
|
function Nt() {
|
|
510
510
|
return y.currentSelectedDataId.value;
|
|
511
511
|
}
|
|
512
|
-
function At(o, i,
|
|
512
|
+
function At(o, i, v) {
|
|
513
513
|
const R = W.value.find((P) => P[f.value] === o);
|
|
514
514
|
if (R) {
|
|
515
515
|
if (Object.keys(R).forEach((b) => {
|
|
516
516
|
Object.prototype.hasOwnProperty.call(i, b) && (R[b] = i[b]);
|
|
517
|
-
}),
|
|
517
|
+
}), v) {
|
|
518
518
|
const {
|
|
519
519
|
collapseField: b,
|
|
520
520
|
disabledField: J,
|
|
521
521
|
checkedField: K,
|
|
522
522
|
visibleField: Q
|
|
523
|
-
} =
|
|
523
|
+
} = v;
|
|
524
524
|
b && !L(i[b]) && (R.__fv_collapse__ = i[b]), K && !L(i[K]) && (R.__fv_checked__ = i[K]), J && !L(i[J]) && (R.__fv_disabled__ = i[J]), Q && !L(i[Q]) && (R.__fv_visible__ = i[Q]);
|
|
525
525
|
}
|
|
526
526
|
const P = c.value.find((b) => b.raw[f.value] === o), je = c.value.findIndex((b) => b.raw[f.value] === o);
|
|
527
527
|
if (P) {
|
|
528
528
|
if (P.raw = R, Object.keys(P.data).forEach((b) => {
|
|
529
529
|
P.data[b].updateData(R);
|
|
530
|
-
}),
|
|
530
|
+
}), v) {
|
|
531
531
|
const {
|
|
532
532
|
collapseField: b,
|
|
533
533
|
disabledField: J,
|
|
534
534
|
checkedField: K,
|
|
535
535
|
visibleField: Q
|
|
536
|
-
} =
|
|
536
|
+
} = v;
|
|
537
537
|
b && !L(i[b]) && (P.collapse = i[b]), K && !L(i[K]) && (P.checked = i[K]), J && !L(i[J]) && (P.disabled = i[J]), Q && !L(i[Q]) && (P.visible = i[Q]);
|
|
538
538
|
}
|
|
539
539
|
c.value = [...c.value.slice(0, je), P, ...c.value.slice(je + 1)], n.updateSummary();
|
|
@@ -544,7 +544,7 @@ const Jo = /* @__PURE__ */ ke({
|
|
|
544
544
|
return Object.prototype.hasOwnProperty.call(o, "raw") ? n.hasRealChildren(o.raw) : n.hasRealChildren(o);
|
|
545
545
|
}
|
|
546
546
|
function zt(o) {
|
|
547
|
-
const i = n.dataView.value.find((
|
|
547
|
+
const i = n.dataView.value.find((v) => v[f.value] === o);
|
|
548
548
|
return i ? i[O.value] : "";
|
|
549
549
|
}
|
|
550
550
|
function Wt() {
|
|
@@ -557,8 +557,8 @@ const Jo = /* @__PURE__ */ ke({
|
|
|
557
557
|
return c.value.filter((i) => o.includes(i.raw[e.idField]));
|
|
558
558
|
}
|
|
559
559
|
function $t(o) {
|
|
560
|
-
const i = d.idField.value,
|
|
561
|
-
|
|
560
|
+
const i = d.idField.value, v = c.value.find((R) => R.raw[i] === o);
|
|
561
|
+
v && A.changeRow(v);
|
|
562
562
|
}
|
|
563
563
|
function Lt() {
|
|
564
564
|
y.keepSelectingOnPaging.value || Fe(), n.updateVisibleDataSummary(c.value);
|
|
@@ -609,8 +609,8 @@ const Jo = /* @__PURE__ */ ke({
|
|
|
609
609
|
renderDataGridPagination: Kt
|
|
610
610
|
} = Oo(e, t, n, I, q, y), Qt = T(() => ({
|
|
611
611
|
"d-flex": !0,
|
|
612
|
-
"justify-content-between":
|
|
613
|
-
"justify-content-end":
|
|
612
|
+
"justify-content-between": h.value && x.value,
|
|
613
|
+
"justify-content-end": h.value && !x.value,
|
|
614
614
|
"position-relative": !0
|
|
615
615
|
})), Xt = T(() => ({
|
|
616
616
|
"d-flex": !0,
|
|
@@ -635,11 +635,11 @@ const Jo = /* @__PURE__ */ ke({
|
|
|
635
635
|
B.value = !1;
|
|
636
636
|
},
|
|
637
637
|
style: Yt.value
|
|
638
|
-
}, [a.value && yt(c), a.value && ut(), a.value && Mt.value && Vt(), a.value && Ct(), a.value &&
|
|
638
|
+
}, [a.value && yt(c), a.value && ut(), a.value && Mt.value && Vt(), a.value && Ct(), a.value && ht()]), a.value && Zt(), (h.value || x.value) && G("div", {
|
|
639
639
|
class: Qt.value
|
|
640
640
|
}, [x.value && G("div", {
|
|
641
641
|
class: Xt.value
|
|
642
|
-
}, [G("div", null, ["已选:" + U.value.length, io(" 条")])]),
|
|
642
|
+
}, [G("div", null, ["已选:" + U.value.length, io(" 条")])]), h.value && Kt()]), ft(), ae.value && gt()]);
|
|
643
643
|
}
|
|
644
644
|
}), Ko = "https://json-schema.org/draft/2020-12/schema", Qo = "https://farris-design.gitee.io/tree-grid.schema.json", Xo = "tree-grid", Zo = "A Farris Data Grid Component", en = "object", tn = {
|
|
645
645
|
id: {
|
|
@@ -1461,6 +1461,38 @@ const Jo = /* @__PURE__ */ ke({
|
|
|
1461
1461
|
description: "是否虚拟加载",
|
|
1462
1462
|
type: "boolean",
|
|
1463
1463
|
default: !1
|
|
1464
|
+
},
|
|
1465
|
+
hierarchy: {
|
|
1466
|
+
cascadeOption: {
|
|
1467
|
+
autoCheckChildren: {
|
|
1468
|
+
description: "向下级联",
|
|
1469
|
+
type: "boolean"
|
|
1470
|
+
},
|
|
1471
|
+
autoCheckParent: {
|
|
1472
|
+
description: "向上级联",
|
|
1473
|
+
type: "boolean"
|
|
1474
|
+
}
|
|
1475
|
+
},
|
|
1476
|
+
collapseField: {
|
|
1477
|
+
description: "收折属性",
|
|
1478
|
+
type: "string"
|
|
1479
|
+
},
|
|
1480
|
+
hasChildrenField: {
|
|
1481
|
+
description: "存在子节点",
|
|
1482
|
+
type: "string"
|
|
1483
|
+
},
|
|
1484
|
+
parentIdField: {
|
|
1485
|
+
description: "父级字段",
|
|
1486
|
+
type: "string"
|
|
1487
|
+
}
|
|
1488
|
+
},
|
|
1489
|
+
autoCheckChildren: {
|
|
1490
|
+
description: "向下级联",
|
|
1491
|
+
type: "boolean"
|
|
1492
|
+
},
|
|
1493
|
+
autoCheckParent: {
|
|
1494
|
+
description: "向上级联",
|
|
1495
|
+
type: "boolean"
|
|
1464
1496
|
}
|
|
1465
1497
|
}, on = [
|
|
1466
1498
|
"id",
|
|
@@ -1675,21 +1707,21 @@ const Ce = /* @__PURE__ */ ke({
|
|
|
1675
1707
|
applyColumnSorter: U,
|
|
1676
1708
|
columnContext: F,
|
|
1677
1709
|
updateColumnRenderContext: ae
|
|
1678
|
-
} = x, V = $e(e), q = Le(e, F),
|
|
1710
|
+
} = x, V = $e(e), q = Le(e, F), h = Ue(e, t, z, f), X = qe(e, t, f, h, g), Z = Ye(e), N = Je(e, X, Z), ee = Ke(e, O, X, S, f, Z, N), fe = Lo(e, d, O, M, l, ee), {
|
|
1679
1711
|
getVisualData: _
|
|
1680
1712
|
} = fe, le = Qe(e, z), {
|
|
1681
1713
|
sidebarWidth: me
|
|
1682
1714
|
} = le;
|
|
1683
1715
|
g.value = _(0, M.value + l - 1);
|
|
1684
1716
|
const $ = Xe(e, O, g, F, fe, M, l, me), {
|
|
1685
|
-
onWheel:
|
|
1717
|
+
onWheel: he,
|
|
1686
1718
|
dataGridWidth: te,
|
|
1687
1719
|
viewPortHeight: A,
|
|
1688
1720
|
viewPortWidth: H,
|
|
1689
1721
|
updateVisibleRowsOnLatestVisibleScope: re
|
|
1690
|
-
} = $,
|
|
1722
|
+
} = $, ve = Uo(e, F, r, H, q), {
|
|
1691
1723
|
calculateColumnsSize: oe
|
|
1692
|
-
} =
|
|
1724
|
+
} = ve, se = T(() => ({
|
|
1693
1725
|
"drag-container": !0,
|
|
1694
1726
|
"fv-grid": !0,
|
|
1695
1727
|
"fv-grid-bordered": e.showBorder,
|
|
@@ -1724,7 +1756,7 @@ const Ce = /* @__PURE__ */ ke({
|
|
|
1724
1756
|
ref: u,
|
|
1725
1757
|
class: se.value,
|
|
1726
1758
|
style: n.value,
|
|
1727
|
-
onWheel:
|
|
1759
|
+
onWheel: he,
|
|
1728
1760
|
dragref: `${B.schema.id}-container`
|
|
1729
1761
|
}, [r.value && be(), G("div", {
|
|
1730
1762
|
ref: r,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(d,$){typeof exports=="object"&&typeof module<"u"?$(exports,require("../../components/common/index.umd.js"),require("vue"),require("@vueuse/core"),require("lodash-es"),require("../../components/locale/index.umd.js"),require("../../components/data-view/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/tree-grid/index.umd.js"),require("../data-grid/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("../../components/property-panel/index.umd.js"),require("../data-view/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/common/index.umd.js","vue","@vueuse/core","lodash-es","../../components/locale/index.umd.js","../../components/data-view/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/tree-grid/index.umd.js","../data-grid/index.umd.js","../../components/designer-canvas/index.umd.js","../../components/property-panel/index.umd.js","../data-view/index.umd.js"],$):(d=typeof globalThis<"u"?globalThis:d||self,$(d["tree-grid"]={},d.common,d.Vue,d.VueUseCore,d.LodashES,d.locale,d.dataView,d.dynamicResolver,d.treeGrid,d.designer$2,d.designerCanvas,d.propertyPanel,d.designer$1))})(this,function(d,$,o,je,E,Ve,i,ee,Pe,$e,ge,Ye,T){"use strict";const Je={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}},Ke={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},Qe={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"}},Xe={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},Ze={wrapHeadings:{type:Boolean,default:!1}},et={customRowStyle:{type:Function,default:()=>{}},customCellStyle:{type:Function,default:()=>{}},disable:{type:Function,default:()=>{}},height:{type:Number,default:28},showHovering:{type:Boolean,default:!0},wrapContent:{type:Boolean,default:!1}},tt={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},nt={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}},ot={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},it={show:{type:Boolean,default:!1},message:{type:String,default:`${Ve.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,mode:"server",size:-1}},rowNumber:{type:Object,default:{enable:!0,width:36,heading:"序号"}},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"]}},autoHeight:{type:Boolean,default:!1},visible:{type:Boolean,default:!0},checkboxPosition:{type:String,default:"after-expand"}};function at(e,t,m,s,y,u,p,g,c,r,b,C,P,f,D,U,I){const{calculateCellPositionInRow:M}=u,{columnContext:R,hasLeftFixedColumn:j,hasRightFixedColumn:_}=p,{gridDataStyle:N,leftFixedGridDataStyle:a,rightFixedGridDataStyle:L}=f,{renderDataRow:h}=i.getHierarchyRow(e,t,R,I,g,c,r,b,C,P,f,D,U),A=[h];function Y(v,te){const ne=M(v);return I.value.filter(z=>z.visible!==!1).map((z,oe)=>A[z.type](z,ne,te,oe))}function F(){return o.createVNode("div",{ref:s,class:"fv-grid-content-left-fixed"},[o.createVNode("div",{class:"fv-grid-data",style:a.value},[Y(R.value.leftColumns.filter(v=>v.visible),"left")])])}function de(){return o.createVNode("div",{ref:m,class:"fv-grid-content-primary"},[o.createVNode("div",{class:"fv-grid-data",style:N.value},[Y(R.value.primaryColumns.filter(v=>v.visible),"primary")])])}function x(){return o.createVNode("div",{ref:y,class:"fv-grid-content-right-fixed"},[o.createVNode("div",{class:"fv-grid-data",style:L.value},[Y(R.value.rightColumns.filter(v=>v.visible),"right")])])}function J(){const v=[];return j.value&&v.push(F()),v.push(de()),_.value&&v.push(x()),v}return{renderDataArea:J}}const lt=o.defineComponent({name:"FTreeGrid",props:Fe,emits:["selectionChange","clickRow","expandNode","dblclickNode","doubleClickRow","unSelectItem","selectItem","selectAll","unSelectAll","filterChanged","sortChanged","selectionUpdate"],setup(e,t){var _e,Le;const s=((_e=e.rowOption)==null?void 0:_e.height)||28,y=o.ref(20),u=o.ref(e.columns),p=i.useIdentify(e),{idField:g}=p,c=o.ref(),r=o.ref(),b=o.ref(),C=o.ref(),P=o.ref(),f=o.ref([]),D=o.ref(!1),U=o.ref(((Le=e.rowOption)==null?void 0:Le.wrapContent)||!1),I=i.useGroupData(e,p),M=i.useFilter(e,t),R=i.useHierarchy(e),{collapseField:j}=R,{showLoading:_,renderLoading:N}=i.useLoading(e,c),a=i.useDataView(e,new Map,M,R,p),{dataView:L}=a,h=i.useSelection(e,a,p,f,t),{showSelection:A,selectedValues:Y}=h,F=i.useSelectHierarchyItem(e,f,a,p,h,t),de=o.computed(()=>e.disabled),x=o.computed(()=>e.virtualized?Math.min(a.dataView.value.length,y.value):a.dataView.value.length),J=i.usePagination(e,a),{shouldRenderPagination:v}=J,{containerStyleObject:te}=i.useDataViewContainerStyle(e),ne=i.useCommandColumn(e),{applyCommands:z}=ne;z(u);const{applyColumnSetting:oe,removeColumnSetting:Ce}=i.useSettingColumn(e);e.showSetting&&oe(u);const q=i.useColumn(e,t),ce=i.useSort(e),{applyColumnSorter:he,columnContext:V,updateColumnRenderContext:we}=q;he(a,ce);const ie=i.useGroupColumn(e,V),W=i.useRow(e,t,h,p),H=i.useEdit(e,t,p,W,f),ue=i.useVisualDataBound(e),Ie=i.useVisualDataCell(e,H,ue),ae=i.useVisualDataRow(e,a,H,R,p,ue,Ie),pe=i.useVisualData(e,u,a,x,0,ae),{getVisualData:le}=pe,Re=i.useCellPosition(e,V),fe=i.useSidebar(e,h),{sidebarWidth:Oe}=fe,O=i.useVirtualScroll(e,a,f,V,pe,x,0,Oe),{onWheel:be,dataGridWidth:me,viewPortHeight:k,viewPortWidth:K,resetScroll:re,updateVisibleRowsOnLatestVisibleScope:ft}=O,ze=i.useFitColumn(e,V,r,K,ie),{calculateColumnsSize:ye}=ze,We=i.useFilterHistory(),mt=i.useColumnFilter(r,P,a,We,O),yt=i.useDragColumn(e,t,q,a,ie,I,O),gt=o.computed(()=>{const n={"fv-grid":!0,"fv-grid-bordered":e.showBorder,"fv-grid-horizontal-bordered":e.showHorizontalLines,"fv-datagrid-strip":e.showStripe};return $.getCustomClass(n,e.customClass)}),Ct=o.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":D.value,"fv-grid-wrap-content":U.value})),{renderDataArea:ht}=at(e,t,b,C,P,Re,q,a,H,R,W,h,F,O,pe,ue,f),{renderGridHeader:bt,renderGridColumnResizeOverlay:vt,shouldShowHeader:St}=i.getColumnHeader(e,t,r,C,P,q,a,yt,mt,M,We,ze,ie,h,fe,ce,O,K,f),{renderDataGridSidebar:wt}=i.getSidebar(e,W,h,fe,O,F),{renderDisableMask:It}=i.getDisableMask(),{renderHorizontalScrollbar:Rt}=i.getHorizontalScrollbar(e,r,O),{renderVerticalScrollbar:Ot}=i.getVerticalScrollbar(e,r,O);function Bt(){var n,l,S;if(r.value&&r.value.clientHeight>0&&((n=r.value)==null?void 0:n.clientWidth)>0){const B=Math.ceil(r.value.clientHeight/s);B>y.value&&(y.value=B,ft()),k.value=((l=b.value)==null?void 0:l.clientHeight)||0,me.value=((S=r.value)==null?void 0:S.clientWidth)||0}r.value&&(r.value.clientHeight>0||r.value.clientWidth>0)&&ye()}o.onMounted(()=>{r.value&&(y.value=Math.max(Math.ceil(r.value.clientHeight/s),y.value),f.value=le(0,x.value+0-1),je.useResizeObserver(r.value,Bt),ye(),o.nextTick(()=>{r.value&&(me.value=r.value.clientWidth),b.value&&(K.value=b.value.clientWidth,k.value=b.value.clientHeight)})),_.value&&N()}),o.onUnmounted(()=>{}),o.watch(K,()=>{r.value&&ye()});function Dt(n){a.collapseTo(n),a.reOrderVisibleIndex(),re()}function jt(n){a.expandTo(n),a.reOrderVisibleIndex(),re()}function Be(){const n=h.getSelectionRow();return n?n.dataIndex-1:-1}function Pt(){const n=Be();a.insertNewDataItem(n),f.value=le(0,x.value+0-1)}function Ft(){const n=Be();a.insertNewChildDataItem(n),f.value=le(0,x.value+0-1)}function Gt(n,l){const S=f.value.find(G=>G.raw[g.value]===l),B=S?S.dataIndex-1:-1;a.insertNewChildDataItems(n,B)}function Tt(){const n=Be(),l=F.getNextSelectableHierarchyItemId(n);a.removeHierarchyDataItem(n),f.value=le(0,x.value+0-1),l&&F.selectItemById(l)}function kt(n){H.onEditingRow(n)}function Mt(n){H.acceptEditingRow(n)}function Nt(n){H.cancelEditingRow(n)}function ve(n){n&&(u.value=n,z(u),we(u.value),he(a,ce),ye())}o.watch(()=>e.columns,n=>{ve(n)});function Ee(n,l){n&&(a.load(n),a.reOrderVisibleIndex(),l!=null&&l.keepScrollPosition?O.scrollTo(O.offsetY.value):re())}function De(n){W.activeRowById(n)}function xt(n,l={isCurrent:!0}){l!=null&&l.isCurrent&&De(n),F.selectItemById(n)}function Ht(n){const l=f.value.find(S=>S.raw[p.idField.value]===n);l&&W.clickRowItem(l)}function At(n){F.selectItemByIds(n)}function zt(){return h.getSelectedItems()}function Ue(){h.clearSelection()}function Wt(){h.emptyCurrentRowId()}const Et=o.computed(()=>!f.value||!f.value.length),{renderEmpty:Ut}=i.getEmpty(e,t);function _t(){return h.getSelectionRow()}function Lt(n,l={clearCurrent:!0}){l!=null&&l.clearCurrent&&De(""),F.unSelectItemByIds(n)}function qt(){return h.currentSelectedDataId.value}function Vt(n,l,S){const B=L.value.find(G=>G[g.value]===n);if(B){if(Object.keys(B).forEach(w=>{Object.prototype.hasOwnProperty.call(l,w)&&(B[w]=l[w])}),S){const{collapseField:w,disabledField:Q,checkedField:X,visibleField:Z}=S;w&&!E.isUndefined(l[w])&&(B.__fv_collapse__=l[w]),X&&!E.isUndefined(l[X])&&(B.__fv_checked__=l[X]),Q&&!E.isUndefined(l[Q])&&(B.__fv_disabled__=l[Q]),Z&&!E.isUndefined(l[Z])&&(B.__fv_visible__=l[Z])}const G=f.value.find(w=>w.raw[g.value]===n),qe=f.value.findIndex(w=>w.raw[g.value]===n);if(G){if(G.raw=B,Object.keys(G.data).forEach(w=>{G.data[w].updateData(B)}),S){const{collapseField:w,disabledField:Q,checkedField:X,visibleField:Z}=S;w&&!E.isUndefined(l[w])&&(G.collapse=l[w]),X&&!E.isUndefined(l[X])&&(G.checked=l[X]),Q&&!E.isUndefined(l[Q])&&(G.disabled=l[Q]),Z&&!E.isUndefined(l[Z])&&(G.visible=l[Z])}f.value=[...f.value.slice(0,qe),G,...f.value.slice(qe+1)],a.updateSummary()}}}function $t(n){return Object.prototype.hasOwnProperty.call(n,"raw")?a.hasRealChildren(n.raw):a.hasRealChildren(n)}function Yt(n){const l=a.dataView.value.find(S=>S[g.value]===n);return l?l[j.value]:""}function Jt(){return j.value}o.watch(()=>e.showSetting,(n,l)=>{n!==l&&(n?oe(u):Ce(u),ve(u.value))});function Kt(n){return f.value.filter(l=>n.includes(l.raw[e.idField]))}function Qt(n){const l=p.idField.value,S=f.value.find(B=>B.raw[l]===n);S&&W.changeRow(S)}function Xt(){h.keepSelectingOnPaging.value||Ue(),a.updateVisibleDataSummary(f.value)}function Zt(n){J.updatePagination(n)}const en=i.useAdapt(h,a,M,u,ve,Ee,Zt);t.expose({activeRowById:De,addNewDataItem:Pt,addNewChildDataItem:Ft,addChildrenToNode:Gt,collapseTo:Dt,expandTo:jt,removeDataItem:Tt,editDataItem:kt,acceptDataItem:Mt,cancelDataItem:Nt,updateColumns:ve,updateDataSource:Ee,selectItemById:xt,selectItemByIds:At,getSelectedItems:zt,clearSelection:Ue,getSelectionRow:_t,clickRowItemById:Ht,unSelectItemByIds:Lt,getCurrentRowId:qt,reassignRowData:Vt,hasChildren:$t,getCollapseField:Jt,getCollapseStatusById:Yt,getVisibleDataByIds:Kt,selectRowById:Qt,updateDerivedData:Xt,emptyCurrentRowId:Wt,calculateColumnsSize:ye,...en});const tn=o.computed(()=>{const n={};return O.shouldShowHorizontalScrollbar.value&&(n.paddingBottom="10px"),O.shouldShowVirticalScrollbar.value&&(n.paddingRight="10px"),n}),nn=o.computed(()=>({...te.value,borderRadius:"5px"})),{renderDataGridPagination:on}=i.getPagination(e,t,a,O,J,h),an=o.computed(()=>({"d-flex":!0,"justify-content-between":v.value&&A.value,"justify-content-end":v.value&&!A.value,"position-relative":!0})),ln=o.computed(()=>({"d-flex":!0,"align-items-center":!0})),{renderDataGridSummary:rn}=i.getSummary(e,a,q);return()=>e.visible&&o.createVNode("div",{ref:c,class:gt.value,style:nn.value,onWheel:be},[r.value&&St.value&&bt(),o.createVNode("div",{ref:r,class:Ct.value,onMouseover:()=>D.value=!0,onMouseleave:()=>D.value=!1,onTouchstart:n=>{n.stopPropagation(),D.value=!0,O.onTouchstartScrollThumb(n,r)},onTouchend:n=>{D.value=!1},style:tn.value},[r.value&&wt(f),r.value&&ht(),r.value&&Et.value&&Ut(),r.value&&Rt(),r.value&&Ot()]),r.value&&rn(),(v.value||A.value)&&o.createVNode("div",{class:an.value},[A.value&&o.createVNode("div",{class:ln.value},[o.createVNode("div",null,["已选:"+Y.value.length,o.createTextVNode(" 条")])]),v.value&&on()]),vt(),de.value&&It()])}}),Ge={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/tree-grid.schema.json",title:"tree-grid",description:"A Farris Data Grid Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"tree-grid"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},fit:{type:"boolean",default:!1},showStripe:{type:"boolean",default:!0},showBorder:{type:"boolean",default:!1},showTreeNodeIcons:{type:"boolean",default:!1},showSetting:{type:"boolean",default:!1},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},dataSource:{description:"",type:"string",default:""},columns:{description:"",type:"array",default:[]},identifyField:{description:"",type:"string"},editable:{description:"",type:"boolean",default:!1},disabled:{description:"",type:"boolean",default:!1},visible:{description:"是否可见",type:"boolean",default:!0},cell:{type:"object",properties:{highlightFocusingCell:{description:"",type:"boolean",default:!1},mergeCell:{description:"",type:"boolean",default:!1},showEditableIcon:{description:"",type:"boolean",default:!1}}},column:{type:"object",properties:{fitColumns:{description:"",type:"boolean",default:!1},fitMode:{description:"",type:"string",default:"average"},groups:{description:"",type:"array",default:[]},reorderColumn:{description:"Enable to drag column to reorder",type:"boolean",default:!1},resizeColumn:{type:"boolean",default:!0},resizeColumnOnDoubleClick:{description:"",type:"boolean",default:!0}}},command:{type:"object",properties:{enable:{description:"",type:"boolean",default:!1},commands:{type:"array",default:[]},commandColumnWidth:{description:"",type:"number",default:120},onClickDeleteCommand:{description:"",type:"string",default:""},onClickEditCommand:{description:"",type:"string",default:""},onHandleAction:{description:"",type:"string",default:""},count:{description:"",type:"number",default:2}}},contextMenu:{description:"",type:"object",properties:{enable:{description:"",type:"boolean",default:!1}}},customizaiton:{type:"object",properties:{enableScheme:{description:"",type:"boolean",default:!1},enableSetting:{description:"",type:"boolean",default:!1}}},edit:{type:"object",properties:{mode:{description:"",type:"string",default:"cell",enum:["cell","row","card"]},selectOnEditing:{description:"",type:"boolean",default:!1},onAppendRow:{description:"",type:"string",default:""},onBeforeEdit:{description:"",type:"string",default:""}}},filter:{type:"object",properties:{enable:{description:"",type:"boolean",default:!1},filterStyle:{description:"",type:"string",default:"filter-column",enum:["filter-column","filter-row"]},mode:{description:"",type:"string",default:"server",enum:["server"]},showSummary:{description:"",type:"boolean",default:!0},onFilterChange:{description:"",type:"string",default:""}}},footer:{type:"object",properties:{enable:{description:"",type:"boolean",default:!1},customFooterStyle:{description:"",type:"object"},footerDataCommand:{description:"",type:"string",default:""},footerDataFrom:{description:"",type:"string",default:"client"},footerHeight:{description:"",type:"number",default:29},footerPosition:{description:"",type:"string",default:"bottom"},footerTemplate:{description:"",type:"string",default:""}}},group:{description:"",type:"object",properties:{enable:{description:"",type:"boolean",default:!1},customGroupRow:{description:"",type:"object"},customGroupRowStyle:{description:"",type:"object"},customSummaryStyle:{description:"",type:"object"},groupColSpan:{description:"",type:"number",default:1},groupFields:{description:"",type:"array",default:[]},showGroupedColumn:{description:"",type:"boolean",default:!0},showGroupPanel:{description:"",type:"boolean",default:!1},showSummary:{description:"",type:"boolean",default:!1},summaryPosition:{description:"",type:"string",default:"separate",enum:["separate","merge-to-group"]},disableGroupOnEditing:{description:"",type:"boolean",default:!0},expandGroupRows:{description:"",type:"boolean",default:!0}}},header:{type:"object",properties:{wrapHeadings:{description:"",type:"boolean",default:!1}}},pagination:{type:"object",properties:{enable:{description:"",type:"boolean",default:!1},disablePagination:{description:"",type:"string",default:""},contentTemplate:{description:"",type:"string",default:""},index:{description:"",type:"number",default:1},mode:{description:"",type:"string",default:"server",enum:["server","client"]},showGoto:{description:"",type:"boolean",default:!1},showIndex:{description:"",type:"boolean",default:!0},showLimits:{description:"",type:"boolean",default:!1},showPageInfo:{description:"",type:"boolean",default:!0},size:{description:"",type:"number",default:20},sizeLimits:{description:"",type:"array",default:[10,20,30,50,100]},onPageChange:{description:"",type:"string",default:""},onPageSizeChange:{description:"",type:"string",default:""}}},rowOption:{type:"object",properties:{customRowStyle:{description:"自定义行样式",type:"string",default:""},customCellStyle:{description:"自定义单元格样式",type:"string",default:""},disable:{description:"",type:"object"},height:{description:"",type:"number",default:30},showHovering:{type:"boolean",default:!0},wrapContent:{type:"boolean",default:!1}}},rowNumber:{description:"",type:"object",properties:{enable:{description:"",type:"boolean",default:!1},heading:{description:"",type:"string",default:"序号"},width:{description:"",type:"number",default:36},onClickRow:{description:"",type:"string",default:""},onDoubleClickRow:{description:"",type:"string",default:""}}},onClickRow:{description:"行点击事件",type:"string",default:""},onSelectionChange:{description:"行切换事件",type:"string",default:""},onPageIndexChanged:{description:"切换页码事件",type:"string",default:""},onPageSizeChanged:{description:"分页条数变化事件",type:"string",default:""},selection:{type:"object",properties:{enableSelectRow:{description:"允许选中行",type:"boolean",default:!0},enable:{description:"",type:"boolean",default:!0},checkOnSelect:{description:"",type:"boolean",default:!1},showSelectAll:{description:"",type:"boolean",default:!1},clearSelectionOnEmpty:{description:"",type:"boolean",default:!0},customSelectionItem:{description:"",type:"object"},focusSelection:{description:"",type:"string",default:"current",enum:["current","all"]},keepSelectingOnClick:{description:"",type:"boolean",default:!0},keepSelectingOnPaging:{description:"",type:"boolean",default:!0},multiSelect:{description:"",type:"boolean",default:!1},selectionMode:{description:"",type:"string",default:"default"},selectOnCheck:{description:"",type:"boolean",default:!1},selectOnEditing:{description:"",type:"boolean",default:!1},showCheckbox:{description:"",type:"boolean",default:!1},showCheckAll:{description:"",type:"boolean",default:!1},showSelection:{description:"",type:"boolean",default:!1},onBeforeSelect:{description:"",type:"string",default:""},onBeforeUnCheck:{description:"",type:"",default:""},onBeforeUnSelect:{description:"",type:"string",default:""},onCheckAll:{description:"",type:"string",default:""},onChecked:{description:"",type:"string",default:""},onSelectionChange:{description:"",type:"string",default:""},onUnCheckAll:{description:"",type:"string",default:""},onUnChecked:{description:"",type:"string",default:""},onCheckedChange:{description:"",type:"string"}}},sort:{type:"object",properties:{enable:{description:"",type:"boolean",default:!1},fields:{description:"",type:"array",default:[]},mode:{description:"",type:"string",default:"server",enum:["server"]},multiSort:{description:"",type:"boolean",default:!1}}},summary:{description:"",type:"object",properties:{enable:{description:"",type:"boolean",default:!1},customSummaryStyle:{description:"",type:"object"},groupFields:{description:"",type:"array",default:[]},mode:{description:"",type:"string",default:"client",enum:["client","server"]},position:{description:"",type:"boolean",default:"bottom",enum:["bottom","top","both"]}}},toolbar:{description:"",type:"object",properties:{enable:{description:"",type:"boolean",default:!1}}},visualization:{autoHeight:{description:"",type:"boolean",default:!1},emptyDataHeight:{description:"",type:"number",default:36},emptyTemplate:{description:"",type:"string",default:""},maxHeight:{description:"",type:"number",default:300},scrollBarShowMode:{description:"",type:"string",default:"auto"},showBorder:{description:"",type:"boolean",default:!1},showScrollArrow:{description:"",type:"boolean",default:!1},striped:{description:"",type:"boolean",default:!0},useBlankWhenDataIsEmpty:{description:"",type:"boolean",default:!1}},emptyTemplate:{description:"",type:"string",default:""},udtField:{description:"分级码字段",type:"string"},virtualized:{description:"是否虚拟加载",type:"boolean",default:!1}},required:["id","type","columns"],events:{onSelectionChange:"行切换事件",onClickRow:"行点击事件",onDoubleClickRow:"行双击事件",onFilterChanged:"过滤事件",onClickEditCommand:"操作列编辑事件",onClickDeleteCommand:"操作列删除事件",onExpandNode:"展开事件"}},Te=new Map([["appearance",ee.resolveAppearance],["column","columnOption"],["command","commandOption"]]);function rt(e,t,m){var C;const s=m.parentComponentInstance,y=s.schema.type,u=String(((C=s.schema.appearance)==null?void 0:C.class)||"").split(" "),p=y==="section"||y==="tab-page",g=u.includes("f-page-content-nav"),c=u.includes("f-page-main"),r=e.getSchemaByType("component");r.id=`${t.id}-component`,r.componentType="data-grid";let b="";return b+=p?"f-struct-data-grid-in-card f-struct-is-subgrid":"",b+=g?"f-struct-data-grid-in-nav f-struct-wrapper f-utils-fill-flex-column":"",b+=c?"f-struct-data-grid f-struct-wrapper":"",r.appearance={class:b},r.contents=[t],r}function st(e,t,m){const s=m.parentComponentInstance,y=String(s.schema.appearance.class||"").split(" "),u=y.includes("f-page-content-nav"),p=y.includes("f-page-main"),g=e.getSchemaByType("section");g.id=`${t.id}-section`;let c="";return c+=u?"f-section-in-nav ":"",c+=p?"f-section-in-managelist ":"",c+="f-section-grid",g.appearance={class:c},g.contents=[t],g}function dt(e,t,m){const s=e.getSchemaByType("content-container");return s.id=`${t.id}-layout`,s.appearance={class:"f-grid-is-sub f-utils-flex-column"},s.contents=[t],s}function ke(e,t,m){const y=m.parentComponentInstance.schema.type,u=y==="section"||y==="tab-page";t.appearance={class:"f-component-grid"};const g=(u?dt:st)(e,t,m);return rt(e,g,m)}const Me=ee.createPropsResolver(Pe.treeGridProps,Ge,Te,ke),Ne=ee.createTreeGridSelectionItemResolver(),xe=ee.createTreeGridBindingResolver(),Se=$.excludeProperties(Object.assign({},Pe.treeGridProps,{componentId:{type:String,default:""}}),"columnOption","commandOption"),He=ee.createPropsResolver(Se,Ge,Te,ke),Ae=ee.createDataViewUpdateColumnsResolver();class ct extends Ye.BaseControlProperty{constructor(t,m){super(t,m)}getPropertyConfig(t){return this.getBasicPropConfig(t),this.getAppearanceProperties(t),this.propertyConfig.categories.command=T.useCommandOption(this).getCommandColumnProperties(t),this.propertyConfig.categories.column=T.useColumnOption().getColumnOptionProperties(t),this.propertyConfig.categories.rowOption=T.useRowOption().getRowOptionProperties(t),this.propertyConfig.categories.summary=T.useSummary().getSummaryProperties(t),this.propertyConfig.categories.filter={title:"过滤",description:"",properties:{mode:{title:"类型",type:"enum",description:"过滤类型",$converter:"/converter/grid-filter.converter",editor:{data:[{id:"server",name:"服务端"}]}}}},this.propertyConfig.categories.behavior=this.getBehaviorConfig(t,"treeGrid"),this.getEventPropConfig(t),this.propertyConfig}getBasicPropConfig(t){var p,g,c;const m=(c=(g=(p=this.formSchemaUtils.getFormSchema())==null?void 0:p.module)==null?void 0:g.entity[0])==null?void 0:c.entities[0],s=this.assembleSchemaEntityToTree(m,0),y=this,u=super.getBasicPropConfig(t);this.propertyConfig.categories.basic={description:"Basic Information",title:"基本信息",properties:{...u.properties,dataSource:{description:"绑定数据源",title:"绑定数据源",editor:{type:"combo-tree",textField:"name",valueField:"label",data:s,editable:!1},readonly:!0}},setPropertyRelates(r,b){switch(r&&r.propertyID){case"dataSource":{const C=y.formSchemaUtils.getViewModelById(y.viewModelId);if(C){const P=s.find(f=>f.label===r.propertyValue);C.bindTo=P.bindTo}y.designViewModelUtils.assembleDesignViewModel();break}}}}}getAppearanceProperties(t){const m=this;this.propertyConfig.categories.appearance=T.useAppearance().getTreeGrid(t,this.viewModelId,m),this.propertyConfig.categories.selection=T.useSelection().getSelection(t,m),this.propertyConfig.categories.rowNumber=T.useRowNumber().getRowNumber(t),this.propertyConfig.categories.pagination=T.usePagination().getPagination(t,!1,m)}getEventPropConfig(t){const m=T.useDataGridEvent().initEvent(t),s=this,y=s.eventsEditorUtils.formProperties(t,s.viewModelId,m),u=s.createBaseEventProperty(y);this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:u,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(p,g){const c=p.propertyValue;delete t[s.viewModelId],c&&(c.setPropertyRelates=this.setPropertyRelates,s.eventsEditorUtils.saveRelatedParameters(t,s.viewModelId,c.events,c)),t.remoteSort=!!t.columnSorted,t.command&&(t.command.onClickEditCommand=t.onClickEditCommand,t.command.onClickDeleteCommand=t.onClickDeleteCommand,t.command.onHandleAction=t.onHandleAction)}}}assembleSchemaEntityToTree(t,m,s,y="",u=[]){const p=y?`${y}/${t.label}`:"/";return u.push({id:t.id,name:t.name,label:t.label,layer:m,parent:s&&s.id,bindTo:p.replace("//","/")}),t.type.entities&&t.type.entities.length&&t.type.entities.map(g=>this.assembleSchemaEntityToTree(g,m+1,t,p,u)),u}}function ut(e,t){const m=e.schema,s=o.ref(!0),y=o.ref(!0);function u(C){return C&&C.sourceType==="control"?C.componentCategory==="input":!1}function p(){return!1}function g(){return!1}function c(){return!0}function r(C){return new ct(C,t).getPropertyConfig(m)}function b(){var C,P,f,D;if(e&&t){const U=(C=e==null?void 0:e.componentInstance)==null?void 0:C.value.belongedComponentId;let I="",M="";const{formSchemaUtils:R}=t;if(U){const _=R.getRootViewModelId(),N=R.getComponentByViewModelId(_),a=R.selectNode(N,L=>L.contents&&L.contents.find(h=>h.component===U));(a==null?void 0:a.type)===((P=ge.DgControl["tab-page"])==null?void 0:P.type)&&((f=a==null?void 0:a.contents)!=null&&f.length)&&(I=a.title||""),(a==null?void 0:a.type)===((D=ge.DgControl.section)==null?void 0:D.type)&&(a==null?void 0:a.showHeader)!==!1&&(I=a.mainTitle||""),I=I?`${I} > `:"",M=I?a.id:""}const j=ge.DgControl["tree-grid"].name;t==null||t.formSchemaUtils.getControlBasicInfoMap().set(e.schema.id,{componentTitle:j,parentPathName:`${I}${j}`,reliedComponentId:M})}}return{canAccepts:u,checkCanDeleteComponent:p,checkCanMoveComponent:g,hideNestedPaddingInDesginerView:c,triggerBelongedComponentToMoveWhenMoved:s,triggerBelongedComponentToDeleteWhenDeleted:y,getPropsConfig:r,setComponentBasicInfoMap:b}}const se=o.defineComponent({name:"FTreeGridDesign",props:Se,emits:[],setup(e,t){var be,me;const m=o.ref(),s=0,y=((be=e.rowOption)==null?void 0:be.height)||28,u=o.ref(20),p=o.ref(e.columns),g=i.useIdentify(e),c=o.ref(),r=o.ref(),b=o.ref([]),C=o.ref(!1),P=o.ref(((me=e.rowOption)==null?void 0:me.wrapContent)||!1),f=o.inject("designer-host-service"),D=o.inject("design-item-context"),U=ut(D,f),I=ge.useDesignerComponent(m,D,U);I.value.designerClass="f-utils-fill-flex-column";const M=i.useFilter(e,t),R=i.useHierarchy(e),j=i.useDataView(e,new Map,M,R,g),_=i.useSelection(e,j,g,b,t),N=o.computed(()=>j.dataView.value.length),{containerStyleObject:a}=i.useDataViewContainerStyle(e),L=i.useCommandColumn(e),{applyCommands:h}=L;h(p);const A=T.useDesignerColumn(e),{applyColumnSorter:Y,columnContext:F,updateColumnRenderContext:de}=A,x=i.useSort(e),J=i.useGroupColumn(e,F),v=i.useRow(e,t,_,g),te=i.useEdit(e,t,g,v,b),ne=i.useVisualDataBound(e),z=i.useVisualDataCell(e,te,ne),oe=i.useVisualDataRow(e,j,te,R,g,ne,z),Ce=T.useDesignerVisualData(e,p,j,N,s,oe),{getVisualData:q}=Ce,ce=i.useSidebar(e,_),{sidebarWidth:he}=ce;b.value=q(0,N.value+s-1);const V=i.useVirtualScroll(e,j,b,F,Ce,N,s,he),{onWheel:we,dataGridWidth:ie,viewPortHeight:W,viewPortWidth:H,updateVisibleRowsOnLatestVisibleScope:ue}=V,Ie=T.useDesignerFitColumn(e,F,c,H,J),{calculateColumnsSize:ae}=Ie,pe=o.computed(()=>({"drag-container":!0,"fv-grid":!0,"fv-grid-bordered":e.showBorder,"fv-datagrid-strip":e.showStripe})),le=o.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":C.value,"fv-grid-wrap-content":P.value})),{renderGridHeader:Re}=$e.getColumnHeader(D,e,A,V,"tree-grid-column"),{renderHorizontalScrollbar:fe}=i.getHorizontalScrollbar(e,c,V);function Oe(){var K,re;const k=Math.ceil(c.value.clientHeight/y);k>u.value&&(u.value=k,ue()),W.value=((K=r.value)==null?void 0:K.clientHeight)||0,ie.value=((re=c.value)==null?void 0:re.clientWidth)||0,ae()}o.onMounted(()=>{m.value.componentInstance=I,c.value&&(u.value=Math.max(Math.ceil(c.value.clientHeight/y),u.value),b.value=q(0,N.value+s-1),je.useResizeObserver(c.value,Oe),ae(),o.nextTick(()=>{c.value&&(ie.value=c.value.clientWidth),r.value&&(H.value=r.value.clientWidth,W.value=r.value.clientHeight)}))});function O(k){k&&(p.value=k,h(p),de(p.value),Y(j,x),ae())}return o.watch(()=>e.columns,k=>{O(k)}),o.watch(H,()=>{c.value&&ae()}),t.expose(I.value),()=>o.createVNode("div",{ref:m,class:pe.value,style:a.value,onWheel:we,dragref:`${D.schema.id}-container`},[c.value&&Re(),o.createVNode("div",{ref:c,class:le.value,onMouseover:()=>{C.value=!0},onMouseleave:()=>{C.value=!1}},[fe()])])}});se.register=(e,t,m,s)=>{e["tree-grid"]=lt,t["tree-grid"]=Me,s["tree-grid"]={bindingResolver:xe,selectionItemResolver:Ne,updateColumnsResolver:Ae}},se.registerDesigner=(e,t,m)=>{e["tree-grid"]=se,t["tree-grid"]=He};const pt=$.withInstall(se);d.FTreeGridDesign=se,d.bindingResolver=xe,d.columnOptions=nt,d.default=pt,d.designPropsResolver=He,d.editOptions=ot,d.filterOptions=Xe,d.groupOptions=Qe,d.headerOptions=Ze,d.loadingOptions=it,d.paginationOptions=Je,d.propsResolver=Me,d.rowOptions=et,d.selectionItemResolver=Ne,d.sortOptions=Ke,d.summaryOptions=tt,d.treeGridDesignProps=Se,d.treeGridProps=Fe,d.updateColumnsResolver=Ae,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(d,$){typeof exports=="object"&&typeof module<"u"?$(exports,require("../../components/common/index.umd.js"),require("vue"),require("@vueuse/core"),require("lodash-es"),require("../../components/locale/index.umd.js"),require("../../components/data-view/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/tree-grid/index.umd.js"),require("../data-grid/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("../../components/property-panel/index.umd.js"),require("../data-view/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/common/index.umd.js","vue","@vueuse/core","lodash-es","../../components/locale/index.umd.js","../../components/data-view/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/tree-grid/index.umd.js","../data-grid/index.umd.js","../../components/designer-canvas/index.umd.js","../../components/property-panel/index.umd.js","../data-view/index.umd.js"],$):(d=typeof globalThis<"u"?globalThis:d||self,$(d["tree-grid"]={},d.common,d.Vue,d.VueUseCore,d.LodashES,d.locale,d.dataView,d.dynamicResolver,d.treeGrid,d.designer$2,d.designerCanvas,d.propertyPanel,d.designer$1))})(this,function(d,$,o,Fe,E,Ve,i,ee,Pe,$e,ge,Ye,T){"use strict";const Je={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}},Ke={enable:{type:Boolean,default:!1},fields:{type:Array,default:[]},mode:{type:String,default:"client"},multiSort:{type:Boolean,default:!1}},Qe={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"}},Xe={enable:{type:Boolean,default:!1},filterStyle:{type:String,default:"filter-column"},mode:{type:String,default:"server"},showSummary:{type:Boolean,default:!0}},Ze={wrapHeadings:{type:Boolean,default:!1}},et={customRowStyle:{type:Function,default:()=>{}},customCellStyle:{type:Function,default:()=>{}},disable:{type:Function,default:()=>{}},height:{type:Number,default:28},showHovering:{type:Boolean,default:!0},wrapContent:{type:Boolean,default:!1}},tt={enable:{type:Boolean,default:!1},customSummaryStyle:{type:Function,default:()=>{}},groupFields:{type:Array,default:[]},mode:{type:String,default:"client"},position:{type:String,default:"bottom"}},nt={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}},ot={selectOnEditing:{type:Boolean,default:!1},editMode:{type:String,default:"cell"}},it={show:{type:Boolean,default:!1},message:{type:String,default:`${Ve.LocaleService.getLocaleValue("datagrid.loadingMessage")}...`}},je={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,mode:"server",size:-1}},rowNumber:{type:Object,default:{enable:!0,width:36,heading:"序号"}},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"]}},autoHeight:{type:Boolean,default:!1},visible:{type:Boolean,default:!0},checkboxPosition:{type:String,default:"after-expand"}};function at(e,t,m,s,y,u,p,g,c,r,b,C,P,f,D,U,I){const{calculateCellPositionInRow:M}=u,{columnContext:R,hasLeftFixedColumn:F,hasRightFixedColumn:_}=p,{gridDataStyle:N,leftFixedGridDataStyle:a,rightFixedGridDataStyle:L}=f,{renderDataRow:h}=i.getHierarchyRow(e,t,R,I,g,c,r,b,C,P,f,D,U),A=[h];function Y(v,te){const ne=M(v);return I.value.filter(z=>z.visible!==!1).map((z,oe)=>A[z.type](z,ne,te,oe))}function j(){return o.createVNode("div",{ref:s,class:"fv-grid-content-left-fixed"},[o.createVNode("div",{class:"fv-grid-data",style:a.value},[Y(R.value.leftColumns.filter(v=>v.visible),"left")])])}function de(){return o.createVNode("div",{ref:m,class:"fv-grid-content-primary"},[o.createVNode("div",{class:"fv-grid-data",style:N.value},[Y(R.value.primaryColumns.filter(v=>v.visible),"primary")])])}function x(){return o.createVNode("div",{ref:y,class:"fv-grid-content-right-fixed"},[o.createVNode("div",{class:"fv-grid-data",style:L.value},[Y(R.value.rightColumns.filter(v=>v.visible),"right")])])}function J(){const v=[];return F.value&&v.push(j()),v.push(de()),_.value&&v.push(x()),v}return{renderDataArea:J}}const lt=o.defineComponent({name:"FTreeGrid",props:je,emits:["selectionChange","clickRow","expandNode","dblclickNode","doubleClickRow","unSelectItem","selectItem","selectAll","unSelectAll","filterChanged","sortChanged","selectionUpdate"],setup(e,t){var _e,Le;const s=((_e=e.rowOption)==null?void 0:_e.height)||28,y=o.ref(20),u=o.ref(e.columns),p=i.useIdentify(e),{idField:g}=p,c=o.ref(),r=o.ref(),b=o.ref(),C=o.ref(),P=o.ref(),f=o.ref([]),D=o.ref(!1),U=o.ref(((Le=e.rowOption)==null?void 0:Le.wrapContent)||!1),I=i.useGroupData(e,p),M=i.useFilter(e,t),R=i.useHierarchy(e),{collapseField:F}=R,{showLoading:_,renderLoading:N}=i.useLoading(e,c),a=i.useDataView(e,new Map,M,R,p),{dataView:L}=a,h=i.useSelection(e,a,p,f,t),{showSelection:A,selectedValues:Y}=h,j=i.useSelectHierarchyItem(e,f,a,p,h,t),de=o.computed(()=>e.disabled),x=o.computed(()=>e.virtualized?Math.min(a.dataView.value.length,y.value):a.dataView.value.length),J=i.usePagination(e,a),{shouldRenderPagination:v}=J,{containerStyleObject:te}=i.useDataViewContainerStyle(e),ne=i.useCommandColumn(e),{applyCommands:z}=ne;z(u);const{applyColumnSetting:oe,removeColumnSetting:Ce}=i.useSettingColumn(e);e.showSetting&&oe(u);const q=i.useColumn(e,t),ce=i.useSort(e),{applyColumnSorter:he,columnContext:V,updateColumnRenderContext:we}=q;he(a,ce);const ie=i.useGroupColumn(e,V),W=i.useRow(e,t,h,p),H=i.useEdit(e,t,p,W,f),ue=i.useVisualDataBound(e),Ie=i.useVisualDataCell(e,H,ue),ae=i.useVisualDataRow(e,a,H,R,p,ue,Ie),pe=i.useVisualData(e,u,a,x,0,ae),{getVisualData:le}=pe,Re=i.useCellPosition(e,V),fe=i.useSidebar(e,h),{sidebarWidth:Oe}=fe,O=i.useVirtualScroll(e,a,f,V,pe,x,0,Oe),{onWheel:be,dataGridWidth:me,viewPortHeight:k,viewPortWidth:K,resetScroll:re,updateVisibleRowsOnLatestVisibleScope:ft}=O,ze=i.useFitColumn(e,V,r,K,ie),{calculateColumnsSize:ye}=ze,We=i.useFilterHistory(),mt=i.useColumnFilter(r,P,a,We,O),yt=i.useDragColumn(e,t,q,a,ie,I,O),gt=o.computed(()=>{const n={"fv-grid":!0,"fv-grid-bordered":e.showBorder,"fv-grid-horizontal-bordered":e.showHorizontalLines,"fv-datagrid-strip":e.showStripe};return $.getCustomClass(n,e.customClass)}),Ct=o.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":D.value,"fv-grid-wrap-content":U.value})),{renderDataArea:ht}=at(e,t,b,C,P,Re,q,a,H,R,W,h,j,O,pe,ue,f),{renderGridHeader:bt,renderGridColumnResizeOverlay:vt,shouldShowHeader:St}=i.getColumnHeader(e,t,r,C,P,q,a,yt,mt,M,We,ze,ie,h,fe,ce,O,K,f),{renderDataGridSidebar:wt}=i.getSidebar(e,W,h,fe,O,j),{renderDisableMask:It}=i.getDisableMask(),{renderHorizontalScrollbar:Rt}=i.getHorizontalScrollbar(e,r,O),{renderVerticalScrollbar:Ot}=i.getVerticalScrollbar(e,r,O);function Bt(){var n,l,S;if(r.value&&r.value.clientHeight>0&&((n=r.value)==null?void 0:n.clientWidth)>0){const B=Math.ceil(r.value.clientHeight/s);B>y.value&&(y.value=B,ft()),k.value=((l=b.value)==null?void 0:l.clientHeight)||0,me.value=((S=r.value)==null?void 0:S.clientWidth)||0}r.value&&(r.value.clientHeight>0||r.value.clientWidth>0)&&ye()}o.onMounted(()=>{r.value&&(y.value=Math.max(Math.ceil(r.value.clientHeight/s),y.value),f.value=le(0,x.value+0-1),Fe.useResizeObserver(r.value,Bt),ye(),o.nextTick(()=>{r.value&&(me.value=r.value.clientWidth),b.value&&(K.value=b.value.clientWidth,k.value=b.value.clientHeight)})),_.value&&N()}),o.onUnmounted(()=>{}),o.watch(K,()=>{r.value&&ye()});function Dt(n){a.collapseTo(n),a.reOrderVisibleIndex(),re()}function Ft(n){a.expandTo(n),a.reOrderVisibleIndex(),re()}function Be(){const n=h.getSelectionRow();return n?n.dataIndex-1:-1}function Pt(){const n=Be();a.insertNewDataItem(n),f.value=le(0,x.value+0-1)}function jt(){const n=Be();a.insertNewChildDataItem(n),f.value=le(0,x.value+0-1)}function Gt(n,l){const S=f.value.find(G=>G.raw[g.value]===l),B=S?S.dataIndex-1:-1;a.insertNewChildDataItems(n,B)}function Tt(){const n=Be(),l=j.getNextSelectableHierarchyItemId(n);a.removeHierarchyDataItem(n),f.value=le(0,x.value+0-1),l&&j.selectItemById(l)}function kt(n){H.onEditingRow(n)}function Mt(n){H.acceptEditingRow(n)}function Nt(n){H.cancelEditingRow(n)}function ve(n){n&&(u.value=n,z(u),we(u.value),he(a,ce),ye())}o.watch(()=>e.columns,n=>{ve(n)});function Ee(n,l){n&&(a.load(n),a.reOrderVisibleIndex(),l!=null&&l.keepScrollPosition?O.scrollTo(O.offsetY.value):re())}function De(n){W.activeRowById(n)}function xt(n,l={isCurrent:!0}){l!=null&&l.isCurrent&&De(n),j.selectItemById(n)}function Ht(n){const l=f.value.find(S=>S.raw[p.idField.value]===n);l&&W.clickRowItem(l)}function At(n){j.selectItemByIds(n)}function zt(){return h.getSelectedItems()}function Ue(){h.clearSelection()}function Wt(){h.emptyCurrentRowId()}const Et=o.computed(()=>!f.value||!f.value.length),{renderEmpty:Ut}=i.getEmpty(e,t);function _t(){return h.getSelectionRow()}function Lt(n,l={clearCurrent:!0}){l!=null&&l.clearCurrent&&De(""),j.unSelectItemByIds(n)}function qt(){return h.currentSelectedDataId.value}function Vt(n,l,S){const B=L.value.find(G=>G[g.value]===n);if(B){if(Object.keys(B).forEach(w=>{Object.prototype.hasOwnProperty.call(l,w)&&(B[w]=l[w])}),S){const{collapseField:w,disabledField:Q,checkedField:X,visibleField:Z}=S;w&&!E.isUndefined(l[w])&&(B.__fv_collapse__=l[w]),X&&!E.isUndefined(l[X])&&(B.__fv_checked__=l[X]),Q&&!E.isUndefined(l[Q])&&(B.__fv_disabled__=l[Q]),Z&&!E.isUndefined(l[Z])&&(B.__fv_visible__=l[Z])}const G=f.value.find(w=>w.raw[g.value]===n),qe=f.value.findIndex(w=>w.raw[g.value]===n);if(G){if(G.raw=B,Object.keys(G.data).forEach(w=>{G.data[w].updateData(B)}),S){const{collapseField:w,disabledField:Q,checkedField:X,visibleField:Z}=S;w&&!E.isUndefined(l[w])&&(G.collapse=l[w]),X&&!E.isUndefined(l[X])&&(G.checked=l[X]),Q&&!E.isUndefined(l[Q])&&(G.disabled=l[Q]),Z&&!E.isUndefined(l[Z])&&(G.visible=l[Z])}f.value=[...f.value.slice(0,qe),G,...f.value.slice(qe+1)],a.updateSummary()}}}function $t(n){return Object.prototype.hasOwnProperty.call(n,"raw")?a.hasRealChildren(n.raw):a.hasRealChildren(n)}function Yt(n){const l=a.dataView.value.find(S=>S[g.value]===n);return l?l[F.value]:""}function Jt(){return F.value}o.watch(()=>e.showSetting,(n,l)=>{n!==l&&(n?oe(u):Ce(u),ve(u.value))});function Kt(n){return f.value.filter(l=>n.includes(l.raw[e.idField]))}function Qt(n){const l=p.idField.value,S=f.value.find(B=>B.raw[l]===n);S&&W.changeRow(S)}function Xt(){h.keepSelectingOnPaging.value||Ue(),a.updateVisibleDataSummary(f.value)}function Zt(n){J.updatePagination(n)}const en=i.useAdapt(h,a,M,u,ve,Ee,Zt);t.expose({activeRowById:De,addNewDataItem:Pt,addNewChildDataItem:jt,addChildrenToNode:Gt,collapseTo:Dt,expandTo:Ft,removeDataItem:Tt,editDataItem:kt,acceptDataItem:Mt,cancelDataItem:Nt,updateColumns:ve,updateDataSource:Ee,selectItemById:xt,selectItemByIds:At,getSelectedItems:zt,clearSelection:Ue,getSelectionRow:_t,clickRowItemById:Ht,unSelectItemByIds:Lt,getCurrentRowId:qt,reassignRowData:Vt,hasChildren:$t,getCollapseField:Jt,getCollapseStatusById:Yt,getVisibleDataByIds:Kt,selectRowById:Qt,updateDerivedData:Xt,emptyCurrentRowId:Wt,calculateColumnsSize:ye,...en});const tn=o.computed(()=>{const n={};return O.shouldShowHorizontalScrollbar.value&&(n.paddingBottom="10px"),O.shouldShowVirticalScrollbar.value&&(n.paddingRight="10px"),n}),nn=o.computed(()=>({...te.value,borderRadius:"5px"})),{renderDataGridPagination:on}=i.getPagination(e,t,a,O,J,h),an=o.computed(()=>({"d-flex":!0,"justify-content-between":v.value&&A.value,"justify-content-end":v.value&&!A.value,"position-relative":!0})),ln=o.computed(()=>({"d-flex":!0,"align-items-center":!0})),{renderDataGridSummary:rn}=i.getSummary(e,a,q);return()=>e.visible&&o.createVNode("div",{ref:c,class:gt.value,style:nn.value,onWheel:be},[r.value&&St.value&&bt(),o.createVNode("div",{ref:r,class:Ct.value,onMouseover:()=>D.value=!0,onMouseleave:()=>D.value=!1,onTouchstart:n=>{n.stopPropagation(),D.value=!0,O.onTouchstartScrollThumb(n,r)},onTouchend:n=>{D.value=!1},style:tn.value},[r.value&&wt(f),r.value&&ht(),r.value&&Et.value&&Ut(),r.value&&Rt(),r.value&&Ot()]),r.value&&rn(),(v.value||A.value)&&o.createVNode("div",{class:an.value},[A.value&&o.createVNode("div",{class:ln.value},[o.createVNode("div",null,["已选:"+Y.value.length,o.createTextVNode(" 条")])]),v.value&&on()]),vt(),de.value&&It()])}}),Ge={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/tree-grid.schema.json",title:"tree-grid",description:"A Farris Data Grid Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"tree-grid"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},fit:{type:"boolean",default:!1},showStripe:{type:"boolean",default:!0},showBorder:{type:"boolean",default:!1},showTreeNodeIcons:{type:"boolean",default:!1},showSetting:{type:"boolean",default:!1},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},dataSource:{description:"",type:"string",default:""},columns:{description:"",type:"array",default:[]},identifyField:{description:"",type:"string"},editable:{description:"",type:"boolean",default:!1},disabled:{description:"",type:"boolean",default:!1},visible:{description:"是否可见",type:"boolean",default:!0},cell:{type:"object",properties:{highlightFocusingCell:{description:"",type:"boolean",default:!1},mergeCell:{description:"",type:"boolean",default:!1},showEditableIcon:{description:"",type:"boolean",default:!1}}},column:{type:"object",properties:{fitColumns:{description:"",type:"boolean",default:!1},fitMode:{description:"",type:"string",default:"average"},groups:{description:"",type:"array",default:[]},reorderColumn:{description:"Enable to drag column to reorder",type:"boolean",default:!1},resizeColumn:{type:"boolean",default:!0},resizeColumnOnDoubleClick:{description:"",type:"boolean",default:!0}}},command:{type:"object",properties:{enable:{description:"",type:"boolean",default:!1},commands:{type:"array",default:[]},commandColumnWidth:{description:"",type:"number",default:120},onClickDeleteCommand:{description:"",type:"string",default:""},onClickEditCommand:{description:"",type:"string",default:""},onHandleAction:{description:"",type:"string",default:""},count:{description:"",type:"number",default:2}}},contextMenu:{description:"",type:"object",properties:{enable:{description:"",type:"boolean",default:!1}}},customizaiton:{type:"object",properties:{enableScheme:{description:"",type:"boolean",default:!1},enableSetting:{description:"",type:"boolean",default:!1}}},edit:{type:"object",properties:{mode:{description:"",type:"string",default:"cell",enum:["cell","row","card"]},selectOnEditing:{description:"",type:"boolean",default:!1},onAppendRow:{description:"",type:"string",default:""},onBeforeEdit:{description:"",type:"string",default:""}}},filter:{type:"object",properties:{enable:{description:"",type:"boolean",default:!1},filterStyle:{description:"",type:"string",default:"filter-column",enum:["filter-column","filter-row"]},mode:{description:"",type:"string",default:"server",enum:["server"]},showSummary:{description:"",type:"boolean",default:!0},onFilterChange:{description:"",type:"string",default:""}}},footer:{type:"object",properties:{enable:{description:"",type:"boolean",default:!1},customFooterStyle:{description:"",type:"object"},footerDataCommand:{description:"",type:"string",default:""},footerDataFrom:{description:"",type:"string",default:"client"},footerHeight:{description:"",type:"number",default:29},footerPosition:{description:"",type:"string",default:"bottom"},footerTemplate:{description:"",type:"string",default:""}}},group:{description:"",type:"object",properties:{enable:{description:"",type:"boolean",default:!1},customGroupRow:{description:"",type:"object"},customGroupRowStyle:{description:"",type:"object"},customSummaryStyle:{description:"",type:"object"},groupColSpan:{description:"",type:"number",default:1},groupFields:{description:"",type:"array",default:[]},showGroupedColumn:{description:"",type:"boolean",default:!0},showGroupPanel:{description:"",type:"boolean",default:!1},showSummary:{description:"",type:"boolean",default:!1},summaryPosition:{description:"",type:"string",default:"separate",enum:["separate","merge-to-group"]},disableGroupOnEditing:{description:"",type:"boolean",default:!0},expandGroupRows:{description:"",type:"boolean",default:!0}}},header:{type:"object",properties:{wrapHeadings:{description:"",type:"boolean",default:!1}}},pagination:{type:"object",properties:{enable:{description:"",type:"boolean",default:!1},disablePagination:{description:"",type:"string",default:""},contentTemplate:{description:"",type:"string",default:""},index:{description:"",type:"number",default:1},mode:{description:"",type:"string",default:"server",enum:["server","client"]},showGoto:{description:"",type:"boolean",default:!1},showIndex:{description:"",type:"boolean",default:!0},showLimits:{description:"",type:"boolean",default:!1},showPageInfo:{description:"",type:"boolean",default:!0},size:{description:"",type:"number",default:20},sizeLimits:{description:"",type:"array",default:[10,20,30,50,100]},onPageChange:{description:"",type:"string",default:""},onPageSizeChange:{description:"",type:"string",default:""}}},rowOption:{type:"object",properties:{customRowStyle:{description:"自定义行样式",type:"string",default:""},customCellStyle:{description:"自定义单元格样式",type:"string",default:""},disable:{description:"",type:"object"},height:{description:"",type:"number",default:30},showHovering:{type:"boolean",default:!0},wrapContent:{type:"boolean",default:!1}}},rowNumber:{description:"",type:"object",properties:{enable:{description:"",type:"boolean",default:!1},heading:{description:"",type:"string",default:"序号"},width:{description:"",type:"number",default:36},onClickRow:{description:"",type:"string",default:""},onDoubleClickRow:{description:"",type:"string",default:""}}},onClickRow:{description:"行点击事件",type:"string",default:""},onSelectionChange:{description:"行切换事件",type:"string",default:""},onPageIndexChanged:{description:"切换页码事件",type:"string",default:""},onPageSizeChanged:{description:"分页条数变化事件",type:"string",default:""},selection:{type:"object",properties:{enableSelectRow:{description:"允许选中行",type:"boolean",default:!0},enable:{description:"",type:"boolean",default:!0},checkOnSelect:{description:"",type:"boolean",default:!1},showSelectAll:{description:"",type:"boolean",default:!1},clearSelectionOnEmpty:{description:"",type:"boolean",default:!0},customSelectionItem:{description:"",type:"object"},focusSelection:{description:"",type:"string",default:"current",enum:["current","all"]},keepSelectingOnClick:{description:"",type:"boolean",default:!0},keepSelectingOnPaging:{description:"",type:"boolean",default:!0},multiSelect:{description:"",type:"boolean",default:!1},selectionMode:{description:"",type:"string",default:"default"},selectOnCheck:{description:"",type:"boolean",default:!1},selectOnEditing:{description:"",type:"boolean",default:!1},showCheckbox:{description:"",type:"boolean",default:!1},showCheckAll:{description:"",type:"boolean",default:!1},showSelection:{description:"",type:"boolean",default:!1},onBeforeSelect:{description:"",type:"string",default:""},onBeforeUnCheck:{description:"",type:"",default:""},onBeforeUnSelect:{description:"",type:"string",default:""},onCheckAll:{description:"",type:"string",default:""},onChecked:{description:"",type:"string",default:""},onSelectionChange:{description:"",type:"string",default:""},onUnCheckAll:{description:"",type:"string",default:""},onUnChecked:{description:"",type:"string",default:""},onCheckedChange:{description:"",type:"string"}}},sort:{type:"object",properties:{enable:{description:"",type:"boolean",default:!1},fields:{description:"",type:"array",default:[]},mode:{description:"",type:"string",default:"server",enum:["server"]},multiSort:{description:"",type:"boolean",default:!1}}},summary:{description:"",type:"object",properties:{enable:{description:"",type:"boolean",default:!1},customSummaryStyle:{description:"",type:"object"},groupFields:{description:"",type:"array",default:[]},mode:{description:"",type:"string",default:"client",enum:["client","server"]},position:{description:"",type:"boolean",default:"bottom",enum:["bottom","top","both"]}}},toolbar:{description:"",type:"object",properties:{enable:{description:"",type:"boolean",default:!1}}},visualization:{autoHeight:{description:"",type:"boolean",default:!1},emptyDataHeight:{description:"",type:"number",default:36},emptyTemplate:{description:"",type:"string",default:""},maxHeight:{description:"",type:"number",default:300},scrollBarShowMode:{description:"",type:"string",default:"auto"},showBorder:{description:"",type:"boolean",default:!1},showScrollArrow:{description:"",type:"boolean",default:!1},striped:{description:"",type:"boolean",default:!0},useBlankWhenDataIsEmpty:{description:"",type:"boolean",default:!1}},emptyTemplate:{description:"",type:"string",default:""},udtField:{description:"分级码字段",type:"string"},virtualized:{description:"是否虚拟加载",type:"boolean",default:!1},hierarchy:{cascadeOption:{autoCheckChildren:{description:"向下级联",type:"boolean"},autoCheckParent:{description:"向上级联",type:"boolean"}},collapseField:{description:"收折属性",type:"string"},hasChildrenField:{description:"存在子节点",type:"string"},parentIdField:{description:"父级字段",type:"string"}},autoCheckChildren:{description:"向下级联",type:"boolean"},autoCheckParent:{description:"向上级联",type:"boolean"}},required:["id","type","columns"],events:{onSelectionChange:"行切换事件",onClickRow:"行点击事件",onDoubleClickRow:"行双击事件",onFilterChanged:"过滤事件",onClickEditCommand:"操作列编辑事件",onClickDeleteCommand:"操作列删除事件",onExpandNode:"展开事件"}},Te=new Map([["appearance",ee.resolveAppearance],["column","columnOption"],["command","commandOption"]]);function rt(e,t,m){var C;const s=m.parentComponentInstance,y=s.schema.type,u=String(((C=s.schema.appearance)==null?void 0:C.class)||"").split(" "),p=y==="section"||y==="tab-page",g=u.includes("f-page-content-nav"),c=u.includes("f-page-main"),r=e.getSchemaByType("component");r.id=`${t.id}-component`,r.componentType="data-grid";let b="";return b+=p?"f-struct-data-grid-in-card f-struct-is-subgrid":"",b+=g?"f-struct-data-grid-in-nav f-struct-wrapper f-utils-fill-flex-column":"",b+=c?"f-struct-data-grid f-struct-wrapper":"",r.appearance={class:b},r.contents=[t],r}function st(e,t,m){const s=m.parentComponentInstance,y=String(s.schema.appearance.class||"").split(" "),u=y.includes("f-page-content-nav"),p=y.includes("f-page-main"),g=e.getSchemaByType("section");g.id=`${t.id}-section`;let c="";return c+=u?"f-section-in-nav ":"",c+=p?"f-section-in-managelist ":"",c+="f-section-grid",g.appearance={class:c},g.contents=[t],g}function dt(e,t,m){const s=e.getSchemaByType("content-container");return s.id=`${t.id}-layout`,s.appearance={class:"f-grid-is-sub f-utils-flex-column"},s.contents=[t],s}function ke(e,t,m){const y=m.parentComponentInstance.schema.type,u=y==="section"||y==="tab-page";t.appearance={class:"f-component-grid"};const g=(u?dt:st)(e,t,m);return rt(e,g,m)}const Me=ee.createPropsResolver(Pe.treeGridProps,Ge,Te,ke),Ne=ee.createTreeGridSelectionItemResolver(),xe=ee.createTreeGridBindingResolver(),Se=$.excludeProperties(Object.assign({},Pe.treeGridProps,{componentId:{type:String,default:""}}),"columnOption","commandOption"),He=ee.createPropsResolver(Se,Ge,Te,ke),Ae=ee.createDataViewUpdateColumnsResolver();class ct extends Ye.BaseControlProperty{constructor(t,m){super(t,m)}getPropertyConfig(t){return this.getBasicPropConfig(t),this.getAppearanceProperties(t),this.propertyConfig.categories.command=T.useCommandOption(this).getCommandColumnProperties(t),this.propertyConfig.categories.column=T.useColumnOption().getColumnOptionProperties(t),this.propertyConfig.categories.rowOption=T.useRowOption().getRowOptionProperties(t),this.propertyConfig.categories.summary=T.useSummary().getSummaryProperties(t),this.propertyConfig.categories.filter={title:"过滤",description:"",properties:{mode:{title:"类型",type:"enum",description:"过滤类型",$converter:"/converter/grid-filter.converter",editor:{data:[{id:"server",name:"服务端"}]}}}},this.propertyConfig.categories.behavior=this.getBehaviorConfig(t,"treeGrid"),this.getEventPropConfig(t),this.propertyConfig}getBasicPropConfig(t){var p,g,c;const m=(c=(g=(p=this.formSchemaUtils.getFormSchema())==null?void 0:p.module)==null?void 0:g.entity[0])==null?void 0:c.entities[0],s=this.assembleSchemaEntityToTree(m,0),y=this,u=super.getBasicPropConfig(t);this.propertyConfig.categories.basic={description:"Basic Information",title:"基本信息",properties:{...u.properties,dataSource:{description:"绑定数据源",title:"绑定数据源",editor:{type:"combo-tree",textField:"name",valueField:"label",data:s,editable:!1},readonly:!0}},setPropertyRelates(r,b){switch(r&&r.propertyID){case"dataSource":{const C=y.formSchemaUtils.getViewModelById(y.viewModelId);if(C){const P=s.find(f=>f.label===r.propertyValue);C.bindTo=P.bindTo}y.designViewModelUtils.assembleDesignViewModel();break}}}}}getAppearanceProperties(t){const m=this;this.propertyConfig.categories.appearance=T.useAppearance().getTreeGrid(t,this.viewModelId,m),this.propertyConfig.categories.selection=T.useSelection().getSelection(t,m),this.propertyConfig.categories.rowNumber=T.useRowNumber().getRowNumber(t),this.propertyConfig.categories.pagination=T.usePagination().getPagination(t,!1,m)}getEventPropConfig(t){const m=T.useDataGridEvent().initEvent(t),s=this,y=s.eventsEditorUtils.formProperties(t,s.viewModelId,m),u=s.createBaseEventProperty(y);this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:u,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(p,g){const c=p.propertyValue;delete t[s.viewModelId],c&&(c.setPropertyRelates=this.setPropertyRelates,s.eventsEditorUtils.saveRelatedParameters(t,s.viewModelId,c.events,c)),t.remoteSort=!!t.columnSorted,t.command&&(t.command.onClickEditCommand=t.onClickEditCommand,t.command.onClickDeleteCommand=t.onClickDeleteCommand,t.command.onHandleAction=t.onHandleAction)}}}assembleSchemaEntityToTree(t,m,s,y="",u=[]){const p=y?`${y}/${t.label}`:"/";return u.push({id:t.id,name:t.name,label:t.label,layer:m,parent:s&&s.id,bindTo:p.replace("//","/")}),t.type.entities&&t.type.entities.length&&t.type.entities.map(g=>this.assembleSchemaEntityToTree(g,m+1,t,p,u)),u}}function ut(e,t){const m=e.schema,s=o.ref(!0),y=o.ref(!0);function u(C){return C&&C.sourceType==="control"?C.componentCategory==="input":!1}function p(){return!1}function g(){return!1}function c(){return!0}function r(C){return new ct(C,t).getPropertyConfig(m)}function b(){var C,P,f,D;if(e&&t){const U=(C=e==null?void 0:e.componentInstance)==null?void 0:C.value.belongedComponentId;let I="",M="";const{formSchemaUtils:R}=t;if(U){const _=R.getRootViewModelId(),N=R.getComponentByViewModelId(_),a=R.selectNode(N,L=>L.contents&&L.contents.find(h=>h.component===U));(a==null?void 0:a.type)===((P=ge.DgControl["tab-page"])==null?void 0:P.type)&&((f=a==null?void 0:a.contents)!=null&&f.length)&&(I=a.title||""),(a==null?void 0:a.type)===((D=ge.DgControl.section)==null?void 0:D.type)&&(a==null?void 0:a.showHeader)!==!1&&(I=a.mainTitle||""),I=I?`${I} > `:"",M=I?a.id:""}const F=ge.DgControl["tree-grid"].name;t==null||t.formSchemaUtils.getControlBasicInfoMap().set(e.schema.id,{componentTitle:F,parentPathName:`${I}${F}`,reliedComponentId:M})}}return{canAccepts:u,checkCanDeleteComponent:p,checkCanMoveComponent:g,hideNestedPaddingInDesginerView:c,triggerBelongedComponentToMoveWhenMoved:s,triggerBelongedComponentToDeleteWhenDeleted:y,getPropsConfig:r,setComponentBasicInfoMap:b}}const se=o.defineComponent({name:"FTreeGridDesign",props:Se,emits:[],setup(e,t){var be,me;const m=o.ref(),s=0,y=((be=e.rowOption)==null?void 0:be.height)||28,u=o.ref(20),p=o.ref(e.columns),g=i.useIdentify(e),c=o.ref(),r=o.ref(),b=o.ref([]),C=o.ref(!1),P=o.ref(((me=e.rowOption)==null?void 0:me.wrapContent)||!1),f=o.inject("designer-host-service"),D=o.inject("design-item-context"),U=ut(D,f),I=ge.useDesignerComponent(m,D,U);I.value.designerClass="f-utils-fill-flex-column";const M=i.useFilter(e,t),R=i.useHierarchy(e),F=i.useDataView(e,new Map,M,R,g),_=i.useSelection(e,F,g,b,t),N=o.computed(()=>F.dataView.value.length),{containerStyleObject:a}=i.useDataViewContainerStyle(e),L=i.useCommandColumn(e),{applyCommands:h}=L;h(p);const A=T.useDesignerColumn(e),{applyColumnSorter:Y,columnContext:j,updateColumnRenderContext:de}=A,x=i.useSort(e),J=i.useGroupColumn(e,j),v=i.useRow(e,t,_,g),te=i.useEdit(e,t,g,v,b),ne=i.useVisualDataBound(e),z=i.useVisualDataCell(e,te,ne),oe=i.useVisualDataRow(e,F,te,R,g,ne,z),Ce=T.useDesignerVisualData(e,p,F,N,s,oe),{getVisualData:q}=Ce,ce=i.useSidebar(e,_),{sidebarWidth:he}=ce;b.value=q(0,N.value+s-1);const V=i.useVirtualScroll(e,F,b,j,Ce,N,s,he),{onWheel:we,dataGridWidth:ie,viewPortHeight:W,viewPortWidth:H,updateVisibleRowsOnLatestVisibleScope:ue}=V,Ie=T.useDesignerFitColumn(e,j,c,H,J),{calculateColumnsSize:ae}=Ie,pe=o.computed(()=>({"drag-container":!0,"fv-grid":!0,"fv-grid-bordered":e.showBorder,"fv-datagrid-strip":e.showStripe})),le=o.computed(()=>({"fv-grid-content":!0,"fv-grid-content-hover":C.value,"fv-grid-wrap-content":P.value})),{renderGridHeader:Re}=$e.getColumnHeader(D,e,A,V,"tree-grid-column"),{renderHorizontalScrollbar:fe}=i.getHorizontalScrollbar(e,c,V);function Oe(){var K,re;const k=Math.ceil(c.value.clientHeight/y);k>u.value&&(u.value=k,ue()),W.value=((K=r.value)==null?void 0:K.clientHeight)||0,ie.value=((re=c.value)==null?void 0:re.clientWidth)||0,ae()}o.onMounted(()=>{m.value.componentInstance=I,c.value&&(u.value=Math.max(Math.ceil(c.value.clientHeight/y),u.value),b.value=q(0,N.value+s-1),Fe.useResizeObserver(c.value,Oe),ae(),o.nextTick(()=>{c.value&&(ie.value=c.value.clientWidth),r.value&&(H.value=r.value.clientWidth,W.value=r.value.clientHeight)}))});function O(k){k&&(p.value=k,h(p),de(p.value),Y(F,x),ae())}return o.watch(()=>e.columns,k=>{O(k)}),o.watch(H,()=>{c.value&&ae()}),t.expose(I.value),()=>o.createVNode("div",{ref:m,class:pe.value,style:a.value,onWheel:we,dragref:`${D.schema.id}-container`},[c.value&&Re(),o.createVNode("div",{ref:c,class:le.value,onMouseover:()=>{C.value=!0},onMouseleave:()=>{C.value=!1}},[fe()])])}});se.register=(e,t,m,s)=>{e["tree-grid"]=lt,t["tree-grid"]=Me,s["tree-grid"]={bindingResolver:xe,selectionItemResolver:Ne,updateColumnsResolver:Ae}},se.registerDesigner=(e,t,m)=>{e["tree-grid"]=se,t["tree-grid"]=He};const pt=$.withInstall(se);d.FTreeGridDesign=se,d.bindingResolver=xe,d.columnOptions=nt,d.default=pt,d.designPropsResolver=He,d.editOptions=ot,d.filterOptions=Xe,d.groupOptions=Qe,d.headerOptions=Ze,d.loadingOptions=it,d.paginationOptions=Je,d.propsResolver=Me,d.rowOptions=et,d.selectionItemResolver=Ne,d.sortOptions=Ke,d.summaryOptions=tt,d.treeGridDesignProps=Se,d.treeGridProps=je,d.updateColumnsResolver=Ae,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|