qidian-vue-ui 2.0.0-beta.2 → 2.0.0-beta.3
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/service/table/index.css +22 -15
- package/dist/components/service/table/index.vue.mjs +1 -1
- package/dist/components/service/table/index.vue2.mjs +11 -5
- package/dist/components/upload/index.css +33 -33
- package/dist/components/upload/index.vue.mjs +1 -1
- package/dist/components/upload/index.vue2.mjs +6 -3
- package/package.json +1 -1
|
@@ -1,46 +1,53 @@
|
|
|
1
|
-
.qd-service-table[data-v-
|
|
1
|
+
.qd-service-table[data-v-ca710aec] {
|
|
2
2
|
height: 100%;
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
5
5
|
}
|
|
6
|
-
.qd-service-table[data-v-
|
|
6
|
+
.qd-service-table[data-v-ca710aec] > .t-table__content {
|
|
7
7
|
flex: 1;
|
|
8
8
|
}
|
|
9
|
-
.qd-service-table[data-v-
|
|
9
|
+
.qd-service-table[data-v-ca710aec] .t-table__tree-col:not(:has(.t-table__tree-op-icon)) {
|
|
10
10
|
margin-left: calc(var(--td-font-size-body-large) + var(--td-comp-margin-s));
|
|
11
11
|
}
|
|
12
|
-
.qd-service-table[data-v-
|
|
12
|
+
.qd-service-table[data-v-ca710aec] .t-table__tree-leaf-node .t-table__tree-op-icon:empty {
|
|
13
13
|
width: calc(var(--td-font-size-body-large) + var(--td-comp-margin-s));
|
|
14
14
|
}
|
|
15
|
-
.qd-service-table[data-v-
|
|
16
|
-
.qd-service-table[data-v-
|
|
17
|
-
transform: var(--
|
|
15
|
+
.qd-service-table[data-v-ca710aec] .t-affix > .t-table__affixed-header-elm-wrap,
|
|
16
|
+
.qd-service-table[data-v-ca710aec] .t-affix > .t-table__scrollbar--obvious {
|
|
17
|
+
transform: var(--v94c1d526);
|
|
18
18
|
}
|
|
19
|
-
.qd-service-table--horizontal-bar-static[data-v-
|
|
19
|
+
.qd-service-table--horizontal-bar-static[data-v-ca710aec] .t-table__scrollbar--obvious {
|
|
20
20
|
visibility: hidden;
|
|
21
21
|
pointer-events: none;
|
|
22
22
|
}
|
|
23
|
-
.qd-service-table[data-v-
|
|
23
|
+
.qd-service-table[data-v-ca710aec] .t-table__affixed-header-elm-wrap {
|
|
24
24
|
height: auto !important;
|
|
25
25
|
}
|
|
26
|
-
.qd-service-table[data-v-
|
|
26
|
+
.qd-service-table[data-v-ca710aec] .t-table__affixed-header-elm {
|
|
27
27
|
position: relative;
|
|
28
28
|
scrollbar-width: none;
|
|
29
29
|
}
|
|
30
|
-
.qd-service-table[data-v-
|
|
30
|
+
.qd-service-table[data-v-ca710aec] .t-table__affixed-header-elm::-webkit-scrollbar {
|
|
31
31
|
display: none;
|
|
32
32
|
width: 0;
|
|
33
33
|
height: 0;
|
|
34
34
|
}
|
|
35
|
-
.qd-service-table[data-v-
|
|
35
|
+
.qd-service-table[data-v-ca710aec] .t-table__virtual-scroll-cursor + table {
|
|
36
36
|
border-collapse: separate;
|
|
37
37
|
}
|
|
38
|
-
.qd-service-table[data-v-
|
|
38
|
+
.qd-service-table[data-v-ca710aec] .t-table__cell-wrap > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
|
|
39
39
|
width: 100%;
|
|
40
40
|
}
|
|
41
|
-
.qd-service-table[data-v-
|
|
41
|
+
.qd-service-table[data-v-ca710aec] .qd-service-table__non-editable-col {
|
|
42
42
|
background-color: color-mix(in srgb, var(--td-bg-color-secondarycontainer) 50%, transparent);
|
|
43
43
|
}
|
|
44
|
-
.qd-service-table
|
|
44
|
+
.qd-service-table[data-v-ca710aec] .qd-service-table__non-editable-col:is(
|
|
45
|
+
.t-table__cell--fixed-left,
|
|
46
|
+
.t-table__cell--fixed-right
|
|
47
|
+
) {
|
|
48
|
+
background-color: inherit;
|
|
49
|
+
background-image: linear-gradient(color-mix(in srgb, var(--td-bg-color-secondarycontainer) 50%, transparent), color-mix(in srgb, var(--td-bg-color-secondarycontainer) 50%, transparent));
|
|
50
|
+
}
|
|
51
|
+
.qd-service-table--disable-horizontal-scroll[data-v-ca710aec] colgroup > col {
|
|
45
52
|
width: auto !important;
|
|
46
53
|
}
|
|
@@ -2,7 +2,7 @@ import './index.css'
|
|
|
2
2
|
import _sfc_main from "./index.vue2.mjs";
|
|
3
3
|
/* empty css */
|
|
4
4
|
import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
5
|
-
const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
5
|
+
const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ca710aec"]]);
|
|
6
6
|
export {
|
|
7
7
|
QdServiceTable as default
|
|
8
8
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './index.css'
|
|
2
|
-
import { defineComponent, mergeDefaults, useCssVars, ref, computed, useSlots, useTemplateRef, shallowRef, inject, reactive, createVNode, watch, nextTick, onMounted, onActivated, onDeactivated, onBeforeUnmount, withDirectives, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, isRef, createSlots, withCtx, renderList, renderSlot, normalizeProps, guardReactiveProps, render, h
|
|
2
|
+
import { defineComponent, mergeDefaults, useCssVars, ref, computed, useSlots, useTemplateRef, shallowRef, inject, getCurrentInstance, reactive, createVNode, watch, nextTick, onMounted, onActivated, onDeactivated, onBeforeUnmount, withDirectives, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, isRef, createSlots, withCtx, renderList, renderSlot, normalizeProps, guardReactiveProps, render, h } from "vue";
|
|
3
3
|
import { useVModels, useElementBounding, useIntersectionObserver } from "../../../node_modules/.pnpm/@vueuse_core@14.2.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
|
|
4
4
|
import { useTimer, easyCopy, isEmpty, suspectedWrapperPromise, useServicePagination, createExposeProxy, resizeDirective, getScrollEl } from "qidian-shared";
|
|
5
5
|
import { LoadingIcon, AddRectangleIcon, MinusRectangleIcon } from "tdesign-icons-vue-next";
|
|
@@ -318,7 +318,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
318
318
|
emit: __emit
|
|
319
319
|
}) {
|
|
320
320
|
useCssVars((_ctx) => ({
|
|
321
|
-
"
|
|
321
|
+
"v94c1d526": affixedHeaderTransform.value
|
|
322
322
|
}));
|
|
323
323
|
const props = __props;
|
|
324
324
|
const emit = __emit;
|
|
@@ -377,6 +377,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
377
377
|
};
|
|
378
378
|
});
|
|
379
379
|
const isVirtualScroll = computed(() => props.scroll?.type === "virtual");
|
|
380
|
+
const currentInstance = getCurrentInstance();
|
|
381
|
+
const offscreenAppContext = currentInstance ? {
|
|
382
|
+
...currentInstance.appContext,
|
|
383
|
+
provides: Reflect.get(currentInstance, "provides")
|
|
384
|
+
} : null;
|
|
380
385
|
let offscreenChain = Promise.resolve();
|
|
381
386
|
let offscreenContainer = null;
|
|
382
387
|
let offscreenVNode = null;
|
|
@@ -1083,13 +1088,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1083
1088
|
const message = getFirstValidationError(results);
|
|
1084
1089
|
if (!firstError || !message) return;
|
|
1085
1090
|
const column = firstError.col;
|
|
1086
|
-
|
|
1091
|
+
const shouldLocateFirstError = params?.scrollToFirstError !== false;
|
|
1092
|
+
if (params?.showErrorMessage && shouldLocateFirstError) {
|
|
1087
1093
|
tableRef.value?.scrollToElement({
|
|
1088
1094
|
index: firstError.rowIndex
|
|
1089
1095
|
});
|
|
1090
1096
|
await nextTick();
|
|
1091
1097
|
}
|
|
1092
|
-
if (resolveFormItemLazy(column)) {
|
|
1098
|
+
if (shouldLocateFirstError && resolveFormItemLazy(column)) {
|
|
1093
1099
|
setTimeout(() => {
|
|
1094
1100
|
enterEditingCell({
|
|
1095
1101
|
row: firstError.row,
|
|
@@ -1163,7 +1169,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1163
1169
|
data: row,
|
|
1164
1170
|
items
|
|
1165
1171
|
});
|
|
1166
|
-
vnode.appContext =
|
|
1172
|
+
vnode.appContext = offscreenAppContext;
|
|
1167
1173
|
render(vnode, container);
|
|
1168
1174
|
offscreenContainer = container;
|
|
1169
1175
|
offscreenVNode = vnode;
|
|
@@ -1,97 +1,97 @@
|
|
|
1
|
-
.qd-upload[data-v-
|
|
1
|
+
.qd-upload[data-v-6b6ac9a6] {
|
|
2
2
|
width: 100%;
|
|
3
3
|
outline: none;
|
|
4
4
|
}
|
|
5
|
-
.qd-upload[data-v-
|
|
5
|
+
.qd-upload[data-v-6b6ac9a6] .t-image-viewer__trigger {
|
|
6
6
|
display: none;
|
|
7
7
|
}
|
|
8
|
-
.qd-upload[data-v-
|
|
8
|
+
.qd-upload[data-v-6b6ac9a6] .t-upload__dragger {
|
|
9
9
|
min-width: auto;
|
|
10
10
|
min-height: 144px;
|
|
11
11
|
width: 100%;
|
|
12
12
|
height: 100%;
|
|
13
13
|
}
|
|
14
|
-
.qd-upload[data-v-
|
|
14
|
+
.qd-upload[data-v-6b6ac9a6] .t-upload__flow {
|
|
15
15
|
width: 100%;
|
|
16
16
|
min-width: auto;
|
|
17
17
|
max-width: 100%;
|
|
18
18
|
}
|
|
19
|
-
.qd-upload[data-v-
|
|
19
|
+
.qd-upload[data-v-6b6ac9a6] .t-upload__flow-empty {
|
|
20
20
|
height: auto;
|
|
21
21
|
min-height: 144px;
|
|
22
22
|
}
|
|
23
|
-
.qd-upload[data-v-
|
|
24
|
-
.qd-upload[data-v-
|
|
23
|
+
.qd-upload[data-v-6b6ac9a6] .t-upload__flow-card-area,
|
|
24
|
+
.qd-upload[data-v-6b6ac9a6] .t-upload__flow-table {
|
|
25
25
|
margin-top: var(--td-comp-margin-s);
|
|
26
26
|
}
|
|
27
|
-
.qd-upload[data-v-
|
|
27
|
+
.qd-upload[data-v-6b6ac9a6] .t-upload__file-name__container {
|
|
28
28
|
display: flex;
|
|
29
29
|
align-items: center;
|
|
30
30
|
}
|
|
31
|
-
.qd-upload[data-v-
|
|
31
|
+
.qd-upload[data-v-6b6ac9a6] .t-upload__file-name-text {
|
|
32
32
|
cursor: pointer;
|
|
33
33
|
}
|
|
34
|
-
.qd-upload[data-v-
|
|
34
|
+
.qd-upload[data-v-6b6ac9a6] .t-upload__file-thumbnail {
|
|
35
35
|
width: var(--td-comp-size-m);
|
|
36
36
|
height: var(--td-comp-size-m);
|
|
37
37
|
}
|
|
38
|
-
.qd-upload[data-v-
|
|
38
|
+
.qd-upload[data-v-6b6ac9a6] .t-upload__card-image {
|
|
39
39
|
width: 100%;
|
|
40
40
|
height: 100%;
|
|
41
41
|
}
|
|
42
|
-
.qd-upload__popup-upload[data-v-
|
|
42
|
+
.qd-upload__popup-upload[data-v-6b6ac9a6] .t-image-viewer__trigger {
|
|
43
43
|
display: none;
|
|
44
44
|
}
|
|
45
|
-
.qd-upload__popup-upload[data-v-
|
|
45
|
+
.qd-upload__popup-upload[data-v-6b6ac9a6] .t-upload__flow-table {
|
|
46
46
|
margin-top: 0;
|
|
47
47
|
}
|
|
48
|
-
.qd-upload__popup-upload[data-v-
|
|
48
|
+
.qd-upload__popup-upload[data-v-6b6ac9a6] .t-upload__file-name__container {
|
|
49
49
|
display: flex;
|
|
50
50
|
align-items: center;
|
|
51
51
|
}
|
|
52
|
-
.qd-upload__popup-upload[data-v-
|
|
52
|
+
.qd-upload__popup-upload[data-v-6b6ac9a6] .t-upload__file-name-text {
|
|
53
53
|
cursor: pointer;
|
|
54
54
|
}
|
|
55
|
-
.qd-upload__popup-upload[data-v-
|
|
55
|
+
.qd-upload__popup-upload[data-v-6b6ac9a6] .t-upload__file-thumbnail {
|
|
56
56
|
width: var(--td-comp-size-m);
|
|
57
57
|
height: var(--td-comp-size-m);
|
|
58
58
|
}
|
|
59
|
-
.qd-upload__popup-upload[data-v-
|
|
59
|
+
.qd-upload__popup-upload[data-v-6b6ac9a6] .t-upload__card-image {
|
|
60
60
|
width: 100%;
|
|
61
61
|
height: 100%;
|
|
62
62
|
}
|
|
63
|
-
.qd-upload__popup-upload--disabled[data-v-
|
|
64
|
-
.qd-upload__popup-upload--disabled[data-v-
|
|
63
|
+
.qd-upload__popup-upload--disabled[data-v-6b6ac9a6] .t-upload__flow-table th:last-child,
|
|
64
|
+
.qd-upload__popup-upload--disabled[data-v-6b6ac9a6] .t-upload__flow-table td:last-child {
|
|
65
65
|
display: none;
|
|
66
66
|
}
|
|
67
|
-
.qd-upload[data-v-
|
|
68
|
-
.qd-upload[data-v-
|
|
67
|
+
.qd-upload[data-v-6b6ac9a6]:focus .t-upload__flow-card-area,
|
|
68
|
+
.qd-upload[data-v-6b6ac9a6]:focus .t-upload__flow-table {
|
|
69
69
|
border-color: var(--td-brand-color);
|
|
70
70
|
}
|
|
71
|
-
.qd-upload--only-view[data-v-
|
|
72
|
-
.qd-upload--only-view[data-v-
|
|
71
|
+
.qd-upload--only-view[data-v-6b6ac9a6] .t-upload__flow-empty,
|
|
72
|
+
.qd-upload--only-view[data-v-6b6ac9a6] .t-upload__card-mask-item-divider {
|
|
73
73
|
display: none;
|
|
74
74
|
}
|
|
75
|
-
.qd-upload--only-view[data-v-
|
|
75
|
+
.qd-upload--only-view[data-v-6b6ac9a6] .t-upload__flow-card-area {
|
|
76
76
|
border-color: var(--td-component-border);
|
|
77
77
|
}
|
|
78
|
-
.qd-upload--only-view[data-v-
|
|
79
|
-
.qd-upload--only-view[data-v-
|
|
80
|
-
.qd-upload--only-view[data-v-
|
|
78
|
+
.qd-upload--only-view[data-v-6b6ac9a6]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-op,
|
|
79
|
+
.qd-upload--only-view[data-v-6b6ac9a6]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__trigger,
|
|
80
|
+
.qd-upload--only-view[data-v-6b6ac9a6]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-bottom {
|
|
81
81
|
display: none;
|
|
82
82
|
}
|
|
83
|
-
.qd-upload--only-view[data-v-
|
|
84
|
-
.qd-upload--only-view[data-v-
|
|
83
|
+
.qd-upload--only-view[data-v-6b6ac9a6]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-table,
|
|
84
|
+
.qd-upload--only-view[data-v-6b6ac9a6]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-card-area {
|
|
85
85
|
margin-top: 0;
|
|
86
86
|
}
|
|
87
|
-
.qd-upload--hide-manual-upload[data-v-
|
|
87
|
+
.qd-upload--hide-manual-upload[data-v-6b6ac9a6] .t-upload__flow-bottom {
|
|
88
88
|
display: none;
|
|
89
89
|
margin-top: 0;
|
|
90
90
|
}
|
|
91
|
-
.qd-upload--hide-progress[data-v-
|
|
92
|
-
.qd-upload--hide-progress[data-v-
|
|
91
|
+
.qd-upload--hide-progress[data-v-6b6ac9a6] .t-upload__flow-table th:last-child,
|
|
92
|
+
.qd-upload--hide-progress[data-v-6b6ac9a6] .t-upload__flow-table td:last-child {
|
|
93
93
|
display: none;
|
|
94
94
|
}
|
|
95
|
-
.qd-upload--disabled[data-v-
|
|
95
|
+
.qd-upload--disabled[data-v-6b6ac9a6] .t-upload__flow-card-area {
|
|
96
96
|
border-color: var(--td-component-border);
|
|
97
97
|
}
|
|
@@ -2,7 +2,7 @@ import './index.css'
|
|
|
2
2
|
import _sfc_main from "./index.vue2.mjs";
|
|
3
3
|
/* empty css */
|
|
4
4
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
5
|
-
const QdUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
5
|
+
const QdUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b6ac9a6"]]);
|
|
6
6
|
export {
|
|
7
7
|
QdUpload as default
|
|
8
8
|
};
|
|
@@ -146,7 +146,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
146
146
|
const tempUrlMap = /* @__PURE__ */ new WeakMap();
|
|
147
147
|
const tempModelValueSet = /* @__PURE__ */ new Set();
|
|
148
148
|
const delList = ref([]);
|
|
149
|
-
const popupFileList = computed(
|
|
149
|
+
const popupFileList = computed({
|
|
150
|
+
get: () => [...fileList.value],
|
|
151
|
+
set: (files) => {
|
|
152
|
+
fileList.value = files;
|
|
153
|
+
}
|
|
154
|
+
});
|
|
150
155
|
const popupVisible = ref(false);
|
|
151
156
|
const multiFileViewerRef = useTemplateRef("multiFileViewer");
|
|
152
157
|
const viewerFiles = computed(
|
|
@@ -324,8 +329,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
324
329
|
const reImageViewerProps = { ...imageViewerProps, visible: false };
|
|
325
330
|
const handlePopupRemove = (context) => {
|
|
326
331
|
reOnRemove(context);
|
|
327
|
-
if (isEmpty(context.index)) return;
|
|
328
|
-
fileList.value.splice(context.index, 1);
|
|
329
332
|
};
|
|
330
333
|
const reOnWaitingUploadFilesChange = (context) => {
|
|
331
334
|
onWaitingUploadFilesChange?.(context);
|