knt-shared 1.10.5 → 1.10.7
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/Image/BasicImage.vue.d.ts.map +1 -1
- package/dist/components/Image/useImage.d.ts.map +1 -1
- package/dist/components/Upload/BasicUpload.vue.d.ts.map +1 -1
- package/dist/components/Upload/types.d.ts +6 -0
- package/dist/components/Upload/types.d.ts.map +1 -1
- package/dist/index.cjs.js +135 -49
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +135 -49
- package/dist/index.esm.js.map +1 -1
- package/dist/style.css +51 -44
- package/dist/utils/url.d.ts +1 -1
- package/dist/utils/url.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -381,10 +381,10 @@ video[data-v-b982f870] {
|
|
|
381
381
|
}
|
|
382
382
|
}
|
|
383
383
|
|
|
384
|
-
.basic-upload[data-v-
|
|
384
|
+
.basic-upload[data-v-3a5bef91] {
|
|
385
385
|
width: 100%;
|
|
386
386
|
}
|
|
387
|
-
.upload-empty-state[data-v-
|
|
387
|
+
.upload-empty-state[data-v-3a5bef91] {
|
|
388
388
|
display: inline-flex;
|
|
389
389
|
align-items: center;
|
|
390
390
|
min-width: 80px;
|
|
@@ -393,14 +393,14 @@ video[data-v-b982f870] {
|
|
|
393
393
|
color: var(--color-text-3);
|
|
394
394
|
font-size: 14px;
|
|
395
395
|
}
|
|
396
|
-
.sortable-upload-container[data-v-
|
|
396
|
+
.sortable-upload-container[data-v-3a5bef91] {
|
|
397
397
|
width: 100%;
|
|
398
398
|
display: flex;
|
|
399
399
|
flex-wrap: wrap;
|
|
400
400
|
gap: 8px;
|
|
401
401
|
align-items: flex-start;
|
|
402
402
|
}
|
|
403
|
-
.upload-card-button[data-v-
|
|
403
|
+
.upload-card-button[data-v-3a5bef91] {
|
|
404
404
|
display: flex;
|
|
405
405
|
flex-direction: column;
|
|
406
406
|
align-items: center;
|
|
@@ -415,42 +415,42 @@ video[data-v-b982f870] {
|
|
|
415
415
|
border-color: #e5e7eb;
|
|
416
416
|
border-radius: 6px;
|
|
417
417
|
}
|
|
418
|
-
.upload-card-button .arco-icon[data-v-
|
|
418
|
+
.upload-card-button .arco-icon[data-v-3a5bef91] {
|
|
419
419
|
font-size: 24px;
|
|
420
420
|
margin-bottom: 8px;
|
|
421
421
|
}
|
|
422
|
-
.upload-text[data-v-
|
|
422
|
+
.upload-text[data-v-3a5bef91] {
|
|
423
423
|
margin-top: 8px;
|
|
424
424
|
font-size: 12px;
|
|
425
425
|
}
|
|
426
|
-
.upload-tip[data-v-
|
|
426
|
+
.upload-tip[data-v-3a5bef91] {
|
|
427
427
|
color: var(--color-text-3);
|
|
428
428
|
font-size: 12px;
|
|
429
429
|
line-height: 1.5;
|
|
430
430
|
margin-top: 8px;
|
|
431
431
|
}
|
|
432
|
-
.sortable-tip[data-v-
|
|
432
|
+
.sortable-tip[data-v-3a5bef91] {
|
|
433
433
|
width: 100%;
|
|
434
434
|
margin-top: 0;
|
|
435
435
|
}
|
|
436
|
-
[data-v-
|
|
437
|
-
width: var(--
|
|
438
|
-
height: var(--
|
|
439
|
-
line-height: var(--
|
|
436
|
+
[data-v-3a5bef91] .arco-upload-list-picture {
|
|
437
|
+
width: var(--eb56f194) !important;
|
|
438
|
+
height: var(--eb56f194) !important;
|
|
439
|
+
line-height: var(--eb56f194) !important;
|
|
440
440
|
}
|
|
441
|
-
[data-v-
|
|
441
|
+
[data-v-3a5bef91] .arco-upload-list-picture img {
|
|
442
442
|
width: 100%;
|
|
443
443
|
height: 100%;
|
|
444
444
|
object-fit: cover;
|
|
445
445
|
}
|
|
446
446
|
|
|
447
447
|
/* 视频文件占位处理 - 隐藏破损的图片 */
|
|
448
|
-
[data-v-
|
|
448
|
+
[data-v-3a5bef91] .arco-upload-list-picture img[src*='.mp4'],[data-v-3a5bef91] .arco-upload-list-picture img[src*='.avi'],[data-v-3a5bef91] .arco-upload-list-picture img[src*='.mov'],[data-v-3a5bef91] .arco-upload-list-picture img[src*='.wmv'],[data-v-3a5bef91] .arco-upload-list-picture img[src*='.flv'],[data-v-3a5bef91] .arco-upload-list-picture img[src*='.webm'],[data-v-3a5bef91] .arco-upload-list-picture img[src*='.mkv'],[data-v-3a5bef91] .arco-upload-list-picture img[src*='.m4v'] {
|
|
449
449
|
opacity: 0;
|
|
450
450
|
}
|
|
451
451
|
|
|
452
452
|
/* 视频文件容器添加背景和图标 - 使用 :has() 选择器（现代浏览器） */
|
|
453
|
-
[data-v-
|
|
453
|
+
[data-v-3a5bef91] .arco-upload-list-picture:has(img[src*=".mp4"]) .arco-upload-list-picture-img,[data-v-3a5bef91] .arco-upload-list-picture:has(img[src*=".avi"]) .arco-upload-list-picture-img,[data-v-3a5bef91] .arco-upload-list-picture:has(img[src*=".mov"]) .arco-upload-list-picture-img,[data-v-3a5bef91] .arco-upload-list-picture:has(img[src*=".wmv"]) .arco-upload-list-picture-img,[data-v-3a5bef91] .arco-upload-list-picture:has(img[src*=".flv"]) .arco-upload-list-picture-img,[data-v-3a5bef91] .arco-upload-list-picture:has(img[src*=".webm"]) .arco-upload-list-picture-img,[data-v-3a5bef91] .arco-upload-list-picture:has(img[src*=".mkv"]) .arco-upload-list-picture-img,[data-v-3a5bef91] .arco-upload-list-picture:has(img[src*=".m4v"]) .arco-upload-list-picture-img,[data-v-3a5bef91] .arco-upload-list-picture.is-video-file .arco-upload-list-picture-img {
|
|
454
454
|
position: relative;
|
|
455
455
|
display: flex;
|
|
456
456
|
align-items: center;
|
|
@@ -459,23 +459,23 @@ video[data-v-b982f870] {
|
|
|
459
459
|
}
|
|
460
460
|
|
|
461
461
|
/* 视频图标 */
|
|
462
|
-
[data-v-
|
|
462
|
+
[data-v-3a5bef91]
|
|
463
463
|
.arco-upload-list-picture:has(img[src*='.mp4']) .arco-upload-list-picture-img
|
|
464
|
-
::before,[data-v-
|
|
464
|
+
::before,[data-v-3a5bef91]
|
|
465
465
|
.arco-upload-list-picture:has(img[src*='.avi']) .arco-upload-list-picture-img
|
|
466
|
-
::before,[data-v-
|
|
466
|
+
::before,[data-v-3a5bef91]
|
|
467
467
|
.arco-upload-list-picture:has(img[src*='.mov']) .arco-upload-list-picture-img
|
|
468
|
-
::before,[data-v-
|
|
468
|
+
::before,[data-v-3a5bef91]
|
|
469
469
|
.arco-upload-list-picture:has(img[src*='.wmv']) .arco-upload-list-picture-img
|
|
470
|
-
::before,[data-v-
|
|
470
|
+
::before,[data-v-3a5bef91]
|
|
471
471
|
.arco-upload-list-picture:has(img[src*='.flv']) .arco-upload-list-picture-img
|
|
472
|
-
::before,[data-v-
|
|
472
|
+
::before,[data-v-3a5bef91]
|
|
473
473
|
.arco-upload-list-picture:has(img[src*='.webm']) .arco-upload-list-picture-img
|
|
474
|
-
::before,[data-v-
|
|
474
|
+
::before,[data-v-3a5bef91]
|
|
475
475
|
.arco-upload-list-picture:has(img[src*='.mkv']) .arco-upload-list-picture-img
|
|
476
|
-
::before,[data-v-
|
|
476
|
+
::before,[data-v-3a5bef91]
|
|
477
477
|
.arco-upload-list-picture:has(img[src*='.m4v']) .arco-upload-list-picture-img
|
|
478
|
-
::before,[data-v-
|
|
478
|
+
::before,[data-v-3a5bef91]
|
|
479
479
|
.arco-upload-list-picture.is-video-file .arco-upload-list-picture-img
|
|
480
480
|
::before {
|
|
481
481
|
content: '▶';
|
|
@@ -487,28 +487,28 @@ video[data-v-b982f870] {
|
|
|
487
487
|
}
|
|
488
488
|
|
|
489
489
|
/* 遮罩层 - 修复操作图标位置 */
|
|
490
|
-
[data-v-
|
|
491
|
-
line-height: var(--
|
|
490
|
+
[data-v-3a5bef91] .arco-upload-list-picture-mask {
|
|
491
|
+
line-height: var(--eb56f194) !important;
|
|
492
492
|
}
|
|
493
493
|
|
|
494
494
|
/* 操作按钮容器 - 根据尺寸调整图标大小 */
|
|
495
|
-
[data-v-
|
|
496
|
-
font-size: calc(var(--
|
|
495
|
+
[data-v-3a5bef91] .arco-upload-list-picture-operation {
|
|
496
|
+
font-size: calc(var(--eb56f194) / 80 * 14px) !important;
|
|
497
497
|
}
|
|
498
498
|
|
|
499
499
|
/* 错误提示图标 - 根据尺寸调整图标大小 */
|
|
500
|
-
[data-v-
|
|
501
|
-
font-size: calc(var(--
|
|
500
|
+
[data-v-3a5bef91] .arco-upload-list-picture-error-tip .arco-upload-icon-error {
|
|
501
|
+
font-size: calc(var(--eb56f194) / 80 * 26px) !important;
|
|
502
502
|
}
|
|
503
503
|
|
|
504
504
|
/* 行内视频预览 */
|
|
505
|
-
.inline-video-preview[data-v-
|
|
505
|
+
.inline-video-preview[data-v-3a5bef91] {
|
|
506
506
|
margin-top: 16px;
|
|
507
507
|
border: 1px solid var(--color-border-2);
|
|
508
508
|
border-radius: 4px;
|
|
509
509
|
overflow: hidden;
|
|
510
510
|
}
|
|
511
|
-
.close-inline-preview[data-v-
|
|
511
|
+
.close-inline-preview[data-v-3a5bef91] {
|
|
512
512
|
width: 100%;
|
|
513
513
|
border-radius: 0;
|
|
514
514
|
}
|
|
@@ -779,11 +779,11 @@ video[data-v-b982f870] {
|
|
|
779
779
|
}
|
|
780
780
|
|
|
781
781
|
.basic-image {
|
|
782
|
-
&[data-v-
|
|
782
|
+
&[data-v-71d2eff3] {
|
|
783
783
|
display: inline-block;
|
|
784
784
|
}
|
|
785
785
|
.basic-image-empty {
|
|
786
|
-
&[data-v-
|
|
786
|
+
&[data-v-71d2eff3] {
|
|
787
787
|
display: flex;
|
|
788
788
|
align-items: center;
|
|
789
789
|
justify-content: center;
|
|
@@ -792,20 +792,20 @@ video[data-v-b982f870] {
|
|
|
792
792
|
color: var(--color-text-3);
|
|
793
793
|
font-size: 14px;
|
|
794
794
|
}
|
|
795
|
-
.empty-text[data-v-
|
|
795
|
+
.empty-text[data-v-71d2eff3] {
|
|
796
796
|
color: var(--color-text-3);
|
|
797
797
|
}
|
|
798
798
|
}
|
|
799
799
|
.basic-image-simple {
|
|
800
|
-
&[data-v-
|
|
800
|
+
&[data-v-71d2eff3] {
|
|
801
801
|
display: inline-block;
|
|
802
802
|
}
|
|
803
803
|
.image-wrapper {
|
|
804
|
-
&[data-v-
|
|
804
|
+
&[data-v-71d2eff3] {
|
|
805
805
|
position: relative;
|
|
806
806
|
display: inline-block;
|
|
807
807
|
}
|
|
808
|
-
.image-count-badge[data-v-
|
|
808
|
+
.image-count-badge[data-v-71d2eff3] {
|
|
809
809
|
position: absolute;
|
|
810
810
|
top: 4px;
|
|
811
811
|
right: 4px;
|
|
@@ -828,16 +828,16 @@ video[data-v-b982f870] {
|
|
|
828
828
|
}
|
|
829
829
|
}
|
|
830
830
|
.basic-image-grid {
|
|
831
|
-
&[data-v-
|
|
831
|
+
&[data-v-71d2eff3] {
|
|
832
832
|
display: flex;
|
|
833
833
|
flex-wrap: wrap;
|
|
834
834
|
}
|
|
835
|
-
.image-item[data-v-
|
|
835
|
+
.image-item[data-v-71d2eff3] {
|
|
836
836
|
display: inline-block;
|
|
837
837
|
}
|
|
838
838
|
}
|
|
839
839
|
}
|
|
840
|
-
[data-v-
|
|
840
|
+
[data-v-71d2eff3] .arco-image {
|
|
841
841
|
display: inline-block;
|
|
842
842
|
border-radius: 4px;
|
|
843
843
|
overflow: hidden;
|
|
@@ -848,14 +848,21 @@ video[data-v-b982f870] {
|
|
|
848
848
|
transform: translateY(-2px);
|
|
849
849
|
}
|
|
850
850
|
}
|
|
851
|
-
[data-v-
|
|
851
|
+
.basic-image--disabled[data-v-71d2eff3] .arco-image {
|
|
852
|
+
cursor: not-allowed;
|
|
853
|
+
&:hover {
|
|
854
|
+
box-shadow: none;
|
|
855
|
+
transform: none;
|
|
856
|
+
}
|
|
857
|
+
}
|
|
858
|
+
[data-v-71d2eff3] .arco-image-img {
|
|
852
859
|
display: block;
|
|
853
860
|
object-fit: cover;
|
|
854
861
|
}
|
|
855
|
-
[data-v-
|
|
862
|
+
[data-v-71d2eff3] .arco-image-error {
|
|
856
863
|
background: var(--color-fill-2);
|
|
857
864
|
}
|
|
858
|
-
[data-v-
|
|
865
|
+
[data-v-71d2eff3] .arco-image-loading {
|
|
859
866
|
background: var(--color-fill-2);
|
|
860
867
|
}
|
|
861
868
|
|
package/dist/utils/url.d.ts
CHANGED
|
@@ -59,7 +59,7 @@ export declare function transformUploadUrl(transferUrl: TransferUrlInput): strin
|
|
|
59
59
|
* // => [{ url: 'https://example.com/uploads/file.jpg', path: undefined }]
|
|
60
60
|
* ```
|
|
61
61
|
*/
|
|
62
|
-
export declare function transformBackUrl(transferUrl: TransferUrlInput, config?: TransFormUrlConfig): UrlResult | UrlResult[] | undefined;
|
|
62
|
+
export declare function transformBackUrl(transferUrl: TransferUrlInput, config?: TransFormUrlConfig, index?: number): UrlResult | UrlResult[] | undefined;
|
|
63
63
|
/**
|
|
64
64
|
* URL 路径转换（兼容旧版本的统一入口函数）
|
|
65
65
|
* @param options - 转换参数
|
package/dist/utils/url.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAClB,SAAS,EAGV,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAClB,SAAS,EAGV,MAAM,4BAA4B,CAAC;AAiCpC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,gBAAgB,GAC5B,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CA2B/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,gBAAgB,EAC7B,MAAM,CAAC,EAAE,kBAAkB,EAC3B,KAAK,SAAI,GACR,SAAS,GAAG,SAAS,EAAE,GAAG,SAAS,CA2DrC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE;IACxC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B,GACG,MAAM,GACN,MAAM,EAAE,GACR,SAAS,GACT,SAAS,EAAE,GACX,SAAS,CASZ"}
|