zmdms-webui 3.4.8 → 3.4.9
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/es/applayout/index.css +1 -1
- package/dist/es/config/ZtxkContext.d.ts +11 -0
- package/dist/es/config/ZtxkContext.js +2 -0
- package/dist/es/node_modules/@ant-design/icons/es/icons/PaperClipOutlined.js +18 -0
- package/dist/es/node_modules/@ant-design/icons-svg/es/asn/PaperClipOutlined.js +5 -0
- package/dist/es/uploadlist/index.css +1 -1
- package/dist/es/uploadlist/interface.d.ts +10 -0
- package/dist/es/uploadlist/uploadList.js +39 -5
- package/dist/es/uploadlist/uploadListDetail.js +26 -11
- package/dist/index.dark.css +2 -2
- package/dist/index.default.css +2 -2
- package/dist/less/components/UploadList/style/index.less +105 -0
- package/package.json +2 -2
|
@@ -73,7 +73,112 @@
|
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
|
+
// 20260810 列表项自定义渲染样式（text 模式与详情列表模式共用）
|
|
77
|
+
.ztxk-upload--text-item {
|
|
78
|
+
display: flex;
|
|
79
|
+
align-items: center;
|
|
80
|
+
height: 100%;
|
|
81
|
+
&:hover {
|
|
82
|
+
background-color: #f5f5f5;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
&__icon {
|
|
86
|
+
flex-shrink: 0;
|
|
87
|
+
margin-right: 8px;
|
|
88
|
+
color: rgba(0, 0, 0, 0.45);
|
|
89
|
+
font-size: 14px;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
&__name {
|
|
93
|
+
flex: 0 0 40%;
|
|
94
|
+
max-width: 40%;
|
|
95
|
+
min-width: 0;
|
|
96
|
+
display: flex;
|
|
97
|
+
cursor: pointer;
|
|
98
|
+
|
|
99
|
+
&:hover {
|
|
100
|
+
color: #1890ff;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
&-body {
|
|
104
|
+
flex: 0 1 auto;
|
|
105
|
+
min-width: 0;
|
|
106
|
+
overflow: hidden;
|
|
107
|
+
text-overflow: ellipsis;
|
|
108
|
+
white-space: nowrap;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
&-ext {
|
|
112
|
+
flex-shrink: 0;
|
|
113
|
+
white-space: nowrap;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
&__size {
|
|
118
|
+
flex-shrink: 0;
|
|
119
|
+
margin-left: 10px;
|
|
120
|
+
color: rgba(0, 0, 0, 0.45);
|
|
121
|
+
font-size: 12px;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
&__actions {
|
|
125
|
+
flex-shrink: 0;
|
|
126
|
+
margin-left: 10px;
|
|
127
|
+
display: flex;
|
|
128
|
+
align-items: center;
|
|
129
|
+
gap: 4px;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
&__download,
|
|
133
|
+
&__delete {
|
|
134
|
+
padding: 0;
|
|
135
|
+
height: auto;
|
|
136
|
+
line-height: 1.5;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
// 失败状态：文件名标红（与 antd 原生 error 表现一致）
|
|
140
|
+
&.is-error {
|
|
141
|
+
.ztxk-upload--text-item__name {
|
|
142
|
+
color: #ff4d4f;
|
|
143
|
+
&:hover {
|
|
144
|
+
color: #ff7875;
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
// 详情列表（常用于表格单元格）覆盖：
|
|
151
|
+
// 保持 name 的固定宽度（与 text 模式一致，保证操作按钮对齐），
|
|
152
|
+
// 仅把内部从 nowrap 单行改为多行换行（nowrap 会撑开 table-cell）
|
|
153
|
+
.ztxk-upload--preview-list {
|
|
154
|
+
.ztxk-upload--text-item__name {
|
|
155
|
+
display: -webkit-box;
|
|
156
|
+
-webkit-line-clamp: 2;
|
|
157
|
+
line-clamp: 2;
|
|
158
|
+
-webkit-box-orient: vertical;
|
|
159
|
+
overflow: hidden;
|
|
160
|
+
|
|
161
|
+
.ztxk-upload--text-item__name-body {
|
|
162
|
+
white-space: normal;
|
|
163
|
+
word-break: break-all;
|
|
164
|
+
text-overflow: clip;
|
|
165
|
+
overflow: visible;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.ztxk-upload--text-item__name-ext {
|
|
169
|
+
white-space: normal;
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
.ztxk-table {
|
|
175
|
+
// 表格场景：附件名占满剩余空间，操作按钮靠右对齐
|
|
176
|
+
.ztxk-upload--text-item__name {
|
|
177
|
+
flex: 1;
|
|
178
|
+
max-width: none;
|
|
179
|
+
}
|
|
76
180
|
}
|
|
181
|
+
|
|
77
182
|
.ztxk-upload-imgcrop {
|
|
78
183
|
.ant-modal-body {
|
|
79
184
|
> button {
|
package/package.json
CHANGED