qidian-vue-ui 1.1.38 → 1.1.40
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/dist/components/config-provider/index.d.ts +15 -0
- package/dist/components/config-provider/types.d.ts +5 -0
- package/dist/components/config-provider/useConfig.d.ts +20 -0
- package/dist/components/crud/list/index.vue2.mjs +2 -17
- package/dist/components/crud/list/index.vue2.mjs.map +1 -1
- package/dist/components/crud/table/index.vue.d.ts +3 -3
- package/dist/components/crud/table/index.vue2.mjs +2 -8
- package/dist/components/crud/table/index.vue2.mjs.map +1 -1
- package/dist/components/dialog/index.d.ts +1 -1
- package/dist/components/dialog/index.vue.mjs +1 -1
- package/dist/components/dialog/index.vue.mjs.map +1 -1
- package/dist/components/index.d.ts +3 -0
- package/dist/components/org/select/index.vue.mjs +3 -25
- package/dist/components/org/select/index.vue.mjs.map +1 -1
- package/dist/components/org/select/props.mjs +1 -1
- package/dist/components/org/select/props.mjs.map +1 -1
- package/dist/components/org/select/types.d.ts +1 -1
- package/dist/components/service/index.d.ts +0 -2
- package/dist/components/service/table/index.vue.mjs +1 -1
- package/dist/components/service/table/index.vue2.mjs +3 -3
- package/dist/components/service/table/index.vue2.mjs.map +1 -1
- package/dist/components/service-dialog-table-select/index.d.ts +2 -0
- package/dist/components/{service/dialog-table-select → service-dialog-table-select}/index.vue.d.ts +8 -6
- package/dist/components/{service/dialog-table-select → service-dialog-table-select}/index.vue.mjs +2 -2
- package/dist/components/{service/dialog-table-select → service-dialog-table-select}/index.vue2.mjs +189 -54
- package/dist/components/service-dialog-table-select/index.vue2.mjs.map +1 -0
- package/dist/components/{service/dialog-table-select → service-dialog-table-select}/props.d.ts +14 -13
- package/dist/components/{service/dialog-table-select → service-dialog-table-select}/props.mjs +10 -5
- package/dist/components/service-dialog-table-select/props.mjs.map +1 -0
- package/dist/components/service-dialog-table-select/types.d.ts +13 -0
- package/dist/components/service-popup-table-select/index.d.ts +2 -0
- package/dist/components/service-popup-table-select/index.vue.d.ts +31 -0
- package/dist/components/service-popup-table-select/index.vue.mjs +9 -0
- package/dist/components/service-popup-table-select/index.vue.mjs.map +1 -0
- package/dist/components/service-popup-table-select/index.vue2.mjs +469 -0
- package/dist/components/service-popup-table-select/index.vue2.mjs.map +1 -0
- package/dist/components/service-popup-table-select/props.d.ts +36 -0
- package/dist/components/service-popup-table-select/props.mjs +25 -0
- package/dist/components/service-popup-table-select/props.mjs.map +1 -0
- package/dist/components/service-popup-table-select/types.d.ts +9 -0
- package/dist/components/{service/select → service-select}/index.vue.mjs +2 -2
- package/dist/components/{service/select → service-select}/index.vue2.mjs +3 -3
- package/dist/components/service-select/index.vue2.mjs.map +1 -0
- package/dist/components/service-select/props.mjs.map +1 -0
- package/dist/index.mjs +12 -10
- package/dist/index.mjs.map +1 -1
- package/dist/locales/en-US.d.ts +5 -0
- package/dist/locales/en-US.mjs +5 -0
- package/dist/locales/en-US.mjs.map +1 -1
- package/dist/locales/zh-CN.d.ts +5 -0
- package/dist/locales/zh-CN.mjs +5 -0
- package/dist/locales/zh-CN.mjs.map +1 -1
- package/dist/locales/zh-TW.d.ts +5 -0
- package/dist/locales/zh-TW.mjs +5 -0
- package/dist/locales/zh-TW.mjs.map +1 -1
- package/dist/qidian-vue-ui.css +76 -39
- package/package.json +4 -3
- package/dist/components/service/dialog-table-select/index.d.ts +0 -2
- package/dist/components/service/dialog-table-select/index.vue2.mjs.map +0 -1
- package/dist/components/service/dialog-table-select/props.mjs.map +0 -1
- package/dist/components/service/dialog-table-select/types.d.ts +0 -10
- package/dist/components/service/select/index.vue2.mjs.map +0 -1
- package/dist/components/service/select/props.mjs.map +0 -1
- /package/dist/components/{service/dialog-table-select → service-dialog-table-select}/index.vue.mjs.map +0 -0
- /package/dist/components/{service/select → service-select}/index.d.ts +0 -0
- /package/dist/components/{service/select → service-select}/index.vue.d.ts +0 -0
- /package/dist/components/{service/select → service-select}/index.vue.mjs.map +0 -0
- /package/dist/components/{service/select → service-select}/props.d.ts +0 -0
- /package/dist/components/{service/select → service-select}/props.mjs +0 -0
- /package/dist/components/{service/select → service-select}/types.d.ts +0 -0
|
@@ -0,0 +1,469 @@
|
|
|
1
|
+
import { defineComponent, mergeDefaults, ref, reactive, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createVNode, createSlots, renderList, createElementBlock, createTextVNode, toDisplayString, renderSlot, normalizeProps, guardReactiveProps } from "vue";
|
|
2
|
+
import { isEmpty, identifyType, extractSlotsWithPrefix } from "qidian-shared";
|
|
3
|
+
import { Popup, Select, Input, Space, Button } from "tdesign-vue-next";
|
|
4
|
+
import { SearchIcon, AddIcon } from "tdesign-icons-vue-next";
|
|
5
|
+
import { qdServicePopup, qdServicePopupTableSelectProps } from "./props.mjs";
|
|
6
|
+
import { useVModels } from "../../node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.22_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
|
|
7
|
+
import { qdDialogTableSelectSearchGrid } from "../service-dialog-table-select/props.mjs";
|
|
8
|
+
import { qdServiceSelectKeys } from "../service-select/props.mjs";
|
|
9
|
+
import "../crud/list/props.mjs";
|
|
10
|
+
import { useConfig } from "../config-provider/useConfig.mjs";
|
|
11
|
+
/* empty css */
|
|
12
|
+
/* empty css */
|
|
13
|
+
import "../crud/search/props.mjs";
|
|
14
|
+
/* empty css */
|
|
15
|
+
/* empty css */
|
|
16
|
+
/* empty css */
|
|
17
|
+
/* empty css */
|
|
18
|
+
/* empty css */
|
|
19
|
+
/* empty css */
|
|
20
|
+
/* empty css */
|
|
21
|
+
import QdCrudTable from "../crud/table/index.vue.mjs";
|
|
22
|
+
import merge from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge.mjs";
|
|
23
|
+
import get from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/get.mjs";
|
|
24
|
+
const _hoisted_1 = {
|
|
25
|
+
key: 0,
|
|
26
|
+
class: "qd-popup-table-select__table-add"
|
|
27
|
+
};
|
|
28
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
29
|
+
...{
|
|
30
|
+
name: "QdServicePopupTableSelect"
|
|
31
|
+
},
|
|
32
|
+
__name: "index",
|
|
33
|
+
props: /* @__PURE__ */ mergeDefaults({
|
|
34
|
+
tableSize: {},
|
|
35
|
+
title: {},
|
|
36
|
+
permiPrefix: {},
|
|
37
|
+
search: {},
|
|
38
|
+
searchData: {},
|
|
39
|
+
detail: {},
|
|
40
|
+
headerBg: { type: Boolean },
|
|
41
|
+
tree: {},
|
|
42
|
+
loadingWithData: { type: Boolean },
|
|
43
|
+
beforeDragSort: { type: Function },
|
|
44
|
+
expandedTreeNodes: {},
|
|
45
|
+
defaultExpandedTreeNodes: {},
|
|
46
|
+
treeExpandAndFoldIcon: {},
|
|
47
|
+
onAbnormalDragSort: { type: Function },
|
|
48
|
+
onExpandedTreeNodesChange: { type: Function },
|
|
49
|
+
onTreeExpandChange: { type: Function },
|
|
50
|
+
asyncLoading: {},
|
|
51
|
+
columnController: {},
|
|
52
|
+
columnControllerVisible: { type: Boolean },
|
|
53
|
+
defaultColumnControllerVisible: { type: Boolean },
|
|
54
|
+
columns: {},
|
|
55
|
+
displayColumns: {},
|
|
56
|
+
defaultDisplayColumns: {},
|
|
57
|
+
dragSort: {},
|
|
58
|
+
dragSortOptions: {},
|
|
59
|
+
editableCellState: { type: Function },
|
|
60
|
+
editableRowKeys: {},
|
|
61
|
+
expandIcon: { type: Boolean },
|
|
62
|
+
expandOnRowClick: { type: Boolean },
|
|
63
|
+
expandedRow: {},
|
|
64
|
+
expandedRowKeys: {},
|
|
65
|
+
defaultExpandedRowKeys: {},
|
|
66
|
+
filterIcon: {},
|
|
67
|
+
filterRow: {},
|
|
68
|
+
filterValue: {},
|
|
69
|
+
defaultFilterValue: {},
|
|
70
|
+
hideSortTips: { type: Boolean },
|
|
71
|
+
indeterminateSelectedRowKeys: {},
|
|
72
|
+
multipleSort: { type: Boolean },
|
|
73
|
+
rowSelectionAllowUncheck: { type: Boolean },
|
|
74
|
+
rowSelectionType: {},
|
|
75
|
+
selectOnRowClick: { type: Boolean },
|
|
76
|
+
defaultSelectedRowKeys: {},
|
|
77
|
+
showSortColumnBgColor: { type: Boolean },
|
|
78
|
+
sort: {},
|
|
79
|
+
defaultSort: {},
|
|
80
|
+
sortIcon: {},
|
|
81
|
+
sortOnRowDraggable: { type: Boolean },
|
|
82
|
+
defaultActiveRowKeys: {},
|
|
83
|
+
allowResizeColumnWidth: { type: Boolean },
|
|
84
|
+
attach: { type: [String, Function] },
|
|
85
|
+
bordered: { type: Boolean },
|
|
86
|
+
bottomContent: {},
|
|
87
|
+
cellEmptyContent: {},
|
|
88
|
+
data: {},
|
|
89
|
+
disableDataPage: { type: Boolean },
|
|
90
|
+
disableSpaceInactiveRow: { type: Boolean },
|
|
91
|
+
empty: {},
|
|
92
|
+
firstFullRow: {},
|
|
93
|
+
fixedRows: {},
|
|
94
|
+
footData: {},
|
|
95
|
+
footerAffixProps: {},
|
|
96
|
+
footerAffixedBottom: { type: [Boolean, Object] },
|
|
97
|
+
footerSummary: {},
|
|
98
|
+
headerAffixProps: {},
|
|
99
|
+
headerAffixedTop: { type: [Boolean, Object] },
|
|
100
|
+
height: {},
|
|
101
|
+
horizontalScrollAffixedBottom: { type: [Boolean, Object] },
|
|
102
|
+
hover: { type: Boolean },
|
|
103
|
+
keyboardRowHover: { type: Boolean },
|
|
104
|
+
lastFullRow: {},
|
|
105
|
+
lazyLoad: { type: Boolean },
|
|
106
|
+
loading: { type: Boolean },
|
|
107
|
+
loadingProps: {},
|
|
108
|
+
locale: {},
|
|
109
|
+
maxHeight: {},
|
|
110
|
+
paginationAffixedBottom: { type: [Boolean, Object] },
|
|
111
|
+
resizable: { type: Boolean },
|
|
112
|
+
rowAttributes: { type: [Object, Function, Array] },
|
|
113
|
+
rowClassName: { type: [Object, Array, String, Function] },
|
|
114
|
+
rowspanAndColspan: { type: Function },
|
|
115
|
+
rowspanAndColspanInFooter: { type: Function },
|
|
116
|
+
scroll: {},
|
|
117
|
+
showHeader: { type: Boolean },
|
|
118
|
+
stripe: { type: Boolean },
|
|
119
|
+
tableContentWidth: {},
|
|
120
|
+
tableLayout: {},
|
|
121
|
+
topContent: {},
|
|
122
|
+
verticalAlign: {},
|
|
123
|
+
onActiveChange: { type: Function },
|
|
124
|
+
onActiveRowAction: { type: Function },
|
|
125
|
+
onColumnResizeChange: { type: Function },
|
|
126
|
+
onPageChange: { type: Function },
|
|
127
|
+
onRowClick: { type: Function },
|
|
128
|
+
onRowDblclick: { type: Function },
|
|
129
|
+
onRowMousedown: { type: Function },
|
|
130
|
+
onRowMouseenter: { type: Function },
|
|
131
|
+
onRowMouseleave: { type: Function },
|
|
132
|
+
onRowMouseover: { type: Function },
|
|
133
|
+
onRowMouseup: { type: Function },
|
|
134
|
+
onScroll: { type: Function },
|
|
135
|
+
onScrollX: { type: Function },
|
|
136
|
+
onScrollY: { type: Function },
|
|
137
|
+
cacheKey: { type: [String, Function] },
|
|
138
|
+
cacheTime: {},
|
|
139
|
+
pollingInterval: {},
|
|
140
|
+
onBefore: { type: Function },
|
|
141
|
+
onAfter: { type: Function },
|
|
142
|
+
onSuccess: { type: Function },
|
|
143
|
+
onError: { type: Function },
|
|
144
|
+
service: { type: Function },
|
|
145
|
+
manual: { type: Boolean },
|
|
146
|
+
transformParams: { type: Function },
|
|
147
|
+
transformRes: { type: Function },
|
|
148
|
+
pagination: {},
|
|
149
|
+
modelValue: {},
|
|
150
|
+
multiple: { type: Boolean },
|
|
151
|
+
readonly: { type: Boolean },
|
|
152
|
+
disabled: { type: Boolean },
|
|
153
|
+
placeholder: {},
|
|
154
|
+
clearable: { type: Boolean },
|
|
155
|
+
creatable: { type: Boolean },
|
|
156
|
+
keys: {},
|
|
157
|
+
size: {},
|
|
158
|
+
valueType: {},
|
|
159
|
+
fillOptions: {},
|
|
160
|
+
popupVisible: { type: Boolean },
|
|
161
|
+
popupProps: {},
|
|
162
|
+
onClear: { type: Function },
|
|
163
|
+
onCreate: { type: Function },
|
|
164
|
+
onChange: { type: Function }
|
|
165
|
+
}, qdServicePopupTableSelectProps),
|
|
166
|
+
emits: ["update:modelValue", "update:popupVisible", "update:searchData", "update:data", "update:columnControllerVisible", "update:displayColumns", "update:expandedRowKeys", "update:filterValue", "update:sort", "update:expandedTreeNodes"],
|
|
167
|
+
setup(__props, { emit: __emit }) {
|
|
168
|
+
const props = __props;
|
|
169
|
+
const emit = __emit;
|
|
170
|
+
const {
|
|
171
|
+
modelValue,
|
|
172
|
+
popupVisible,
|
|
173
|
+
searchData,
|
|
174
|
+
data,
|
|
175
|
+
columnControllerVisible,
|
|
176
|
+
displayColumns,
|
|
177
|
+
expandedRowKeys,
|
|
178
|
+
filterValue,
|
|
179
|
+
sort,
|
|
180
|
+
expandedTreeNodes
|
|
181
|
+
} = useVModels(props, emit, {
|
|
182
|
+
passive: true
|
|
183
|
+
});
|
|
184
|
+
const { t } = useConfig("dialogTableSelect");
|
|
185
|
+
const selectedRowKeys = ref([]);
|
|
186
|
+
const selectedRows = ref([]);
|
|
187
|
+
const addCustom = reactive({
|
|
188
|
+
visible: false,
|
|
189
|
+
value: ""
|
|
190
|
+
});
|
|
191
|
+
const addConfirmDisabled = computed(() => isEmpty(addCustom.value));
|
|
192
|
+
const reProps = computed(() => {
|
|
193
|
+
const {
|
|
194
|
+
modelValue: modelValue2,
|
|
195
|
+
popupVisible: popupVisible2,
|
|
196
|
+
popupProps,
|
|
197
|
+
fillOptions,
|
|
198
|
+
searchData: searchData2,
|
|
199
|
+
data: inData,
|
|
200
|
+
columnControllerVisible: columnControllerVisible2,
|
|
201
|
+
displayColumns: displayColumns2,
|
|
202
|
+
expandedRowKeys: expandedRowKeys2,
|
|
203
|
+
filterValue: filterValue2,
|
|
204
|
+
sort: sort2,
|
|
205
|
+
expandedTreeNodes: expandedTreeNodes2,
|
|
206
|
+
readonly,
|
|
207
|
+
multiple,
|
|
208
|
+
disabled,
|
|
209
|
+
keys,
|
|
210
|
+
valueType,
|
|
211
|
+
clearable,
|
|
212
|
+
creatable,
|
|
213
|
+
placeholder,
|
|
214
|
+
size,
|
|
215
|
+
onClear,
|
|
216
|
+
onCreate,
|
|
217
|
+
onChange,
|
|
218
|
+
search,
|
|
219
|
+
tableSize,
|
|
220
|
+
...tableOptions
|
|
221
|
+
} = props;
|
|
222
|
+
const rePopupOptions = merge({}, qdServicePopup, { trigger: "click" }, popupProps);
|
|
223
|
+
const onVisibleChange = rePopupOptions.onVisibleChange;
|
|
224
|
+
rePopupOptions.onVisibleChange = (visible, context) => {
|
|
225
|
+
onVisibleChange?.(visible, context);
|
|
226
|
+
if (visible) {
|
|
227
|
+
fillOptionsWatchStop?.();
|
|
228
|
+
} else {
|
|
229
|
+
if (addCustom.visible) cancelAddCustom();
|
|
230
|
+
if (reProps.value.popupOptions.destroyOnClose) {
|
|
231
|
+
data.value = [];
|
|
232
|
+
searchData2.value = {};
|
|
233
|
+
selectedRowKeys.value = [];
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
};
|
|
237
|
+
let reOverlayClassName = rePopupOptions.overlayClassName;
|
|
238
|
+
if (!reOverlayClassName) {
|
|
239
|
+
reOverlayClassName = "qd-popup-table-select__overlay";
|
|
240
|
+
} else if (typeof reOverlayClassName === "string") {
|
|
241
|
+
reOverlayClassName += " qd-popup-table-select__overlay";
|
|
242
|
+
} else if (identifyType(reOverlayClassName) === "array") {
|
|
243
|
+
reOverlayClassName.push("qd-popup-table-select__overlay");
|
|
244
|
+
} else if (identifyType(reOverlayClassName) === "object") {
|
|
245
|
+
reOverlayClassName["qd-popup-table-select__overlay"] = true;
|
|
246
|
+
}
|
|
247
|
+
rePopupOptions.overlayClassName = reOverlayClassName;
|
|
248
|
+
return {
|
|
249
|
+
creatable,
|
|
250
|
+
fillOptions,
|
|
251
|
+
popupOptions: rePopupOptions,
|
|
252
|
+
selectOptions: {
|
|
253
|
+
multiple,
|
|
254
|
+
readonly,
|
|
255
|
+
disabled,
|
|
256
|
+
keys,
|
|
257
|
+
valueType,
|
|
258
|
+
clearable,
|
|
259
|
+
placeholder,
|
|
260
|
+
size
|
|
261
|
+
},
|
|
262
|
+
tableOptions: {
|
|
263
|
+
...tableOptions,
|
|
264
|
+
size: tableSize,
|
|
265
|
+
search: {
|
|
266
|
+
...search,
|
|
267
|
+
grid: merge({}, qdDialogTableSelectSearchGrid, search?.grid)
|
|
268
|
+
},
|
|
269
|
+
selectType: multiple ? "multiple" : "single",
|
|
270
|
+
rowKey: keys?.value || qdServiceSelectKeys.value
|
|
271
|
+
},
|
|
272
|
+
onClear,
|
|
273
|
+
onCreate,
|
|
274
|
+
onChange,
|
|
275
|
+
models: {
|
|
276
|
+
modelValue: modelValue2,
|
|
277
|
+
popupVisible: popupVisible2,
|
|
278
|
+
searchData: searchData2,
|
|
279
|
+
data: inData,
|
|
280
|
+
columnControllerVisible: columnControllerVisible2,
|
|
281
|
+
displayColumns: displayColumns2,
|
|
282
|
+
expandedRowKeys: expandedRowKeys2,
|
|
283
|
+
filterValue: filterValue2,
|
|
284
|
+
sort: sort2,
|
|
285
|
+
expandedTreeNodes: expandedTreeNodes2
|
|
286
|
+
}
|
|
287
|
+
};
|
|
288
|
+
});
|
|
289
|
+
let fillOptionsWatchStop;
|
|
290
|
+
function handleSelectChange(rowKeys, options) {
|
|
291
|
+
selectedRows.value = options.selectedRowData;
|
|
292
|
+
const { selectOptions } = reProps.value;
|
|
293
|
+
const valueKey = selectOptions.keys?.value || qdServiceSelectKeys.value;
|
|
294
|
+
const labelKey = selectOptions.keys?.label || qdServiceSelectKeys.label;
|
|
295
|
+
if (selectOptions.valueType === "value") {
|
|
296
|
+
modelValue.value = selectOptions.multiple ? selectedRows.value.map((item) => get(item, valueKey)) : get(selectedRows.value[0], valueKey);
|
|
297
|
+
} else {
|
|
298
|
+
const rows = selectedRows.value.map((item) => ({
|
|
299
|
+
[valueKey]: get(item, valueKey),
|
|
300
|
+
[labelKey]: get(item, labelKey)
|
|
301
|
+
}));
|
|
302
|
+
modelValue.value = selectOptions.multiple ? rows : rows[0];
|
|
303
|
+
}
|
|
304
|
+
reProps.value.onChange?.(modelValue.value, {
|
|
305
|
+
option: selectedRows.value[selectedRows.value.length - 1],
|
|
306
|
+
selectedOptions: selectedRows.value,
|
|
307
|
+
trigger: "check"
|
|
308
|
+
});
|
|
309
|
+
}
|
|
310
|
+
function handleClear(context) {
|
|
311
|
+
selectedRowKeys.value = [];
|
|
312
|
+
reProps.value.onChange?.(void 0, {
|
|
313
|
+
e: context.e,
|
|
314
|
+
option: null,
|
|
315
|
+
selectedOptions: [],
|
|
316
|
+
trigger: "clear"
|
|
317
|
+
});
|
|
318
|
+
reProps.value.onClear?.(context);
|
|
319
|
+
}
|
|
320
|
+
function confirmAddCustom(e) {
|
|
321
|
+
reProps.value.onCreate?.(addCustom.value);
|
|
322
|
+
reProps.value.onChange?.(void 0, {
|
|
323
|
+
e,
|
|
324
|
+
option: null,
|
|
325
|
+
selectedOptions: [],
|
|
326
|
+
trigger: "clear"
|
|
327
|
+
});
|
|
328
|
+
popupVisible.value = false;
|
|
329
|
+
reProps.value.popupOptions.onVisibleChange?.(popupVisible.value, {
|
|
330
|
+
e,
|
|
331
|
+
trigger: "trigger-element-close"
|
|
332
|
+
});
|
|
333
|
+
}
|
|
334
|
+
function cancelAddCustom() {
|
|
335
|
+
Object.assign(addCustom, {
|
|
336
|
+
visible: false,
|
|
337
|
+
value: ""
|
|
338
|
+
});
|
|
339
|
+
}
|
|
340
|
+
fillOptionsWatchStop = watch(
|
|
341
|
+
() => reProps.value.fillOptions,
|
|
342
|
+
(fillOpts) => {
|
|
343
|
+
if (!fillOpts?.length) return;
|
|
344
|
+
selectedRows.value = fillOpts;
|
|
345
|
+
},
|
|
346
|
+
{ immediate: true, deep: true }
|
|
347
|
+
);
|
|
348
|
+
return (_ctx, _cache) => {
|
|
349
|
+
return openBlock(), createBlock(unref(Popup), mergeProps({
|
|
350
|
+
modelValue: unref(popupVisible),
|
|
351
|
+
"onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => isRef(popupVisible) ? popupVisible.value = $event : null)
|
|
352
|
+
}, reProps.value.popupOptions), {
|
|
353
|
+
content: withCtx(() => [
|
|
354
|
+
createVNode(unref(QdCrudTable), mergeProps({
|
|
355
|
+
class: "qd-popup-table-select__table",
|
|
356
|
+
"search-data": unref(searchData),
|
|
357
|
+
"onUpdate:searchData": _cache[3] || (_cache[3] = ($event) => isRef(searchData) ? searchData.value = $event : null),
|
|
358
|
+
data: unref(data),
|
|
359
|
+
"onUpdate:data": _cache[4] || (_cache[4] = ($event) => isRef(data) ? data.value = $event : null),
|
|
360
|
+
"selected-row-keys": selectedRowKeys.value,
|
|
361
|
+
"onUpdate:selectedRowKeys": _cache[5] || (_cache[5] = ($event) => selectedRowKeys.value = $event),
|
|
362
|
+
"active-row-keys": selectedRowKeys.value,
|
|
363
|
+
"onUpdate:activeRowKeys": _cache[6] || (_cache[6] = ($event) => selectedRowKeys.value = $event),
|
|
364
|
+
"column-controller-visible": unref(columnControllerVisible),
|
|
365
|
+
"onUpdate:columnControllerVisible": _cache[7] || (_cache[7] = ($event) => isRef(columnControllerVisible) ? columnControllerVisible.value = $event : null),
|
|
366
|
+
"display-columns": unref(displayColumns),
|
|
367
|
+
"onUpdate:displayColumns": _cache[8] || (_cache[8] = ($event) => isRef(displayColumns) ? displayColumns.value = $event : null),
|
|
368
|
+
"expanded-rowKeys": unref(expandedRowKeys),
|
|
369
|
+
"onUpdate:expandedRowKeys": _cache[9] || (_cache[9] = ($event) => isRef(expandedRowKeys) ? expandedRowKeys.value = $event : null),
|
|
370
|
+
"filter-value": unref(filterValue),
|
|
371
|
+
"onUpdate:filterValue": _cache[10] || (_cache[10] = ($event) => isRef(filterValue) ? filterValue.value = $event : null),
|
|
372
|
+
sort: unref(sort),
|
|
373
|
+
"onUpdate:sort": _cache[11] || (_cache[11] = ($event) => isRef(sort) ? sort.value = $event : null),
|
|
374
|
+
"expanded-tree-nodes": unref(expandedTreeNodes),
|
|
375
|
+
"onUpdate:expandedTreeNodes": _cache[12] || (_cache[12] = ($event) => isRef(expandedTreeNodes) ? expandedTreeNodes.value = $event : null),
|
|
376
|
+
"reserve-selected-row-on-paginate": "",
|
|
377
|
+
"active-row-type": "multiple"
|
|
378
|
+
}, reProps.value.tableOptions, { onSelectChange: handleSelectChange }), createSlots({ _: 2 }, [
|
|
379
|
+
reProps.value.creatable ? {
|
|
380
|
+
name: "table-bottom-content",
|
|
381
|
+
fn: withCtx(() => [
|
|
382
|
+
addCustom.visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
383
|
+
createVNode(unref(Input), {
|
|
384
|
+
modelValue: addCustom.value,
|
|
385
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => addCustom.value = $event),
|
|
386
|
+
clearable: ""
|
|
387
|
+
}, null, 8, ["modelValue"]),
|
|
388
|
+
createVNode(unref(Space), { size: "small" }, {
|
|
389
|
+
default: withCtx(() => [
|
|
390
|
+
createVNode(unref(Button), {
|
|
391
|
+
disabled: addConfirmDisabled.value,
|
|
392
|
+
onClick: confirmAddCustom
|
|
393
|
+
}, {
|
|
394
|
+
default: withCtx(() => [
|
|
395
|
+
createTextVNode(toDisplayString(unref(t)("addConfirmText")), 1)
|
|
396
|
+
]),
|
|
397
|
+
_: 1
|
|
398
|
+
}, 8, ["disabled"]),
|
|
399
|
+
createVNode(unref(Button), {
|
|
400
|
+
variant: "outline",
|
|
401
|
+
onClick: cancelAddCustom
|
|
402
|
+
}, {
|
|
403
|
+
default: withCtx(() => [
|
|
404
|
+
createTextVNode(toDisplayString(unref(t)("addCancelText")), 1)
|
|
405
|
+
]),
|
|
406
|
+
_: 1
|
|
407
|
+
})
|
|
408
|
+
]),
|
|
409
|
+
_: 1
|
|
410
|
+
})
|
|
411
|
+
])) : (openBlock(), createBlock(unref(Button), {
|
|
412
|
+
key: 1,
|
|
413
|
+
class: "qd-popup-table-select__table-add",
|
|
414
|
+
block: "",
|
|
415
|
+
theme: "primary",
|
|
416
|
+
variant: "dashed",
|
|
417
|
+
onClick: _cache[2] || (_cache[2] = ($event) => addCustom.visible = true)
|
|
418
|
+
}, {
|
|
419
|
+
icon: withCtx(() => [
|
|
420
|
+
createVNode(unref(AddIcon))
|
|
421
|
+
]),
|
|
422
|
+
default: withCtx(() => [
|
|
423
|
+
createTextVNode(" " + toDisplayString(unref(t)("addText")), 1)
|
|
424
|
+
]),
|
|
425
|
+
_: 1
|
|
426
|
+
}))
|
|
427
|
+
]),
|
|
428
|
+
key: "0"
|
|
429
|
+
} : void 0,
|
|
430
|
+
renderList(unref(extractSlotsWithPrefix)(_ctx.$slots, "search"), (item) => {
|
|
431
|
+
return {
|
|
432
|
+
name: item.filterName,
|
|
433
|
+
fn: withCtx((slotProps) => [
|
|
434
|
+
renderSlot(_ctx.$slots, item.originalName, normalizeProps(guardReactiveProps(slotProps)), void 0, true)
|
|
435
|
+
])
|
|
436
|
+
};
|
|
437
|
+
}),
|
|
438
|
+
renderList(unref(extractSlotsWithPrefix)(_ctx.$slots, "table"), (item) => {
|
|
439
|
+
return {
|
|
440
|
+
name: item.filterName,
|
|
441
|
+
fn: withCtx((slotProps) => [
|
|
442
|
+
renderSlot(_ctx.$slots, item.originalName, normalizeProps(guardReactiveProps(slotProps)), void 0, true)
|
|
443
|
+
])
|
|
444
|
+
};
|
|
445
|
+
})
|
|
446
|
+
]), 1040, ["search-data", "data", "selected-row-keys", "active-row-keys", "column-controller-visible", "display-columns", "expanded-rowKeys", "filter-value", "sort", "expanded-tree-nodes"])
|
|
447
|
+
]),
|
|
448
|
+
default: withCtx(() => [
|
|
449
|
+
createVNode(unref(Select), mergeProps({
|
|
450
|
+
modelValue: unref(modelValue),
|
|
451
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
|
|
452
|
+
options: selectedRows.value,
|
|
453
|
+
"popup-visible": false
|
|
454
|
+
}, reProps.value.selectOptions, { onClear: handleClear }), {
|
|
455
|
+
suffixIcon: withCtx(() => [
|
|
456
|
+
createVNode(unref(SearchIcon))
|
|
457
|
+
]),
|
|
458
|
+
_: 1
|
|
459
|
+
}, 16, ["modelValue", "options"])
|
|
460
|
+
]),
|
|
461
|
+
_: 3
|
|
462
|
+
}, 16, ["modelValue"]);
|
|
463
|
+
};
|
|
464
|
+
}
|
|
465
|
+
});
|
|
466
|
+
export {
|
|
467
|
+
_sfc_main as default
|
|
468
|
+
};
|
|
469
|
+
//# sourceMappingURL=index.vue2.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.vue2.mjs","sources":["../../../src/components/service-popup-table-select/index.vue"],"sourcesContent":["<template>\n <t-popup v-model=\"popupVisible\" v-bind=\"reProps.popupOptions\">\n <t-select\n v-model=\"modelValue\"\n :options=\"selectedRows\"\n :popup-visible=\"false\"\n v-bind=\"reProps.selectOptions\"\n @clear=\"handleClear\"\n >\n <template #suffixIcon>\n <search-icon />\n </template>\n </t-select>\n\n <template #content>\n <qd-crud-table\n class=\"qd-popup-table-select__table\"\n v-model:search-data=\"searchData\"\n v-model:data=\"data\"\n v-model:selected-row-keys=\"selectedRowKeys\"\n v-model:active-row-keys=\"selectedRowKeys\"\n v-model:column-controller-visible=\"columnControllerVisible\"\n v-model:display-columns=\"displayColumns\"\n v-model:expanded-rowKeys=\"expandedRowKeys\"\n v-model:filter-value=\"filterValue\"\n v-model:sort=\"sort\"\n v-model:expanded-tree-nodes=\"expandedTreeNodes\"\n reserve-selected-row-on-paginate\n active-row-type=\"multiple\"\n v-bind=\"reProps.tableOptions\"\n @select-change=\"handleSelectChange\"\n >\n <template v-if=\"reProps.creatable\" #table-bottom-content>\n <div v-if=\"addCustom.visible\" class=\"qd-popup-table-select__table-add\">\n <t-input v-model=\"addCustom.value\" clearable />\n <t-space size=\"small\">\n <t-button :disabled=\"addConfirmDisabled\" @click=\"confirmAddCustom\">\n {{ t('addConfirmText') }}\n </t-button>\n <t-button variant=\"outline\" @click=\"cancelAddCustom\">{{\n t('addCancelText')\n }}</t-button>\n </t-space>\n </div>\n\n <t-button\n v-else\n class=\"qd-popup-table-select__table-add\"\n block\n theme=\"primary\"\n variant=\"dashed\"\n @click=\"addCustom.visible = true\"\n >\n <template #icon><add-icon /></template>\n {{ t('addText') }}\n </t-button>\n </template>\n\n <template\n v-for=\"item in extractSlotsWithPrefix($slots, 'search')\"\n #[item.filterName]=\"slotProps\"\n >\n <slot :name=\"item.originalName\" v-bind=\"slotProps\" />\n </template>\n\n <template\n v-for=\"item in extractSlotsWithPrefix($slots, 'table')\"\n #[item.filterName]=\"slotProps\"\n >\n <slot :name=\"item.originalName\" v-bind=\"slotProps\" />\n </template>\n </qd-crud-table>\n </template>\n </t-popup>\n</template>\n\n<script\n setup\n lang=\"ts\"\n generic=\"\n D extends TableRowData = TableRowData,\n R = unknown,\n P = ServicePageParams,\n TP = P,\n Pag extends ServicePagination = ServicePagination\n \"\n>\n import type { SelectOptions, SelectValue, TableRowData } from 'tdesign-vue-next'\n import type { QdServicePopupTableSelectProps } from './types'\n import type { ServicePageParams, ServicePagination } from 'qidian-shared'\n import type { QdCrudTableProps } from '../crud'\n import type { WatchHandle } from 'vue'\n import { extractSlotsWithPrefix, identifyType } from 'qidian-shared'\n import {\n Popup as TPopup,\n Select as TSelect,\n Button as TButton,\n Input as TInput,\n Space as TSpace\n } from 'tdesign-vue-next'\n import { AddIcon, SearchIcon } from 'tdesign-icons-vue-next'\n import { qdServicePopup, qdServicePopupTableSelectProps } from './props'\n import { useVModels } from '@vueuse/core'\n import { computed, reactive, ref, watch } from 'vue'\n import { get, merge } from 'lodash-es'\n import { qdDialogTableSelectSearchGrid } from '../service-dialog-table-select/props'\n import { qdServiceSelectKeys } from '../service-select/props'\n import { QdCrudTable } from '../crud'\n import { isEmpty } from 'qidian-shared'\n import { useConfig } from '../config-provider/useConfig'\n\n defineOptions({\n name: 'QdServicePopupTableSelect'\n })\n\n type Props = QdServicePopupTableSelectProps<D, R, P, TP, Pag>\n\n const props = withDefaults(defineProps<Props>(), qdServicePopupTableSelectProps)\n const emit = defineEmits<{\n 'update:modelValue': [Props['modelValue']]\n 'update:popupVisible': [Props['popupVisible']]\n\n 'update:searchData': [Props['searchData']]\n 'update:data': [Props['data']]\n 'update:columnControllerVisible': [Props['columnControllerVisible']]\n 'update:displayColumns': [Props['displayColumns']]\n 'update:expandedRowKeys': [Props['expandedRowKeys']]\n 'update:filterValue': [Props['filterValue']]\n 'update:sort': [Props['sort']]\n 'update:expandedTreeNodes': [Props['expandedTreeNodes']]\n }>()\n const {\n modelValue,\n popupVisible,\n searchData,\n data,\n columnControllerVisible,\n displayColumns,\n expandedRowKeys,\n filterValue,\n sort,\n expandedTreeNodes\n } = useVModels<typeof props, keyof typeof emit>(props, emit, {\n passive: true\n })\n\n const { t } = useConfig('dialogTableSelect')\n\n const selectedRowKeys = ref<(string | number)[]>([])\n const selectedRows = ref<D[]>([])\n\n const addCustom = reactive({\n visible: false,\n value: ''\n })\n const addConfirmDisabled = computed(() => isEmpty(addCustom.value))\n\n const reProps = computed(() => {\n const {\n modelValue,\n popupVisible,\n popupProps,\n fillOptions,\n searchData,\n data: inData,\n columnControllerVisible,\n displayColumns,\n expandedRowKeys,\n filterValue,\n sort,\n expandedTreeNodes,\n readonly,\n\n multiple,\n disabled,\n keys,\n valueType,\n clearable,\n creatable,\n placeholder,\n size,\n\n onClear,\n onCreate,\n onChange,\n\n search,\n tableSize,\n ...tableOptions\n } = props\n\n const rePopupOptions = merge({}, qdServicePopup, { trigger: 'click' } as const, popupProps)\n const onVisibleChange = rePopupOptions.onVisibleChange\n rePopupOptions.onVisibleChange = (visible, context) => {\n onVisibleChange?.(visible, context)\n\n if (visible) {\n fillOptionsWatchStop?.()\n } else {\n if (addCustom.visible) cancelAddCustom()\n if (reProps.value.popupOptions.destroyOnClose) {\n data.value = []\n searchData.value = {}\n selectedRowKeys.value = []\n }\n }\n }\n\n let reOverlayClassName = rePopupOptions.overlayClassName\n if (!reOverlayClassName) {\n reOverlayClassName = 'qd-popup-table-select__overlay'\n } else if (typeof reOverlayClassName === 'string') {\n reOverlayClassName += ' qd-popup-table-select__overlay'\n } else if (identifyType(reOverlayClassName) === 'array') {\n reOverlayClassName.push('qd-popup-table-select__overlay')\n } else if (identifyType(reOverlayClassName) === 'object') {\n ;(\n reOverlayClassName as {\n [className: string]: any\n }\n )['qd-popup-table-select__overlay'] = true\n }\n\n rePopupOptions.overlayClassName = reOverlayClassName\n\n return {\n creatable,\n fillOptions,\n popupOptions: rePopupOptions,\n selectOptions: {\n multiple,\n readonly,\n disabled,\n keys,\n valueType,\n clearable,\n placeholder,\n size\n },\n tableOptions: {\n ...tableOptions,\n size: tableSize,\n search: {\n ...search,\n grid: merge({}, qdDialogTableSelectSearchGrid, search?.grid)\n },\n selectType: (multiple ? 'multiple' : 'single') as QdCrudTableProps['selectType'],\n rowKey: keys?.value || qdServiceSelectKeys.value\n },\n\n onClear,\n onCreate,\n onChange,\n\n models: {\n modelValue,\n popupVisible,\n searchData,\n data: inData,\n columnControllerVisible,\n displayColumns,\n expandedRowKeys,\n filterValue,\n sort,\n expandedTreeNodes\n }\n }\n })\n\n let fillOptionsWatchStop: WatchHandle | undefined // 处理 fillOptions 合并逻辑\n\n function handleSelectChange(rowKeys: (string | number)[], options: SelectOptions<D>) {\n selectedRows.value = options.selectedRowData\n\n const { selectOptions } = reProps.value\n const valueKey = selectOptions.keys?.value || qdServiceSelectKeys.value\n const labelKey = selectOptions.keys?.label || qdServiceSelectKeys.label\n if (selectOptions.valueType === 'value') {\n modelValue.value = selectOptions.multiple\n ? selectedRows.value.map((item) => get(item, valueKey))\n : get(selectedRows.value[0], valueKey)\n } else {\n const rows = selectedRows.value.map((item) => ({\n [valueKey]: get(item, valueKey),\n [labelKey]: get(item, labelKey)\n }))\n modelValue.value = selectOptions.multiple ? rows : rows[0]\n }\n\n reProps.value.onChange?.(modelValue.value, {\n option: selectedRows.value[selectedRows.value.length - 1] as D,\n selectedOptions: selectedRows.value as D[],\n trigger: 'check'\n })\n }\n\n function handleClear(context: { e: MouseEvent }) {\n selectedRowKeys.value = []\n\n reProps.value.onChange?.(undefined as unknown as SelectValue, {\n e: context.e,\n option: null as unknown as D,\n selectedOptions: [],\n trigger: 'clear'\n })\n reProps.value.onClear?.(context)\n }\n\n function confirmAddCustom(e: MouseEvent) {\n reProps.value.onCreate?.(addCustom.value)\n reProps.value.onChange?.(undefined as unknown as SelectValue, {\n e,\n option: null as unknown as D,\n selectedOptions: [],\n trigger: 'clear'\n })\n popupVisible.value = false\n reProps.value.popupOptions.onVisibleChange?.(popupVisible.value, {\n e,\n trigger: 'trigger-element-close'\n })\n }\n\n function cancelAddCustom() {\n Object.assign(addCustom, {\n visible: false,\n value: ''\n })\n }\n\n fillOptionsWatchStop = watch(\n () => reProps.value.fillOptions,\n (fillOpts) => {\n if (!fillOpts?.length) return\n\n selectedRows.value = fillOpts as D[]\n },\n { immediate: true, deep: true }\n )\n</script>\n\n<style lang=\"less\">\n .qd-popup-table-select__overlay {\n width: min(960px, 100%);\n }\n</style>\n\n<style lang=\"less\" scoped>\n .qd-popup-table-select {\n &__table {\n :deep(.qd-crud) {\n &-search > .t-card__body,\n &-table__body > .t-card__body {\n padding: 0 !important;\n }\n\n &-table__toolbar {\n display: none;\n }\n }\n\n :deep(.qd-service-table) {\n margin-top: 0;\n }\n\n &-add {\n margin-top: var(--td-comp-margin-m);\n display: flex;\n\n .t-input__wrap {\n flex: 1 1 0;\n overflow: hidden;\n margin-right: var(--td-comp-margin-m);\n }\n }\n }\n }\n</style>\n"],"names":["modelValue","popupVisible","searchData","columnControllerVisible","displayColumns","expandedRowKeys","filterValue","sort","expandedTreeNodes","_openBlock","_createBlock","_unref","_mergeProps","_createVNode","_createSlots","_createElementBlock","TInput","TSpace","TButton","_createTextVNode","$slots","_withCtx","_renderSlot"],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
export declare const qdServicePopupTableSelectProps: {
|
|
2
|
+
readonly searchData: () => {};
|
|
3
|
+
readonly multiple: false;
|
|
4
|
+
readonly readonly: undefined;
|
|
5
|
+
readonly disabled: undefined;
|
|
6
|
+
readonly clearable: false;
|
|
7
|
+
readonly valueType: "value";
|
|
8
|
+
readonly data: () => never[];
|
|
9
|
+
readonly columnControllerVisible: undefined;
|
|
10
|
+
readonly displayColumns: undefined;
|
|
11
|
+
readonly expandedRowKeys: () => never[];
|
|
12
|
+
readonly filterValue: undefined;
|
|
13
|
+
readonly sort: undefined;
|
|
14
|
+
readonly expandedTreeNodes: () => never[];
|
|
15
|
+
readonly expandIcon: true;
|
|
16
|
+
readonly selectOnRowClick: undefined;
|
|
17
|
+
readonly bordered: true;
|
|
18
|
+
readonly keyboardRowHover: true;
|
|
19
|
+
readonly lazyLoad: true;
|
|
20
|
+
readonly showHeader: true;
|
|
21
|
+
readonly maxHeight: "100%";
|
|
22
|
+
readonly hover: true;
|
|
23
|
+
readonly expandOnRowClick: undefined;
|
|
24
|
+
readonly hideSortTips: undefined;
|
|
25
|
+
readonly multipleSort: undefined;
|
|
26
|
+
readonly rowSelectionAllowUncheck: undefined;
|
|
27
|
+
readonly disableSpaceInactiveRow: undefined;
|
|
28
|
+
readonly horizontalScrollAffixedBottom: undefined;
|
|
29
|
+
readonly paginationAffixedBottom: undefined;
|
|
30
|
+
readonly pagination: undefined;
|
|
31
|
+
readonly headerBg: true;
|
|
32
|
+
readonly loadingWithData: true;
|
|
33
|
+
};
|
|
34
|
+
export declare const qdServicePopup: {
|
|
35
|
+
readonly placement: "bottom-left";
|
|
36
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { qdServiceTableProps } from "../service/table/props.mjs";
|
|
2
|
+
const {
|
|
3
|
+
selectedRowKeys,
|
|
4
|
+
activeRowKeys,
|
|
5
|
+
rowKey,
|
|
6
|
+
reserveSelectedRowOnPaginate,
|
|
7
|
+
...qdServiceTableOtherProps
|
|
8
|
+
} = qdServiceTableProps;
|
|
9
|
+
const qdServicePopupTableSelectProps = {
|
|
10
|
+
...qdServiceTableOtherProps,
|
|
11
|
+
searchData: () => ({}),
|
|
12
|
+
multiple: false,
|
|
13
|
+
readonly: void 0,
|
|
14
|
+
disabled: void 0,
|
|
15
|
+
clearable: false,
|
|
16
|
+
valueType: "value"
|
|
17
|
+
};
|
|
18
|
+
const qdServicePopup = {
|
|
19
|
+
placement: "bottom-left"
|
|
20
|
+
};
|
|
21
|
+
export {
|
|
22
|
+
qdServicePopup,
|
|
23
|
+
qdServicePopupTableSelectProps
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=props.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.mjs","sources":["../../../src/components/service-popup-table-select/props.ts"],"sourcesContent":["import { qdServiceTableProps } from '../service/table/props'\n\nconst {\n selectedRowKeys,\n activeRowKeys,\n rowKey,\n reserveSelectedRowOnPaginate,\n ...qdServiceTableOtherProps\n} = qdServiceTableProps\n\nexport const qdServicePopupTableSelectProps = {\n ...qdServiceTableOtherProps,\n\n searchData: () => ({}),\n\n multiple: false,\n readonly: undefined,\n disabled: undefined,\n clearable: false,\n valueType: 'value'\n} as const\n\nexport const qdServicePopup = {\n placement: 'bottom-left'\n} as const\n"],"names":[],"mappings":";AAEA,MAAM;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,IAAI;AAEG,MAAM,iCAAiC;AAAA,EAC5C,GAAG;AAAA,EAEH,YAAY,OAAO,CAAA;AAAA,EAEnB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AACb;AAEO,MAAM,iBAAiB;AAAA,EAC5B,WAAW;AACb;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ServicePageParams, ServicePagination } from 'qidian-shared';
|
|
2
|
+
import type { TableRowData } from 'tdesign-vue-next';
|
|
3
|
+
import type { QdCrudTableProps } from '../crud';
|
|
4
|
+
import type { QdDialogInstanceFunctions } from '../dialog';
|
|
5
|
+
import type { QdServiceSelectProps } from '../service-select';
|
|
6
|
+
export interface QdServicePopupTableSelectProps<D extends TableRowData = TableRowData, R = unknown, P = ServicePageParams, TP = P, Pag extends ServicePagination = ServicePagination> extends Omit<QdCrudTableProps<D, R, P, TP, Pag>, 'add' | 'actions' | 'edit' | 'view' | 'del' | 'rowActions' | 'form' | 'selectedRowKeys' | 'activeRowKeys' | 'activeRowType' | 'rowKey' | 'selectType' | 'size' | 'reserveSelectedRowOnPaginate' | 'onAsyncLoadingClick' | 'onCellClick' | 'onChange' | 'onColumnChange' | 'onColumnControllerVisibleChange' | 'onDataChange' | 'onDisplayColumnsChange' | 'onDragSort' | 'onExpandChange' | 'onFilterChange' | 'onRowEdit' | 'onRowValidate' | 'onSelectChange' | 'onSortChange' | 'onValidate'>, Pick<QdServiceSelectProps<D, R, P, TP, Pag>, 'modelValue' | 'multiple' | 'readonly' | 'disabled' | 'placeholder' | 'clearable' | 'creatable' | 'keys' | 'size' | 'valueType' | 'fillOptions' | 'popupVisible' | 'popupProps' | 'onClear' | 'onCreate' | 'onChange'> {
|
|
7
|
+
tableSize?: QdCrudTableProps['size'];
|
|
8
|
+
}
|
|
9
|
+
export type QdDialogTableSelectInstanceFunctions = QdDialogInstanceFunctions;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./index.vue2.mjs";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import _export_sfc from "
|
|
4
|
-
const QdServiceSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const QdServiceSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-52c45650"]]);
|
|
5
5
|
export {
|
|
6
6
|
QdServiceSelect as default
|
|
7
7
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { defineComponent, mergeDefaults, computed, ref, watch, onMounted, onActivated, onDeactivated, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, renderSlot, createCommentVNode, renderList, normalizeProps, guardReactiveProps } from "vue";
|
|
2
2
|
import { Select, Loading } from "tdesign-vue-next";
|
|
3
|
-
import { useVModels } from "
|
|
3
|
+
import { useVModels } from "../../node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.22_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
|
|
4
4
|
import { isEmpty, useServiceLoadMore, toArr, extractSlotsWithoutPrefix } from "qidian-shared";
|
|
5
5
|
import { qdServiceSelectKeys, qdServiceSelectProps } from "./props.mjs";
|
|
6
|
-
import { useConfig } from "
|
|
7
|
-
import { qdDictConvStrSeparator } from "
|
|
6
|
+
import { useConfig } from "../config-provider/useConfig.mjs";
|
|
7
|
+
import { qdDictConvStrSeparator } from "../dict/tag/props.mjs";
|
|
8
8
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
9
|
...{
|
|
10
10
|
name: "QdServiceSelect"
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.vue2.mjs","sources":["../../../src/components/service-select/index.vue"],"sourcesContent":["<template>\n <t-select\n class=\"qd-service-select\"\n v-model=\"reModelValue\"\n v-model:input=\"inputValue\"\n v-model:popup-visible=\"popupVisible\"\n :autofocus=\"autofocus\"\n :loading=\"selectLoad\"\n v-bind=\"{\n ...reProps.selectOptions,\n ...($slots.default ? {} : { options })\n }\"\n >\n <template #panel-bottom-content>\n <t-loading\n v-if=\"loading && !firstLoad\"\n class=\"qd-service-select__load\"\n size=\"small\"\n :text=\"t('text')\"\n />\n\n <slot v-else-if=\"$slots['panel-bottom-content']\" name=\"panel-bottom-content\" />\n </template>\n\n <template #default>\n <slot :options=\"options as D[]\" />\n </template>\n\n <template\n v-for=\"(_, name) in extractSlotsWithoutPrefix($slots, 'panel-bottom')\"\n #[name]=\"slotProps\"\n >\n <slot :name=\"name\" v-bind=\"slotProps\" />\n </template>\n </t-select>\n</template>\n\n<script\n setup\n lang=\"ts\"\n generic=\"\n D extends SelectOption = SelectOption,\n R = unknown,\n P = ServicePageParams,\n TP = P,\n Pag extends ServicePagination = ServicePagination,\n SK extends string | string[] = string | string[]\n \"\n>\n import type { SelectOption, TdSelectProps } from 'tdesign-vue-next'\n import type { ServiceMaybePageParams, ServicePageParams, ServicePagination } from 'qidian-shared'\n import type { QdServiceSelectInstanceFunctions, QdServiceSelectProps } from './types'\n import type { WatchHandle } from 'vue'\n import { computed, onActivated, onDeactivated, onMounted, ref, watch } from 'vue'\n import { Select as TSelect, Loading as TLoading } from 'tdesign-vue-next'\n import { useVModels } from '@vueuse/core'\n import { useServiceLoadMore, toArr, extractSlotsWithoutPrefix, isEmpty } from 'qidian-shared'\n import { qdServiceSelectKeys, qdServiceSelectProps } from './props'\n import { useConfig } from '../config-provider/useConfig'\n import { qdDictConvStrSeparator } from '../dict/tag/props'\n\n defineOptions({\n name: 'QdServiceSelect'\n })\n\n type Props = QdServiceSelectProps<D, R, P, TP, Pag, SK>\n\n const props = withDefaults(defineProps<Props>(), qdServiceSelectProps)\n const emit = defineEmits<{\n 'update:modelValue': [Props['modelValue']]\n 'update:valueLabel': [Props['valueLabel']]\n 'update:inputValue': [Props['inputValue']]\n 'update:popupVisible': [Props['popupVisible']]\n 'update:options': [Props['options']]\n }>()\n const { modelValue, valueLabel, inputValue, popupVisible, options } = useVModels(props, emit, {\n passive: true\n })\n\n const reModelValue = computed({\n get: () => {\n const { convStr, selectOptions } = reProps.value\n const { multiple, valueType } = selectOptions\n if (!multiple || valueType === 'object') return modelValue.value\n\n if (isEmpty(modelValue.value)) return []\n if (typeof modelValue.value === 'string') {\n return modelValue.value.split(\n (typeof convStr === 'string' ? convStr : '') || qdDictConvStrSeparator\n )\n }\n return modelValue.value\n },\n set: (val) => {\n const { convStr, selectOptions } = reProps.value\n const { multiple, valueType } = selectOptions\n if (!multiple || valueType === 'object') {\n modelValue.value = val\n return\n }\n\n if (convStr && Array.isArray(val)) {\n modelValue.value = val.join(\n (typeof convStr === 'string' ? convStr : '') || qdDictConvStrSeparator\n )\n } else {\n modelValue.value = val\n }\n }\n })\n\n const reValueLabel = computed({\n get: () => {\n const { convStr, selectOptions } = reProps.value\n const { multiple, valueType } = selectOptions\n if (!multiple || valueType === 'object') return valueLabel.value\n\n if (isEmpty(valueLabel.value)) return []\n if (typeof valueLabel.value === 'string') {\n return valueLabel.value.split(\n (typeof convStr === 'string' ? convStr : '') || qdDictConvStrSeparator\n )\n }\n return valueLabel.value\n },\n set: (val) => {\n const { convStr, selectOptions } = reProps.value\n const { multiple, valueType } = selectOptions\n if (!multiple || valueType === 'object') {\n valueLabel.value = val\n return\n }\n\n if (convStr && Array.isArray(val)) {\n valueLabel.value = val.join(\n (typeof convStr === 'string' ? convStr : '') || qdDictConvStrSeparator\n )\n } else {\n valueLabel.value = val\n }\n }\n })\n\n const { t } = useConfig('loading')\n\n const search = ref('')\n const autofocus = ref(false)\n\n const reProps = computed(() => {\n const {\n service,\n manual,\n transformParams,\n transformRes,\n pagination,\n onBefore,\n onAfter,\n onSuccess,\n onError,\n\n convStr,\n searchKey,\n loading: externalLoad,\n defaultSelectFirst,\n fillOptions,\n\n modelValue,\n inputValue,\n popupVisible: inPopupVisible,\n options: inOptions,\n valueLabel,\n\n popupProps,\n filterable,\n filter,\n autofocus,\n onSearch,\n onPopupVisibleChange,\n onFocus,\n onChange,\n ...selectOptions\n } = props\n\n const rePopupProps = popupProps || {}\n rePopupProps.onScrollToBottom = (context: { e: WheelEvent }) => {\n popupProps?.onScrollToBottom?.(context)\n if (loading.value || noMore.value) return\n loadMore()\n }\n\n const reOnSearch: typeof onSearch = (\n filterWords: string,\n context: {\n e: KeyboardEvent\n }\n ) => {\n onSearch?.(filterWords, context)\n search.value = filterWords.trim()\n refresh()\n }\n\n const reOnPopupVisibleChange: typeof onPopupVisibleChange = (visible, context) => {\n onPopupVisibleChange?.(visible, context)\n\n if (loading.value) return\n if (visible && !options.value?.length) {\n search.value = ''\n refresh()\n }\n }\n\n const reOnFocus: typeof onFocus = (context) => {\n onFocus?.(context)\n\n if (autofocus && !popupVisible.value) {\n popupVisible.value = true\n }\n }\n\n const reOnChange = (value: any, context: any) => {\n onChange?.(value, context)\n\n // 更新 valueLabel\n const { selectOptions } = reProps.value\n const { multiple, keys } = selectOptions\n const labelKey = keys?.label || qdServiceSelectKeys.label\n\n if (multiple) {\n const selectedLabels =\n context.selectedOptions\n ?.map((option: D) => option[labelKey as keyof D] as string)\n .filter(Boolean) || []\n reValueLabel.value = selectedLabels\n } else {\n reValueLabel.value = (context.option?.[labelKey as keyof D] as string) || ''\n }\n }\n\n const reSearchKey = toArr(searchKey)\n const mergedTransformParams = (params: ServiceMaybePageParams<Pag>) => {\n const searchData: Record<string, string> = {}\n reSearchKey.forEach((key) => {\n searchData[key] = search.value\n })\n\n const merged = !params && !reSearchKey.length ? params : { ...params, ...searchData }\n if (transformParams)\n return transformParams(merged as unknown as Parameters<typeof transformParams>[0])\n return merged as TP\n }\n\n const reFilterable = filterable ?? !!reSearchKey.length\n const reFilter = reFilterable ? handleFilter : filter\n\n return {\n autofocus,\n externalLoad,\n defaultSelectFirst,\n fillOptions,\n convStr,\n selectOptions: {\n ...selectOptions,\n filterable: reFilterable,\n filter: reFilter,\n popupProps: rePopupProps,\n onSearch: reOnSearch,\n onPopupVisibleChange: reOnPopupVisibleChange,\n onFocus: reOnFocus,\n onChange: reOnChange\n } as unknown as TdSelectProps<SelectOption>,\n serviceOptions: {\n service,\n manual,\n transformParams: mergedTransformParams,\n transformRes,\n pagination,\n onBefore,\n onAfter,\n onSuccess,\n onError\n },\n models: {\n modelValue,\n valueLabel,\n inputValue,\n popupVisible: inPopupVisible,\n options: inOptions\n }\n }\n })\n\n let hasAutoSelected = false // 记录是否已经自动选择过\n let fillOptionsWatchStop: WatchHandle | undefined // 处理 fillOptions 合并逻辑\n let triggerServiceMerged = false // 记录是否已经触发过请求后合并\n\n const {\n data,\n firstLoad,\n manualTriggerLoad,\n loading,\n loadingMore,\n noMore,\n error,\n refresh,\n refreshAsync,\n cancel,\n loadMore,\n loadMoreAsync,\n mutate\n } = useServiceLoadMore({\n ...reProps.value.serviceOptions,\n onBefore: () => {\n // 请求开始时销毁 fillOptions 的 watch\n fillOptionsWatchStop?.()\n reProps.value.serviceOptions.onBefore?.()\n },\n onSuccess: (res) => {\n reProps.value.serviceOptions.onSuccess?.(res)\n\n const list = (data.value?.list || []) as D[]\n if (!triggerServiceMerged && reProps.value.fillOptions?.length) {\n const map = new Map<typeof reModelValue.value, D>()\n ;[...reProps.value.fillOptions, ...list].forEach((item) => {\n const k =\n item[\n (reProps.value.selectOptions.keys?.value ||\n qdServiceSelectKeys.value) as keyof typeof item\n ]\n map.set(k, item as D)\n })\n options.value = Array.from(map.values())\n } else {\n options.value = list\n }\n triggerServiceMerged = true\n\n // 当 defaultSelectFirst 为 true 且 modelValue 为空且未自动选择过时,默认选中第一个\n if (\n !hasAutoSelected &&\n reProps.value.defaultSelectFirst &&\n isEmpty(reModelValue.value) &&\n res.list.length\n ) {\n const firstOption = res.list[0]\n reModelValue.value =\n firstOption[\n (reProps.value.selectOptions.keys?.value ||\n qdServiceSelectKeys.value) as keyof typeof firstOption\n ]\n hasAutoSelected = true\n }\n }\n })\n\n const selectLoad = computed(() => reProps.value.externalLoad || firstLoad.value)\n\n function handleFilter(filterWords: string, option: SelectOption) {\n if (!filterWords) return true\n\n if ('value' in option) {\n if (reProps.value.selectOptions.multiple) {\n if (reModelValue.value.includes(option.value)) return true\n } else if (reModelValue.value === option.value) {\n return true\n }\n }\n\n if (!option.label) return false\n\n const value = filterWords.trim().toLowerCase()\n return option.label.toLowerCase().includes(value)\n }\n\n const expose = {\n firstLoad,\n manualTriggerLoad,\n loading,\n loadingMore,\n noMore,\n error,\n refresh,\n refreshAsync,\n cancel,\n loadMore,\n loadMoreAsync,\n mutate\n } as QdServiceSelectInstanceFunctions<D, R, P, TP, Pag>\n\n // manual 为 true 时,watch fillOptions 对 options.value 进行赋值\n if (reProps.value.serviceOptions.manual) {\n fillOptionsWatchStop = watch(\n () => reProps.value.fillOptions,\n (fillOpts) => {\n if (!fillOpts?.length) return\n\n options.value = fillOpts\n triggerServiceMerged = true\n },\n { immediate: true, deep: true }\n )\n }\n\n onMounted(() => {\n autofocus.value = reProps.value.autofocus\n })\n\n onActivated(() => {\n autofocus.value = reProps.value.autofocus\n })\n\n onDeactivated(() => {\n autofocus.value = false\n })\n\n defineExpose(expose)\n</script>\n\n<style lang=\"less\" scoped>\n .qd-service-select {\n &__load {\n width: 100%;\n border-top: 1px solid var(--td-component-stroke);\n padding: 6px;\n color: var(--td-text-color-disabled);\n }\n }\n</style>\n"],"names":["modelValue","inputValue","valueLabel","autofocus","selectOptions","_openBlock","_createBlock","_unref","_mergeProps","$slots","TLoading","_renderSlot","_renderList","_withCtx","_normalizeProps","_guardReactiveProps"],"mappings":"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"}
|