@dt-frames/ui 2.0.4 → 2.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/assets/locales/en.d.ts +2 -0
- package/es/assets/locales/en.ts +2 -0
- package/es/assets/locales/zh.d.ts +1 -0
- package/es/assets/locales/zh.ts +6 -5
- package/es/components/curd/index.js +117 -62
- package/es/components/curd/src/components/Curd.d.ts +0 -8
- package/es/components/curd/src/props.d.ts +0 -4
- package/es/components/form/index.d.ts +20 -53
- package/es/components/form/index.js +5 -3
- package/es/components/form/index.less +8 -3
- package/es/components/form/src/index.d.ts +16 -41
- package/es/components/source/index.js +8 -5
- package/es/components/source/types/source.type.d.ts +1 -0
- package/es/components/table/index.js +145 -95
- package/es/components/table/index.less +26 -5
- package/es/components/table/src/components/TableAction.d.ts +1 -1
- package/es/components/table/src/index.d.ts +10 -0
- package/es/components/table/src/props.d.ts +4 -0
- package/es/components/tree/index.d.ts +2 -0
- package/es/components/tree/index.js +1087 -0
- package/es/components/tree/index.less +119 -0
- package/es/components/tree/src/basicProps.d.ts +146 -0
- package/es/components/tree/src/components/ContextMenu.d.ts +64 -0
- package/es/components/tree/src/components/TreeHeader.d.ts +98 -0
- package/es/components/tree/src/enums/index.d.ts +6 -0
- package/es/components/tree/src/hooks/useContextMenu.d.ts +2 -0
- package/es/components/tree/src/hooks/useTree.d.ts +14 -0
- package/es/components/tree/src/index.d.ts +6526 -0
- package/es/components/tree/src/type/menu.d.ts +33 -0
- package/es/components/tree/src/type/tree.d.ts +55 -0
- package/es/components/tree/src/utils/tree.d.ts +5 -0
- package/es/theme/index.d.ts +2 -1
- package/es/theme/index.js +829 -699
- package/es/theme/index.less +56 -0
- package/es/theme/src/components/content/index.d.ts +6 -4
- package/es/theme/src/components/header/components/logo.d.ts +22 -0
- package/es/theme/src/components/header/index.d.ts +110 -0
- package/es/theme/src/components/header/multiple-header.d.ts +154 -20
- package/es/theme/src/components/sider/index.d.ts +22 -0
- package/es/theme/src/components/sider/mix-sider.d.ts +22 -0
- package/es/theme/src/components/tabs/components/TabContent.d.ts +33 -3
- package/es/theme/src/components/tabs/components/TabRedo.d.ts +6 -4
- package/es/theme/src/components/tabs/hooks/useTabDropdown.d.ts +6 -4
- package/es/theme/src/components/tabs/hooks/useTabs.d.ts +10 -0
- package/es/theme/src/components/tabs/index.d.ts +43 -20
- package/es/theme/src/hooks/useMenu.d.ts +1 -1
- package/es/theme/src/hooks/useMultifyTab.d.ts +1 -0
- package/es/theme/src/index.d.ts +293 -24
- package/es/theme/src/stores/routeReuse.store.d.ts +6 -4
- package/es/theme/src/stores/theme.store.d.ts +1 -0
- package/es/theme/src/types/theme.type.d.ts +2 -0
- package/index.d.ts +2 -1
- package/index.js +6 -2
- package/package.json +4 -2
- package/tsconfig.json +1 -0
- package/vite.config.ts +1 -0
|
@@ -8,7 +8,7 @@ import "ant-design-vue/es/dropdown/style";
|
|
|
8
8
|
import "ant-design-vue/es/menu/style";
|
|
9
9
|
import "ant-design-vue/es/tooltip/style";
|
|
10
10
|
import { useDebounceFn, useFullscreen, isFunction as isFunction$1 } from "@vueuse/core";
|
|
11
|
-
import { Input, InputNumber, Select, TreeSelect, Switch, Checkbox, DatePicker, TimePicker, Popover, Radio, AutoComplete, Cascader, Slider, Rate, Divider, Modal } from "ant-design-vue";
|
|
11
|
+
import { Input, InputNumber, Select, TreeSelect, Switch, Checkbox, DatePicker, TimePicker, Popover, Radio, AutoComplete, Cascader, Slider, Rate, Divider, Modal as Modal$1 } from "ant-design-vue";
|
|
12
12
|
import "ant-design-vue/es/radio/style";
|
|
13
13
|
import "ant-design-vue/es/cascader/style";
|
|
14
14
|
import "ant-design-vue/es/input-number/style";
|
|
@@ -173,8 +173,8 @@ defineStore({
|
|
|
173
173
|
return;
|
|
174
174
|
}
|
|
175
175
|
let updateIndex = -1;
|
|
176
|
-
const tabHasExits = this.tabList.some((tab,
|
|
177
|
-
updateIndex =
|
|
176
|
+
const tabHasExits = this.tabList.some((tab, index2) => {
|
|
177
|
+
updateIndex = index2;
|
|
178
178
|
return (tab.fullPath || tab.path) === (fullPath || path);
|
|
179
179
|
});
|
|
180
180
|
if (tabHasExits) {
|
|
@@ -190,14 +190,14 @@ defineStore({
|
|
|
190
190
|
},
|
|
191
191
|
closeTab(path, router) {
|
|
192
192
|
const go = useGo(router);
|
|
193
|
-
const
|
|
193
|
+
const index2 = this.tabList.findIndex((item) => item.path === path);
|
|
194
194
|
let page;
|
|
195
|
-
if (
|
|
195
|
+
if (index2 === 0) {
|
|
196
196
|
if (this.tabList.length !== 1) {
|
|
197
|
-
page = this.tabList[
|
|
197
|
+
page = this.tabList[index2 + 1];
|
|
198
198
|
}
|
|
199
199
|
} else {
|
|
200
|
-
page = this.tabList[
|
|
200
|
+
page = this.tabList[index2 - 1];
|
|
201
201
|
}
|
|
202
202
|
this.bulkCloseTabs([path]);
|
|
203
203
|
this.updateCacheTab();
|
|
@@ -212,9 +212,9 @@ defineStore({
|
|
|
212
212
|
go(route.path);
|
|
213
213
|
},
|
|
214
214
|
closeLeftTabs(path) {
|
|
215
|
-
const
|
|
216
|
-
if (
|
|
217
|
-
const leftTabs = this.tabList.slice(0,
|
|
215
|
+
const index2 = this.tabList.findIndex((item) => item.path === path);
|
|
216
|
+
if (index2 > 0) {
|
|
217
|
+
const leftTabs = this.tabList.slice(0, index2);
|
|
218
218
|
const pathList = [];
|
|
219
219
|
for (const item of leftTabs) {
|
|
220
220
|
const affix = item?.meta?.affix ?? false;
|
|
@@ -227,9 +227,9 @@ defineStore({
|
|
|
227
227
|
this.updateCacheTab();
|
|
228
228
|
},
|
|
229
229
|
closeRightTabs(path) {
|
|
230
|
-
const
|
|
231
|
-
if (
|
|
232
|
-
const rightTabs = this.tabList.slice(
|
|
230
|
+
const index2 = this.tabList.findIndex((item) => item.path === path);
|
|
231
|
+
if (index2 >= 0 && index2 < this.tabList.length - 1) {
|
|
232
|
+
const rightTabs = this.tabList.slice(index2 + 1, this.tabList.length);
|
|
233
233
|
const pathList = [];
|
|
234
234
|
for (const item of rightTabs) {
|
|
235
235
|
const affix = item?.meta?.affix ?? false;
|
|
@@ -364,12 +364,14 @@ function useMultipleTab() {
|
|
|
364
364
|
const { getRouteReuseConf } = useThemeStore();
|
|
365
365
|
const getShowMultipleTab = computed(() => getRouteReuseConf.show);
|
|
366
366
|
const getShowQuick = computed(() => getRouteReuseConf.showQuick);
|
|
367
|
+
const getMultipleTabPosIsTop = computed(() => getRouteReuseConf.position === "top");
|
|
367
368
|
const getShowRedo = computed(() => getRouteReuseConf.showRedo);
|
|
368
369
|
const getCanCache = computed(() => getRouteReuseConf.cache);
|
|
369
370
|
const getCanDrag = computed(() => getRouteReuseConf.canDrag);
|
|
370
371
|
return {
|
|
371
372
|
getShowMultipleTab,
|
|
372
373
|
getShowQuick,
|
|
374
|
+
getMultipleTabPosIsTop,
|
|
373
375
|
getShowRedo,
|
|
374
376
|
getCanCache,
|
|
375
377
|
getCanDrag
|
|
@@ -390,7 +392,7 @@ function useHeader() {
|
|
|
390
392
|
getIsTopMenu,
|
|
391
393
|
getIsMixSidebar
|
|
392
394
|
} = useMenu();
|
|
393
|
-
const { getShowMultipleTab } = useMultipleTab();
|
|
395
|
+
const { getShowMultipleTab, getMultipleTabPosIsTop } = useMultipleTab();
|
|
394
396
|
const getHeaderTheme = computed(() => getHeaderConf.theme);
|
|
395
397
|
const getFixed = computed(() => getHeaderConf.fixed);
|
|
396
398
|
const getShowHeaderLogo = computed(() => unref(getShowLogo) && !unref(getIsSidebarType) && !unref(getIsMixSidebar));
|
|
@@ -416,7 +418,7 @@ function useHeader() {
|
|
|
416
418
|
const getHeaderHeight = computed(() => {
|
|
417
419
|
let height = 0;
|
|
418
420
|
height += HEADER_HEIGHT;
|
|
419
|
-
if (unref(getShowMultipleTab) && !unref(getSplit)) {
|
|
421
|
+
if (unref(getShowMultipleTab) && !unref(getSplit) && !unref(getMultipleTabPosIsTop)) {
|
|
420
422
|
height += TABS_HEIGHT;
|
|
421
423
|
}
|
|
422
424
|
return height;
|
|
@@ -590,7 +592,7 @@ function useTable(props2) {
|
|
|
590
592
|
const _hoisted_1$b = { key: 0 };
|
|
591
593
|
const _hoisted_2$3 = {
|
|
592
594
|
key: 0,
|
|
593
|
-
class: "dt-table-action-btn w-
|
|
595
|
+
class: "dt-table-action-btn w-8 inline-block"
|
|
594
596
|
};
|
|
595
597
|
const _hoisted_3$3 = ["onClick"];
|
|
596
598
|
const _hoisted_4$3 = /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-settings dt-table-action-dropdown cursor-pointer" }, null, -1);
|
|
@@ -682,7 +684,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
682
684
|
}, 1024)
|
|
683
685
|
])), [
|
|
684
686
|
[_directive_auth, item.auth]
|
|
685
|
-
]) : createCommentVNode("", true)
|
|
687
|
+
]) : createCommentVNode("v-if", true)
|
|
686
688
|
], 64);
|
|
687
689
|
}), 256))
|
|
688
690
|
])) : (openBlock(), createBlock(_component_ADropdown, {
|
|
@@ -709,7 +711,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
709
711
|
createElementVNode("span", _hoisted_5$2, toDisplayString(item.label()), 1)
|
|
710
712
|
]),
|
|
711
713
|
_: 2
|
|
712
|
-
}, 1032, ["onClick"])) : createCommentVNode("", true)
|
|
714
|
+
}, 1032, ["onClick"])) : createCommentVNode("v-if", true)
|
|
713
715
|
])), [
|
|
714
716
|
[_directive_auth, item.auth]
|
|
715
717
|
]);
|
|
@@ -726,6 +728,14 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
726
728
|
};
|
|
727
729
|
}
|
|
728
730
|
});
|
|
731
|
+
const _export_sfc = (sfc, props2) => {
|
|
732
|
+
const target = sfc.__vccOpts || sfc;
|
|
733
|
+
for (const [key, val] of props2) {
|
|
734
|
+
target[key] = val;
|
|
735
|
+
}
|
|
736
|
+
return target;
|
|
737
|
+
};
|
|
738
|
+
const TableAction = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/TableAction.vue"]]);
|
|
729
739
|
const tableKey = Symbol("dt-page");
|
|
730
740
|
function createTableInstance(instance) {
|
|
731
741
|
provide(tableKey, instance);
|
|
@@ -820,9 +830,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
820
830
|
const val = unref(currentValueRef);
|
|
821
831
|
const value = isCheckValue ? isNumber(val) && isBoolean(val) ? val : !!val : val;
|
|
822
832
|
let compProps = props2.column?.editComponentProps ?? {};
|
|
823
|
-
const { record, column, index } = props2;
|
|
833
|
+
const { record, column, index: index2 } = props2;
|
|
824
834
|
if (isFunction(compProps)) {
|
|
825
|
-
compProps = compProps({ text: val, record, column, index }) ?? {};
|
|
835
|
+
compProps = compProps({ text: val, record, column, index: index2 }) ?? {};
|
|
826
836
|
}
|
|
827
837
|
if (unref(getComponent) === "InputNumber") {
|
|
828
838
|
compProps = {
|
|
@@ -902,8 +912,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
902
912
|
};
|
|
903
913
|
}
|
|
904
914
|
});
|
|
915
|
+
const EditableCell = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/editTable/EditTableCell.vue"]]);
|
|
905
916
|
function renderEditCell(column) {
|
|
906
|
-
return ({ text: value, record, index }) => {
|
|
917
|
+
return ({ text: value, record, index: index2 }) => {
|
|
907
918
|
record.onValid = async () => {
|
|
908
919
|
if (isArray(record?.validCbs)) {
|
|
909
920
|
const validFns = (record?.validCbs || []).map((fn) => fn());
|
|
@@ -931,11 +942,11 @@ function renderEditCell(column) {
|
|
|
931
942
|
}
|
|
932
943
|
return true;
|
|
933
944
|
};
|
|
934
|
-
return h(
|
|
945
|
+
return h(EditableCell, {
|
|
935
946
|
value,
|
|
936
947
|
record,
|
|
937
948
|
column,
|
|
938
|
-
index
|
|
949
|
+
index: index2
|
|
939
950
|
});
|
|
940
951
|
};
|
|
941
952
|
}
|
|
@@ -992,15 +1003,15 @@ function handleIndexColumn(propsRef, getPaginationRef, columns) {
|
|
|
992
1003
|
width: unref(getIsZH) ? 50 : 70,
|
|
993
1004
|
title: t("NUMBER"),
|
|
994
1005
|
align: "center",
|
|
995
|
-
customRender: ({ index }) => {
|
|
1006
|
+
customRender: ({ index: index2 }) => {
|
|
996
1007
|
const getPagination = unref(getPaginationRef);
|
|
997
1008
|
const { appConf } = useAppStore();
|
|
998
1009
|
const { defaultPageSize } = appConf.ui.table;
|
|
999
1010
|
if (isBoolean(getPagination)) {
|
|
1000
|
-
return `${
|
|
1011
|
+
return `${index2 + 1}`;
|
|
1001
1012
|
}
|
|
1002
1013
|
const { current = 1, pageSize = defaultPageSize } = getPagination;
|
|
1003
|
-
return ((current < 1 ? 1 : current) - 1) * pageSize +
|
|
1014
|
+
return ((current < 1 ? 1 : current) - 1) * pageSize + index2 + 1;
|
|
1004
1015
|
},
|
|
1005
1016
|
...isFixedLeft ? {
|
|
1006
1017
|
fixed: "left"
|
|
@@ -1009,36 +1020,42 @@ function handleIndexColumn(propsRef, getPaginationRef, columns) {
|
|
|
1009
1020
|
});
|
|
1010
1021
|
}
|
|
1011
1022
|
function handleActionColumn(propsRef, columns) {
|
|
1023
|
+
const { appConf } = useAppStore();
|
|
1012
1024
|
const { getIsZH } = useHeader();
|
|
1013
1025
|
const { t } = useI18n("UI");
|
|
1014
|
-
|
|
1026
|
+
let defaultButtons = [
|
|
1015
1027
|
{ label: t("EDIT"), icon: "mdi:text-box-edit-outline", onClick: unref(propsRef).onUpdate },
|
|
1016
|
-
{ label: t("DELETE"), icon: "mdi:delete-outline", onClick: unref(propsRef).onDelete }
|
|
1017
|
-
]
|
|
1018
|
-
|
|
1028
|
+
{ label: t("DELETE"), icon: "mdi:delete-outline", onClick: unref(propsRef).onDelete, color: "#ed6f6f" }
|
|
1029
|
+
];
|
|
1030
|
+
const { operations = defaultButtons, expandMethodIcon = false } = unref(propsRef);
|
|
1031
|
+
if (!operations || isObject(operations) && operations?.btns && !operations?.btns?.length || isArray(operations) && !operations.length)
|
|
1019
1032
|
return;
|
|
1020
1033
|
const hasIndex = columns.findIndex((column) => column.flag === ACTION_COLUMN);
|
|
1021
1034
|
if (hasIndex === -1) {
|
|
1022
|
-
let column = isObject(operations) ?
|
|
1035
|
+
let column = isObject(operations) ? {
|
|
1036
|
+
expand: appConf?.ui?.table?.expandActions,
|
|
1037
|
+
btns: defaultButtons,
|
|
1038
|
+
...operations
|
|
1039
|
+
} : isArray(operations) ? { expand: appConf?.ui?.table?.expandActions, btns: operations } : {};
|
|
1023
1040
|
let expand = column.expand ? column.expand : expandMethodIcon;
|
|
1024
1041
|
let columnObj = {
|
|
1025
1042
|
fixed: "right",
|
|
1026
1043
|
title: t("ACTIONS"),
|
|
1027
1044
|
align: "center",
|
|
1028
1045
|
expand,
|
|
1029
|
-
width: `${expand ? column.btns.length *
|
|
1046
|
+
width: `${expand ? column.btns.length * 34 + 40 : unref(getIsZH) ? 70 : 90}px`,
|
|
1030
1047
|
...column,
|
|
1031
1048
|
flag: ACTION_COLUMN
|
|
1032
1049
|
};
|
|
1033
1050
|
columns.push({
|
|
1034
1051
|
...columnObj,
|
|
1035
|
-
customRender: ({ record, index }) => {
|
|
1052
|
+
customRender: ({ record, index: index2 }) => {
|
|
1036
1053
|
return h$1(
|
|
1037
|
-
|
|
1054
|
+
TableAction,
|
|
1038
1055
|
omit({
|
|
1039
1056
|
...columnObj,
|
|
1040
1057
|
record,
|
|
1041
|
-
index
|
|
1058
|
+
index: index2
|
|
1042
1059
|
}, "align")
|
|
1043
1060
|
);
|
|
1044
1061
|
}
|
|
@@ -1075,7 +1092,7 @@ function useColumns(propsRef, getPaginationRef, tableElRef) {
|
|
|
1075
1092
|
const getColumnsRef = computed(() => {
|
|
1076
1093
|
const columns = cloneDeep(unref(columnsRef));
|
|
1077
1094
|
const { ellipsis } = unref(propsRef);
|
|
1078
|
-
columns.forEach((it,
|
|
1095
|
+
columns.forEach((it, index2) => {
|
|
1079
1096
|
it.class = it.class ?? "";
|
|
1080
1097
|
if (!it.class.split(" ").includes("__column")) {
|
|
1081
1098
|
it.class = `${it.class} __column`;
|
|
@@ -1209,7 +1226,7 @@ function useColumns(propsRef, getPaginationRef, tableElRef) {
|
|
|
1209
1226
|
};
|
|
1210
1227
|
}
|
|
1211
1228
|
function useCustomRow(propsRef, { setSelectedRowKeys, getSelectedRowKeys, clearSelectedRowKeys, emits }) {
|
|
1212
|
-
const customRow = (record,
|
|
1229
|
+
const customRow = (record, index2) => {
|
|
1213
1230
|
return {
|
|
1214
1231
|
onClick: (e) => {
|
|
1215
1232
|
e?.stopPropagation();
|
|
@@ -1263,19 +1280,19 @@ function useCustomRow(propsRef, { setSelectedRowKeys, getSelectedRowKeys, clearS
|
|
|
1263
1280
|
}
|
|
1264
1281
|
}
|
|
1265
1282
|
handleClick();
|
|
1266
|
-
emits("row-click", record,
|
|
1283
|
+
emits("row-click", record, index2, e);
|
|
1267
1284
|
},
|
|
1268
1285
|
onDblclick: (event) => {
|
|
1269
|
-
emits("row-dbClick", record,
|
|
1286
|
+
emits("row-dbClick", record, index2, event);
|
|
1270
1287
|
},
|
|
1271
1288
|
onContextmenu: (event) => {
|
|
1272
|
-
emits("row-contextmenu", record,
|
|
1289
|
+
emits("row-contextmenu", record, index2, event);
|
|
1273
1290
|
},
|
|
1274
1291
|
onMouseenter: (event) => {
|
|
1275
|
-
emits("row-mouseenter", record,
|
|
1292
|
+
emits("row-mouseenter", record, index2, event);
|
|
1276
1293
|
},
|
|
1277
1294
|
onMouseleave: (event) => {
|
|
1278
|
-
emits("row-mouseleave", record,
|
|
1295
|
+
emits("row-mouseleave", record, index2, event);
|
|
1279
1296
|
}
|
|
1280
1297
|
};
|
|
1281
1298
|
};
|
|
@@ -1452,6 +1469,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
1452
1469
|
};
|
|
1453
1470
|
}
|
|
1454
1471
|
});
|
|
1472
|
+
const RadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/radioButton.vue"]]);
|
|
1455
1473
|
const _hoisted_1$9 = { class: "input-with-dialog" };
|
|
1456
1474
|
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
1457
1475
|
__name: "formInputUseDialog",
|
|
@@ -1487,14 +1505,15 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
1487
1505
|
key: 0,
|
|
1488
1506
|
class: "i mdi:close-circle",
|
|
1489
1507
|
onClick: clearProps
|
|
1490
|
-
})) : createCommentVNode("", true)
|
|
1508
|
+
})) : createCommentVNode("v-if", true)
|
|
1491
1509
|
]);
|
|
1492
1510
|
};
|
|
1493
1511
|
}
|
|
1494
1512
|
});
|
|
1513
|
+
const DtFormInputDialog = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/formInputUseDialog.vue"]]);
|
|
1495
1514
|
const components = {
|
|
1496
1515
|
Input,
|
|
1497
|
-
InputWithDialog:
|
|
1516
|
+
InputWithDialog: DtFormInputDialog,
|
|
1498
1517
|
InputTextArea: Input.TextArea,
|
|
1499
1518
|
InputSearch: Input.Search,
|
|
1500
1519
|
InputGroup: Input.Group,
|
|
@@ -1503,7 +1522,7 @@ const components = {
|
|
|
1503
1522
|
TreeSelect,
|
|
1504
1523
|
Radio,
|
|
1505
1524
|
RadioGroup: Radio.Group,
|
|
1506
|
-
RadioButtonGroup
|
|
1525
|
+
RadioButtonGroup,
|
|
1507
1526
|
Checkbox,
|
|
1508
1527
|
CheckboxGroup: Checkbox.Group,
|
|
1509
1528
|
AutoComplete,
|
|
@@ -1645,18 +1664,18 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
1645
1664
|
icon: withCtx(() => [
|
|
1646
1665
|
button.preIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_1$8, null, 512)), [
|
|
1647
1666
|
[_directive_icon, button.preIcon]
|
|
1648
|
-
]) : createCommentVNode("", true)
|
|
1667
|
+
]) : createCommentVNode("v-if", true)
|
|
1649
1668
|
]),
|
|
1650
1669
|
default: withCtx(() => [
|
|
1651
1670
|
createTextVNode(" " + toDisplayString(unref(t)(button.label)) + " ", 1),
|
|
1652
1671
|
button.postIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$2, null, 512)), [
|
|
1653
1672
|
[_directive_icon, button.postIcon]
|
|
1654
|
-
]) : createCommentVNode("", true)
|
|
1673
|
+
]) : createCommentVNode("v-if", true)
|
|
1655
1674
|
]),
|
|
1656
1675
|
_: 2
|
|
1657
1676
|
}, 1032, ["type", "class", "loading", "disabled", "onClick"])), [
|
|
1658
1677
|
[_directive_auth, button.auth]
|
|
1659
|
-
]) : createCommentVNode("", true)
|
|
1678
|
+
]) : createCommentVNode("v-if", true)
|
|
1660
1679
|
], 64);
|
|
1661
1680
|
}), 256)),
|
|
1662
1681
|
unref(showAdvanceRef) ? (openBlock(), createBlock(_component_AButton, {
|
|
@@ -1666,22 +1685,24 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
1666
1685
|
onClick: toggleAdvanced
|
|
1667
1686
|
}, {
|
|
1668
1687
|
default: withCtx(() => [
|
|
1688
|
+
createCommentVNode(" \u6536\u8D77 | \u5C55\u5F00 "),
|
|
1669
1689
|
createElementVNode("span", _hoisted_3$2, toDisplayString(advancedRef.value ? unref(t)("UI.ADVANCED") : unref(t)("UI.EXPAND")), 1),
|
|
1670
1690
|
createElementVNode("span", {
|
|
1671
1691
|
class: normalizeClass(unref(getAdvanceClass))
|
|
1672
1692
|
}, _hoisted_5$1, 2)
|
|
1673
1693
|
]),
|
|
1674
1694
|
_: 1
|
|
1675
|
-
})) : createCommentVNode("", true)
|
|
1695
|
+
})) : createCommentVNode("v-if", true)
|
|
1676
1696
|
]),
|
|
1677
1697
|
_: 1
|
|
1678
1698
|
}, 8, ["style"])
|
|
1679
1699
|
]),
|
|
1680
1700
|
_: 1
|
|
1681
|
-
}, 16)) : createCommentVNode("", true);
|
|
1701
|
+
}, 16)) : createCommentVNode("v-if", true);
|
|
1682
1702
|
};
|
|
1683
1703
|
}
|
|
1684
1704
|
});
|
|
1705
|
+
const DtFormButtons = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/FormButtons.vue"]]);
|
|
1685
1706
|
const _hoisted_1$7 = { key: 0 };
|
|
1686
1707
|
const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
1687
1708
|
__name: "Fullscreen",
|
|
@@ -1709,7 +1730,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
1709
1730
|
const _component_ATooltip = Tooltip;
|
|
1710
1731
|
return openBlock(), createBlock(_component_ATooltip, { placement: "top" }, {
|
|
1711
1732
|
title: withCtx(() => [
|
|
1712
|
-
!unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$7, toDisplayString(unref(t)("FULLSCREEN")), 1)) : createCommentVNode("", true)
|
|
1733
|
+
!unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$7, toDisplayString(unref(t)("FULLSCREEN")), 1)) : createCommentVNode("v-if", true)
|
|
1713
1734
|
]),
|
|
1714
1735
|
default: withCtx(() => [
|
|
1715
1736
|
createElementVNode("span", {
|
|
@@ -1726,6 +1747,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
1726
1747
|
};
|
|
1727
1748
|
}
|
|
1728
1749
|
});
|
|
1750
|
+
const FullscreenSetting = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/Fullscreen.vue"]]);
|
|
1729
1751
|
const orgDialogProp = reactive({});
|
|
1730
1752
|
const cbTransfer = reactive({});
|
|
1731
1753
|
const dataTransfer = reactive({});
|
|
@@ -2030,12 +2052,13 @@ const _sfc_main$e = {
|
|
|
2030
2052
|
};
|
|
2031
2053
|
if (!propsData?.visible)
|
|
2032
2054
|
return null;
|
|
2033
|
-
return createVNode(Modal, propsData, _isSlot(_slot = extendSlots(slots)) ? _slot : {
|
|
2055
|
+
return createVNode(Modal$1, propsData, _isSlot(_slot = extendSlots(slots)) ? _slot : {
|
|
2034
2056
|
default: () => [_slot]
|
|
2035
2057
|
});
|
|
2036
2058
|
};
|
|
2037
2059
|
}
|
|
2038
2060
|
};
|
|
2061
|
+
const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/components/Modal.vue"]]);
|
|
2039
2062
|
const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
2040
2063
|
__name: "CloseIcon",
|
|
2041
2064
|
props: {
|
|
@@ -2094,7 +2117,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
|
2094
2117
|
]),
|
|
2095
2118
|
_: 1
|
|
2096
2119
|
}, 8, ["title"]))
|
|
2097
|
-
], 64)) : createCommentVNode("", true),
|
|
2120
|
+
], 64)) : createCommentVNode("v-if", true),
|
|
2098
2121
|
createElementVNode("i", {
|
|
2099
2122
|
class: "i mdi:close h-14 w-10 pr-4",
|
|
2100
2123
|
onClick: handleCancel
|
|
@@ -2103,6 +2126,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
|
2103
2126
|
};
|
|
2104
2127
|
}
|
|
2105
2128
|
});
|
|
2129
|
+
const CloseIcon = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/components/CloseIcon.vue"]]);
|
|
2106
2130
|
const isServer = typeof window === "undefined";
|
|
2107
2131
|
const BAR_MAP = {
|
|
2108
2132
|
vertical: {
|
|
@@ -2344,12 +2368,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
2344
2368
|
};
|
|
2345
2369
|
}
|
|
2346
2370
|
});
|
|
2371
|
+
const ScrollBar = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/container/src/components/scroll-bar.vue"]]);
|
|
2347
2372
|
const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
2348
2373
|
__name: "scroll-container",
|
|
2349
2374
|
setup(__props) {
|
|
2350
2375
|
const scrollbarRef = ref(null);
|
|
2351
2376
|
return (_ctx, _cache) => {
|
|
2352
|
-
return openBlock(), createBlock(
|
|
2377
|
+
return openBlock(), createBlock(ScrollBar, mergeProps({
|
|
2353
2378
|
ref_key: "scrollbarRef",
|
|
2354
2379
|
ref: scrollbarRef
|
|
2355
2380
|
}, _ctx.$attrs, { class: "w-full h-full" }), {
|
|
@@ -2361,6 +2386,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
2361
2386
|
};
|
|
2362
2387
|
}
|
|
2363
2388
|
});
|
|
2389
|
+
const ScrollContainer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/container/src/scroll-container.vue"]]);
|
|
2364
2390
|
const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
2365
2391
|
__name: "slot-container",
|
|
2366
2392
|
props: {
|
|
@@ -2379,14 +2405,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
2379
2405
|
};
|
|
2380
2406
|
}
|
|
2381
2407
|
});
|
|
2408
|
+
const SlotContainer = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/container/src/slot-container.vue"]]);
|
|
2382
2409
|
const withInstall = (comp) => {
|
|
2383
2410
|
comp.install = (app) => {
|
|
2384
2411
|
app.component(comp.name, comp);
|
|
2385
2412
|
};
|
|
2386
2413
|
return comp;
|
|
2387
2414
|
};
|
|
2388
|
-
const DtScrollContainer = withInstall(
|
|
2389
|
-
withInstall(
|
|
2415
|
+
const DtScrollContainer = withInstall(ScrollContainer);
|
|
2416
|
+
withInstall(SlotContainer);
|
|
2390
2417
|
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
2391
2418
|
__name: "ModalWrap",
|
|
2392
2419
|
props: {
|
|
@@ -2493,6 +2520,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
2493
2520
|
};
|
|
2494
2521
|
}
|
|
2495
2522
|
});
|
|
2523
|
+
const ModalWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/components/ModalWrap.vue"]]);
|
|
2496
2524
|
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
2497
2525
|
__name: "ModalFooter",
|
|
2498
2526
|
props: {
|
|
@@ -2535,7 +2563,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
2535
2563
|
return (_ctx, _cache) => {
|
|
2536
2564
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
2537
2565
|
renderSlot(_ctx.$slots, "appendFooter"),
|
|
2538
|
-
createVNode(
|
|
2566
|
+
createVNode(DtFormButtons, {
|
|
2539
2567
|
mode: "dialog",
|
|
2540
2568
|
buttonList: unref(buttonList),
|
|
2541
2569
|
onHandleMethod: _cache[0] || (_cache[0] = ($event) => handleMethod($event))
|
|
@@ -2544,6 +2572,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
2544
2572
|
};
|
|
2545
2573
|
}
|
|
2546
2574
|
});
|
|
2575
|
+
const ModalFooter = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/components/ModalFooter.vue"]]);
|
|
2547
2576
|
function useFullScreen(wrapClassName) {
|
|
2548
2577
|
const fullScreenRef = ref(false);
|
|
2549
2578
|
const getWrapClassName = computed(() => {
|
|
@@ -2662,14 +2691,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
2662
2691
|
});
|
|
2663
2692
|
return (_ctx, _cache) => {
|
|
2664
2693
|
const _component_ASpin = Spin;
|
|
2665
|
-
return openBlock(), createBlock(
|
|
2694
|
+
return openBlock(), createBlock(Modal, mergeProps(unref(getBindValue), { onCancel: handleCancel }), createSlots({
|
|
2666
2695
|
default: withCtx(() => [
|
|
2667
2696
|
createVNode(_component_ASpin, {
|
|
2668
2697
|
spinning: unref(getBindValue).loading,
|
|
2669
2698
|
tip: unref(getBindValue).loadingTip
|
|
2670
2699
|
}, {
|
|
2671
2700
|
default: withCtx(() => [
|
|
2672
|
-
createVNode(
|
|
2701
|
+
createVNode(ModalWrapper, mergeProps({
|
|
2673
2702
|
useWrapper: unref(getBindValue).useWrapper,
|
|
2674
2703
|
fullScreen: unref(fullScreenRef),
|
|
2675
2704
|
ref_key: "modalWrapperRef",
|
|
@@ -2693,7 +2722,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
2693
2722
|
!_ctx.$slots.closeIcon ? {
|
|
2694
2723
|
name: "closeIcon",
|
|
2695
2724
|
fn: withCtx(() => [
|
|
2696
|
-
createVNode(
|
|
2725
|
+
createVNode(CloseIcon, {
|
|
2697
2726
|
canFullscreen: unref(getBindValue).canFullscreen,
|
|
2698
2727
|
fullScreen: unref(fullScreenRef),
|
|
2699
2728
|
onCancel: handleCancel,
|
|
@@ -2712,7 +2741,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
2712
2741
|
!_ctx.$slots.footer ? {
|
|
2713
2742
|
name: "footer",
|
|
2714
2743
|
fn: withCtx(() => [
|
|
2715
|
-
createVNode(
|
|
2744
|
+
createVNode(ModalFooter, {
|
|
2716
2745
|
buttons: propsRef.value?.footer,
|
|
2717
2746
|
showSave: unref(getBindValue).showOkBtn,
|
|
2718
2747
|
showCancel: unref(getBindValue).showCancelBtn,
|
|
@@ -2745,6 +2774,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
2745
2774
|
};
|
|
2746
2775
|
}
|
|
2747
2776
|
});
|
|
2777
|
+
const DtModal = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/index.vue"]]);
|
|
2748
2778
|
const _hoisted_1$5 = { class: "column-select" };
|
|
2749
2779
|
const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
2750
2780
|
__name: "DownloadCtrl",
|
|
@@ -2796,7 +2826,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
2796
2826
|
const _component_ADivider = Divider$1;
|
|
2797
2827
|
const _component_ACol = Col;
|
|
2798
2828
|
const _component_ARow = Row;
|
|
2799
|
-
return openBlock(), createBlock(unref(
|
|
2829
|
+
return openBlock(), createBlock(unref(DtModal), {
|
|
2800
2830
|
onRegister: unref(registerDialog),
|
|
2801
2831
|
onSave: save
|
|
2802
2832
|
}, {
|
|
@@ -2816,7 +2846,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
2816
2846
|
createVNode(_component_ADivider, { dashed: "" }),
|
|
2817
2847
|
createVNode(_component_ARow, null, {
|
|
2818
2848
|
default: withCtx(() => [
|
|
2819
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(modalData.value, (it,
|
|
2849
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(modalData.value, (it, index2) => {
|
|
2820
2850
|
return openBlock(), createBlock(_component_ACol, { span: 8 }, {
|
|
2821
2851
|
default: withCtx(() => [
|
|
2822
2852
|
createVNode(_component_ACheckbox, {
|
|
@@ -2842,6 +2872,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
2842
2872
|
};
|
|
2843
2873
|
}
|
|
2844
2874
|
});
|
|
2875
|
+
const DownloadCtrl = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/DownloadCtrl.vue"]]);
|
|
2845
2876
|
const _hoisted_1$4 = /* @__PURE__ */ createElementVNode("span", { class: "flex" }, [
|
|
2846
2877
|
/* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-download w-7 leading-7 text-center cursor-pointer" })
|
|
2847
2878
|
], -1);
|
|
@@ -2899,19 +2930,19 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
2899
2930
|
createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_CURRENT_PAGE")), 1)
|
|
2900
2931
|
]),
|
|
2901
2932
|
_: 1
|
|
2902
|
-
})) : createCommentVNode("", true),
|
|
2933
|
+
})) : createCommentVNode("v-if", true),
|
|
2903
2934
|
unref(showSelectedDownload) ? (openBlock(), createBlock(_component_AMenuItem, { key: "select" }, {
|
|
2904
2935
|
default: withCtx(() => [
|
|
2905
2936
|
createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_SELECT_COLUMN")), 1)
|
|
2906
2937
|
]),
|
|
2907
2938
|
_: 1
|
|
2908
|
-
})) : createCommentVNode("", true),
|
|
2939
|
+
})) : createCommentVNode("v-if", true),
|
|
2909
2940
|
unref(showBackDownload) ? (openBlock(), createBlock(_component_AMenuItem, { key: "all" }, {
|
|
2910
2941
|
default: withCtx(() => [
|
|
2911
2942
|
createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_ALL")), 1)
|
|
2912
2943
|
]),
|
|
2913
2944
|
_: 1
|
|
2914
|
-
})) : createCommentVNode("", true)
|
|
2945
|
+
})) : createCommentVNode("v-if", true)
|
|
2915
2946
|
]),
|
|
2916
2947
|
_: 1
|
|
2917
2948
|
})
|
|
@@ -2921,13 +2952,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
2921
2952
|
]),
|
|
2922
2953
|
_: 1
|
|
2923
2954
|
}, 8, ["getPopupContainer"]),
|
|
2924
|
-
createVNode(
|
|
2955
|
+
createVNode(DownloadCtrl, { onRegister: unref(registerDialog) }, null, 8, ["onRegister"])
|
|
2925
2956
|
]),
|
|
2926
2957
|
_: 1
|
|
2927
2958
|
});
|
|
2928
2959
|
};
|
|
2929
2960
|
}
|
|
2930
2961
|
});
|
|
2962
|
+
const Download = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/Download.vue"]]);
|
|
2931
2963
|
const _hoisted_1$3 = /* @__PURE__ */ createElementVNode("i", { class: "i ant-design:drag-outlined drag-icon cursor-pointer" }, null, -1);
|
|
2932
2964
|
const _hoisted_2$1 = ["onClick"];
|
|
2933
2965
|
const _hoisted_3$1 = ["onClick"];
|
|
@@ -3070,9 +3102,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
3070
3102
|
return;
|
|
3071
3103
|
const columns = getColumns();
|
|
3072
3104
|
const isFixed = item.fixed === fixed ? false : fixed;
|
|
3073
|
-
const
|
|
3074
|
-
if (
|
|
3075
|
-
columns[
|
|
3105
|
+
const index2 = columns.findIndex((col) => col.dataIndex === item.dataIndex);
|
|
3106
|
+
if (index2 !== -1) {
|
|
3107
|
+
columns[index2].fixed = isFixed;
|
|
3076
3108
|
}
|
|
3077
3109
|
item.fixed = isFixed;
|
|
3078
3110
|
if (isFixed && !item.width) {
|
|
@@ -3263,6 +3295,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
3263
3295
|
};
|
|
3264
3296
|
}
|
|
3265
3297
|
});
|
|
3298
|
+
const ColumnSetting = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/Column.vue"]]);
|
|
3266
3299
|
const _hoisted_1$2 = { class: "flex dt-table-setting" };
|
|
3267
3300
|
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
3268
3301
|
__name: "index",
|
|
@@ -3288,16 +3321,17 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
3288
3321
|
}
|
|
3289
3322
|
return (_ctx, _cache) => {
|
|
3290
3323
|
return openBlock(), createElementBlock("div", _hoisted_1$2, [
|
|
3291
|
-
unref(getSetting).download ? (openBlock(), createBlock(
|
|
3292
|
-
unref(getSetting).setting ? (openBlock(), createBlock(
|
|
3324
|
+
unref(getSetting).download ? (openBlock(), createBlock(Download, normalizeProps(mergeProps({ key: 0 }, unref(getSetting))), null, 16)) : createCommentVNode("v-if", true),
|
|
3325
|
+
unref(getSetting).setting ? (openBlock(), createBlock(ColumnSetting, {
|
|
3293
3326
|
key: 1,
|
|
3294
3327
|
onColumnsChange: handleColumnChange
|
|
3295
|
-
})) : createCommentVNode("", true),
|
|
3296
|
-
unref(getSetting).fullscreen ? (openBlock(), createBlock(
|
|
3328
|
+
})) : createCommentVNode("v-if", true),
|
|
3329
|
+
unref(getSetting).fullscreen ? (openBlock(), createBlock(FullscreenSetting, { key: 2 })) : createCommentVNode("v-if", true)
|
|
3297
3330
|
]);
|
|
3298
3331
|
};
|
|
3299
3332
|
}
|
|
3300
3333
|
});
|
|
3334
|
+
const DtTableSetting = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/index.vue"]]);
|
|
3301
3335
|
const _hoisted_1$1 = { class: "dt-table-header" };
|
|
3302
3336
|
const _hoisted_2 = { class: "flex flex-row justify-between" };
|
|
3303
3337
|
const _hoisted_3 = { class: "flex flex-row flex-1" };
|
|
@@ -3329,20 +3363,21 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
3329
3363
|
return openBlock(), createElementBlock("div", _hoisted_1$1, [
|
|
3330
3364
|
createElementVNode("div", _hoisted_2, [
|
|
3331
3365
|
createElementVNode("div", _hoisted_3, [
|
|
3332
|
-
unref(getActionsProps)?.buttonList.length ? (openBlock(), createBlock(unref(
|
|
3366
|
+
unref(getActionsProps)?.buttonList.length ? (openBlock(), createBlock(unref(DtFormButtons), normalizeProps(mergeProps({ key: 0 }, unref(getActionsProps))), null, 16)) : createCommentVNode("v-if", true),
|
|
3333
3367
|
renderSlot(_ctx.$slots, "toolbar")
|
|
3334
3368
|
]),
|
|
3335
3369
|
__props.tableSetting ? (openBlock(), createElementBlock("div", _hoisted_4, [
|
|
3336
|
-
createVNode(
|
|
3337
|
-
])) : createCommentVNode("", true)
|
|
3370
|
+
createVNode(DtTableSetting, { setting: __props.tableSetting }, null, 8, ["setting"])
|
|
3371
|
+
])) : createCommentVNode("v-if", true)
|
|
3338
3372
|
]),
|
|
3339
3373
|
_ctx.$slots.headerTop ? (openBlock(), createElementBlock("div", _hoisted_5, [
|
|
3340
3374
|
renderSlot(_ctx.$slots, "headerTop")
|
|
3341
|
-
])) : createCommentVNode("", true)
|
|
3375
|
+
])) : createCommentVNode("v-if", true)
|
|
3342
3376
|
]);
|
|
3343
3377
|
};
|
|
3344
3378
|
}
|
|
3345
3379
|
});
|
|
3380
|
+
const TableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/TableHeader.vue"]]);
|
|
3346
3381
|
function useTableHeader(propsRef, slots, handlers) {
|
|
3347
3382
|
const { t } = useI18n("UI");
|
|
3348
3383
|
const getHeaderProps = computed(() => {
|
|
@@ -3355,7 +3390,7 @@ function useTableHeader(propsRef, slots, handlers) {
|
|
|
3355
3390
|
const hideTitle = (!toolbar || !toolbar.filter((it) => it.show ?? true).length) && !slots.toolbar && !slots.headerTop && !tableSetting;
|
|
3356
3391
|
return {
|
|
3357
3392
|
title: hideTitle ? null : () => h$1(
|
|
3358
|
-
|
|
3393
|
+
TableHeader,
|
|
3359
3394
|
{
|
|
3360
3395
|
tableSetting,
|
|
3361
3396
|
toolbar,
|
|
@@ -3459,7 +3494,7 @@ function useRowSelection(propsRef, emit) {
|
|
|
3459
3494
|
const selectedRowKeysRef = ref([]);
|
|
3460
3495
|
const selectedRowRef = ref([]);
|
|
3461
3496
|
const getRowSelectionRef = computed(() => {
|
|
3462
|
-
const { rowSelection, showCheckboxColumn } = unref(propsRef);
|
|
3497
|
+
const { rowSelection, showCheckboxColumn, checkStrictly } = unref(propsRef);
|
|
3463
3498
|
if (!rowSelection && !showCheckboxColumn)
|
|
3464
3499
|
return null;
|
|
3465
3500
|
if (isBoolean(showCheckboxColumn)) {
|
|
@@ -3470,6 +3505,7 @@ function useRowSelection(propsRef, emit) {
|
|
|
3470
3505
|
}
|
|
3471
3506
|
}
|
|
3472
3507
|
return {
|
|
3508
|
+
checkStrictly,
|
|
3473
3509
|
selectedRowKeys: unref(selectedRowKeysRef),
|
|
3474
3510
|
onChange: (selectedRowKeys) => setSelectedRowKeys(selectedRowKeys),
|
|
3475
3511
|
...omit(rowSelection, ["onChange"])
|
|
@@ -3556,7 +3592,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
|
|
|
3556
3592
|
return canResize && !(scroll || {}).y;
|
|
3557
3593
|
});
|
|
3558
3594
|
watch(
|
|
3559
|
-
() => propsRef.value.dataSource,
|
|
3595
|
+
() => [unref(getCanResize), propsRef.value.dataSource],
|
|
3560
3596
|
(v) => {
|
|
3561
3597
|
debounceRedoHeight();
|
|
3562
3598
|
},
|
|
@@ -3572,7 +3608,10 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
|
|
|
3572
3608
|
tableHeightRef.value = height;
|
|
3573
3609
|
}
|
|
3574
3610
|
async function calcTableHeight() {
|
|
3575
|
-
const { pagination, virtual } = unref(propsRef);
|
|
3611
|
+
const { pagination, virtual, canResize, dataSource } = unref(propsRef);
|
|
3612
|
+
if (!canResize) {
|
|
3613
|
+
filterSource.value = [...toRaw$1(unref(dataSource))];
|
|
3614
|
+
}
|
|
3576
3615
|
const table = unref(tableElRef);
|
|
3577
3616
|
if (!table)
|
|
3578
3617
|
return;
|
|
@@ -3648,12 +3687,16 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
|
|
|
3648
3687
|
const tableWidth = table?.$el?.offsetWidth ?? 0;
|
|
3649
3688
|
return tableWidth > width ? "100%" : width;
|
|
3650
3689
|
});
|
|
3690
|
+
const hideScrollX = computed(() => {
|
|
3691
|
+
let operations = unref(propsRef).operations;
|
|
3692
|
+
return !operations || isObject(operations) && operations?.btns && !operations?.btns?.length || isArray(operations) && !operations.length;
|
|
3693
|
+
});
|
|
3651
3694
|
const getScrollRef = computed(() => {
|
|
3652
3695
|
const tableHeight = unref(tableHeightRef);
|
|
3653
3696
|
const { canResize, scroll } = unref(propsRef);
|
|
3654
3697
|
return {
|
|
3655
|
-
x: unref(getScrollX),
|
|
3656
|
-
y: tableHeight,
|
|
3698
|
+
x: unref(hideScrollX) ? null : unref(getScrollX),
|
|
3699
|
+
y: canResize ? tableHeight : null,
|
|
3657
3700
|
scrollToFirstRowOnChange: false,
|
|
3658
3701
|
...scroll
|
|
3659
3702
|
};
|
|
@@ -3668,14 +3711,14 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
|
|
|
3668
3711
|
};
|
|
3669
3712
|
}
|
|
3670
3713
|
function useRows(propsRef) {
|
|
3671
|
-
function getRowClassName(record,
|
|
3714
|
+
function getRowClassName(record, index2) {
|
|
3672
3715
|
const { striped, rowClassName } = unref(propsRef);
|
|
3673
3716
|
const classNames = [];
|
|
3674
3717
|
if (striped) {
|
|
3675
|
-
classNames.push(
|
|
3718
|
+
classNames.push(index2 % 2 === 1 ? "table-striped" : "");
|
|
3676
3719
|
}
|
|
3677
3720
|
if (rowClassName && isFunction(rowClassName)) {
|
|
3678
|
-
classNames.push(rowClassName(record,
|
|
3721
|
+
classNames.push(rowClassName(record, index2));
|
|
3679
3722
|
}
|
|
3680
3723
|
return classNames.join(" ");
|
|
3681
3724
|
}
|
|
@@ -3705,7 +3748,7 @@ const _sfc_main$1 = {
|
|
|
3705
3748
|
const {
|
|
3706
3749
|
column,
|
|
3707
3750
|
record,
|
|
3708
|
-
index
|
|
3751
|
+
index: index2
|
|
3709
3752
|
} = props2;
|
|
3710
3753
|
const {
|
|
3711
3754
|
render,
|
|
@@ -3747,7 +3790,7 @@ const _sfc_main$1 = {
|
|
|
3747
3790
|
});
|
|
3748
3791
|
}
|
|
3749
3792
|
} else if (isFunction(render)) {
|
|
3750
|
-
let afterRenderData = render(record,
|
|
3793
|
+
let afterRenderData = render(record, index2, text);
|
|
3751
3794
|
if (afterRenderData.__v_isRef) {
|
|
3752
3795
|
renderText = afterRenderData;
|
|
3753
3796
|
} else if (afterRenderData["setup"]) {
|
|
@@ -3765,6 +3808,7 @@ const _sfc_main$1 = {
|
|
|
3765
3808
|
return () => createVNode("span", null, [unref(renderText)]);
|
|
3766
3809
|
}
|
|
3767
3810
|
};
|
|
3811
|
+
const TableRender = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/TableRender.vue"]]);
|
|
3768
3812
|
const DEFAULT_SORT_FN = (sortInfo) => {
|
|
3769
3813
|
const { field, order } = sortInfo;
|
|
3770
3814
|
return field && order ? { field, order } : {};
|
|
@@ -3842,6 +3886,10 @@ const TableProps = {
|
|
|
3842
3886
|
type: Boolean,
|
|
3843
3887
|
default: false
|
|
3844
3888
|
},
|
|
3889
|
+
checkStrictly: {
|
|
3890
|
+
type: Boolean,
|
|
3891
|
+
default: false
|
|
3892
|
+
},
|
|
3845
3893
|
operations: {
|
|
3846
3894
|
type: Object
|
|
3847
3895
|
},
|
|
@@ -4011,14 +4059,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
4011
4059
|
rowClassName: unref(getRowClassName),
|
|
4012
4060
|
onChange: unref(handleTableChange)
|
|
4013
4061
|
}), createSlots({
|
|
4014
|
-
bodyCell: withCtx(({ column, record, index }) => [
|
|
4015
|
-
_ctx.$slots.bodyCell ? renderSlot(_ctx.$slots, "bodyCell", normalizeProps(mergeProps({ key: 0 }, { column, record, index }))) : createCommentVNode("", true),
|
|
4016
|
-
|
|
4062
|
+
bodyCell: withCtx(({ column, record, index: index2 }) => [
|
|
4063
|
+
_ctx.$slots.bodyCell ? renderSlot(_ctx.$slots, "bodyCell", normalizeProps(mergeProps({ key: 0 }, { column, record, index: index2 }))) : createCommentVNode("v-if", true),
|
|
4064
|
+
createCommentVNode(" \u9759\u6001\u7684\u6570\u636E\u53EF\u4EE5\u901A\u8FC7customRender, \u4F46\u662F\u54CD\u5E94\u5F0F\u6570\u636E, \u5F02\u6B65\u51FD\u6570,\u7EC4\u4EF6\u7B49\u9700\u8981\u4F7F\u7528bodyCell\u6E32\u67D3 "),
|
|
4065
|
+
column?.render && !_ctx.$slots.bodyCell ? (openBlock(), createBlock(TableRender, {
|
|
4017
4066
|
key: 1,
|
|
4018
4067
|
column,
|
|
4019
4068
|
record,
|
|
4020
|
-
index
|
|
4021
|
-
}, null, 8, ["column", "record", "index"])) : createCommentVNode("", true)
|
|
4069
|
+
index: index2
|
|
4070
|
+
}, null, 8, ["column", "record", "index"])) : createCommentVNode("v-if", true)
|
|
4022
4071
|
]),
|
|
4023
4072
|
emptyText: withCtx(() => [
|
|
4024
4073
|
createElementVNode("img", {
|
|
@@ -4040,7 +4089,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
4040
4089
|
};
|
|
4041
4090
|
}
|
|
4042
4091
|
});
|
|
4092
|
+
const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/index.vue"]]);
|
|
4043
4093
|
export {
|
|
4044
|
-
|
|
4094
|
+
index as DtTable,
|
|
4045
4095
|
useTable
|
|
4046
4096
|
};
|